frontend-dev

An introductory note to the front-end world.

HTML

Semantics

• head, body
• div, span
• form, input

DOM (need javascript)

• window and document object
• events: click, keydown, etc
• event propagation: capturing and bubbling.

Javascript

Syntax

• operators, exprssions, statements
• function, apply, calls

Async programming (ajax)

• jQuery
• Promise

Object-oriented programming

• prototype, this
• coffeeScript

Functional programming

• function as first-class object, i.e. function can do everything.
• higher-order functions (ref: Array.prototype)
• curry, partial, combinators

frameworks

• backbone
• angularjs
• react

Css

Basic properties

• Box model, i.e. padding, margin, position
• display
• float
• color, font, etc

Sass

• import, export
• nesting, &
• variable
• mixin, function
• directive @if @else @for @each
• (library) compass