These are the take-aways from my Q&A sessions working with students on their portfolios at Thinkful. Hopefully these guidelines will make building a successful portfolio site straightforward.
Keep it simple! Unless you have a blog, or some other major section to your site, it's likely that you don't even need a navigation. In practice, making a "cool reveal" or an awesome unique style is much better than packing in more pages and more projects. Here are the critical sections.
| //Utility function to display a binary tree to the console | |
| //More helpful than console.log(tree) due to circular parent refs | |
| //Usage: print_tree(some_tree) | |
| function print_tree(tree, depth) { | |
| if (!depth) { | |
| console.log("" + tree.key); | |
| depth = 0; | |
| } | |
| depth += 1; | |
| if (tree.left) { |
| //NOTE: These functions are NOT reliable if there are astral characters | |
| //in the input! Use with UCS-2 strings only. | |
| //Python implementations of the same algorithms for comparison: | |
| // https://gist.github.com/Rosuav/d02bf71f8bb5354327ee8a8e5fb54e3f | |
| //Write an algorithm to check whether any permutation of a string is a | |
| //palindrome (a string which reads the same forwards and backwards). | |
| //Note that this does not use the HashMap class due to a lack of useful | |
| //features such as iteration. The core algorithm would work the same way |
| // Imagine you have an array of numbers. | |
| // Write an algorithm to remove | |
| // all numbers less than five from the array. | |
| function removeLessFive(array) { | |
| for(var i = 0; i < array.length; i++) { | |
| if (array[i] < 5 ) { | |
| //Iterative versions of https://gist.github.com/Rosuav/5736378d02c6cd459470582ce301b4b4 | |
| //Exercise 1: Take an integer as input, and return a boolean indicating whether | |
| //the value is even or odd. | |
| //Editorial comment: This isn't even iterative, just fomulaic. Exercise 4 could | |
| //be done similarly. Avoiding iteration AND recursion generally gives the best | |
| //performance, when it's possible (but usually it won't be). | |
| function is_even(int) { | |
| return (int % 2) == 0; | |
| } |
| //Exercise 1: Take an integer as input, and return a boolean indicating whether | |
| //the value is even or odd. | |
| function is_even(int) { | |
| if (int < 0) return is_even(-int); | |
| if (int < 2) return Boolean(int | 0); | |
| return is_even(int - 2); | |
| } | |
| //Exercise 2: Take an array as input which contains an unknown set of numbers, | |
| //and output an array which doubles the values of each item in that array. Test |
| var debug = process.env.NODE_ENV !== "production"; | |
| var webpack = require('webpack'); | |
| module.exports = { | |
| context: __dirname, | |
| devtool: debug ? "inline-sourcemap" : null, | |
| entry: "./js/scripts.js", | |
| output: { | |
| path: __dirname + "/js", | |
| filename: "scripts.min.js" |
| <html> | |
| <head> | |
| <title>jsonp test</title> | |
| <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> | |
| <script type="text/javascript"> | |
| $(function(){ | |
| $('#select_link').click(function(e){ | |
| e.preventDefault(); | |
| console.log('select_link clicked'); | |
| import React from 'react'; | |
| /* | |
| Todo app structure | |
| TodoApp | |
| - TodoHeader | |
| - TodoList | |
| - TodoListItem #1 | |
| - TodoListItem #2 |
| var React = require("react"); | |
| var allItems = [] | |
| allItems.push("Buy ingredients for Crock Pot"); | |
| allItems.push("Pick up chair at IKEA"); | |
| allItems.push("Go see mom"); | |
| class TodoList extends React.Component { | |
| constructor(props){ | |
| super(props); |