Skip to content

Latest commit

 

History

History
51 lines (42 loc) · 896 Bytes

README.md

File metadata and controls

51 lines (42 loc) · 896 Bytes

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