Basics of web development

swe.md

Basics of web development

• JavaScript
  • The language
    • http://jsfiddle.net/ - site for playing with javascript, html, css in your browser
    • http://www.codecademy.com/en/tracks/javascript - good hands on introduction to javascript
    • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide - excellent deeper dive intro to javascript
    • http://effectivejs.com/ - my favorite javascript book
    • Data types
    • Operators
    • Control structures
    • Objects
      • Prototypes for object oriented programming
    • Arrays
    • Functions
      • Functions as arguments
      • Callbacks
      • Closures
    • Promises
  • Lodash (https://lodash.com/docs)
    • Adds pretty much all of JavaScript's missing features
    • It's okay to lean on lodash, but you shouldn't sacrifice too much knowledge of the underlying language in favor of lodash
  • Basic understanding of jQuery, though it's not considered best practice anymore
    • Though jQuery is not considered "best practice" anymore, it's important to understand what it is, and why people use it so much.
  • Bundling and modules
  • Communicating with APIs
    • Ajax
  • Node.js
    • Why javascript on the server?
      • http://www.toptal.com/nodejs/why-the-hell-would-i-use-node-js - good introduction, but get's a bit too deep really quickly
    • Modules
    • Http server
    • Making http requests
    • https://github.com/felixge/node-style-guide - excellent guide for how to style node code
  • Npm
    • Searching for packages
    • Requiring packages
    • Basics of the package.json file
• JSON
  • Parsing JSON
  • Relationship to javascript objects/arrays
  • Interchange language of the web
  • Trade-offs vs XML
• Html
  • Basic page structure
  • link tags for css
  • script tags for javascript
• Css
  • Basic familiarity with less or sass
  • Selectors
• Http
  • Http verbs
  • Main http status codes (200, 404, 500, etc.)
  • Port 80 vs other ports
  • Headers
    • Content types
  • Query string parameters
  • Http "body"
• Linux
  • Running commands
  • Navigating directories
  • Creating, deleting, viewing, and moving files
• Source control
  • Why to use source control
  • Basic understanding of git
  • Basic branching and merging
  • Committing code
  • Pushing commits
• Text editor or IDE (integrated development environment)
  • Be setup with some text editor that is meant for coding
  • Should be setup with syntax highlighting at minimum