Yoga Institute Summer Code Camp 2015

TOC

• [Install Fest]
• [Pre-camp Reading]

Install Fest

Estimated time needed: 2 hrs. System requirement: Mac

• Install Chrome
• Install Sublime 3 (don't use 2)
  • Symlink subl. Assuming you've placed Sublime Text in the Applications folder, and that you have a ~/bin directory in your path, you can run:

ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl

• Install HomeBrew, a useful package manager for Mac

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• Install Node

  • Create Apple ID if you don't have one already
  • Install Xcode from the App Store
  • Open terminal: Command + Space to open Spotlight and type terminal

  brew install node
  

• Join

  • GitHub
  • StackOverflow

• Git configuration

  • git config your name, email and editor

$ git config --global user.name "Joan Doe" $ git config --global user.email joandoe@example.com $ git config --global core.editor "subl -n -w" ```

TODO: add Sublime setup
  - Node build
  - package manager
  - recommended packages
  - key mappings

Pre-Camp Reading

• JS The Definitive Guide 6th ed. Chapters 1-8
• JS Types
• JS Operators
• Dev Tools
  • If you prefer to watch videos: Discover Dev Tools
  • If you prefer to read: Dev Tools Docs
  • Dev Tools Cheatsheet
  • Advanced features list on StackOverflow

JS Fundamentals

• data types: number, string, boolean, object, null, undefined
• operators: basic, advanced, under-the-hood
• arrays
• objects

Functional JS

• functions
• higher order functions
• closure
• execution context
• lexical scope
• callbacks
• promises
• ES6 generator
• ES6 bracket
• rewrite underscore naive
• read underscore.js source
• ES6

jQuery

• http://jqfundamentals.com/
• read jquery source
• rewrite jquery
• ajax

OO JS

• instantiation patterns
• classical inheritance in other languages
• prototype
• constructor
• Ch. 6 of the Definitive Guide
• JavaScript Design Patterns
  • Constructor Pattern
  • Module Pattern
  • Revealing Module Pattern
  • Singleton Pattern
  • Observer Pattern
  • Mediator Pattern
  • Prototype Pattern
  • Command Pattern
  • Facade Pattern
  • Factory Pattern
  • Mixin Pattern
  • Decorator Pattern
  • Flyweight Pattern

MVC

• rewrite Barebones.js
• read Backbone.js source
• Angular.js
• Angular-formly

MEAN

• Node.js intro
• Express
• Angular

Git

• git basics
• branching
• develop & drill workflow
• merge vs rebase

Testing

• rewrite mini-testing framework from scratch riot.js bdd
• mocha chai sinon
• karma
• jasmine
• phantom and casper

Deployment

• heroku
• aws

Polymer

• webcomponents

Data Structures

• Linked Lists
• Binary Trees
• Tries
• Stacks
• Queues
• Vectors / ArrayLists
• Hash Tables

Algorithms

• Breadth First Search
• Depth First Search
• Binary Search
• Merge Sort
• Quick Sort
• Tree Insert / Find / e.t.c.

Concepts

• Bit Manipulation
• Singleton Design Pattern
• Factory Design Pattern
• Memory (Stack vs. Heap)
• Recursion
• Big-O Time

CS

• Algorithms 4th ed.
• cool sorting visualization

Brain teasers

Developer Tools

Sublime

My favoriate text editor.

Pros:

• light-weight
• fast
• powerful
• customizable
• did I say light-weight?

Cons:

• no in-editor debugging (I think)
• nothing else?

Keyboard shortcuts I like

• http://sublime-text-unofficial-documentation.readthedocs.org/en/latest/reference/keyboard_shortcuts_osx.html

Key mappings I like

• https://github.com/bohdon/sublimeAlternateVIMNavigation/blob/master/Default%20(OSX).sublime-keymap

Packages I like

• http://www.hongkiat.com/blog/sublime-text-refresh-browser/
• http://www.sitepoint.com/10-essential-sublime-text-plugins-full-stack-developer/

Other cool things:

• https://scotch.io/bar-talk/best-of-sublime-text-3-features-plugins-and-settings
• this whole thing is very good http://sublime-text-unofficial-documentation.readthedocs.org/

Some under the hood stuff

• http://docs.sublimetext.info/en/latest/basic_concepts.html#the-packages-directory
• fixed SublimeREPL node problem wuub/SublimeREPL#364 Software engineering power tools
  • http://dsernst.com/2015/06/11/software-engineering-power-tools/

Good tools

• collabedit
• online whiteboarding
• randomizer
• regex builder
• JSON prettifier
• Angular dev tools
• Backbone dev tools
• prototyping
  • farmer.js

Cool sites

• 180 sites in 180 days