academy course

Introduction #1 (2 x 45)
About this course (45)
Frontend engineering introduction (45)
- web development is
     - history
     - current situation
     - languages and platforms
     - FE definition
- Job specific
     - knowledge areas
     - design & development
     - end-user communication
- environment
     - browsers and platforms
     - technical restrictions
- Technologies set
     - HTML/XHTML/XML
     - CSS
     - javascript 

Introduction #2 (45)
- w3c

- microsoft
- javascript appear
     - java applets
     - JSON story
- browser wars
     - vendors
     - specifications following
- whatwg and open source community 


All about HTML (2 x 45)
- history and evolution
     - from HTML1 to HTML4
     - what is semantic
- DTD
     - loose vs strict
     - XHTML 2.0
- HTML4 vs XHTML 1.0
- HTML5


All about CSS (2 x 45)
- Introduction
     - history of documents styling
- CSS
     - definition
     - high level specification overview
     - syntax
          - selectors understanding (XPATH examples)
     - evolution
          - from 1 to 3
- tables vs div's
- CSS3 and modern web (transitions)
- CSS4 (shaders) 

Advanced CSS technics (2 x 45)
- namespace emulation
- id vs class
- OOCSS
- YAML 
- LESS, SASS, compas



Javascript Introduction (2 x 45)
- devices and platforms
- history of the language
- ECMA specification
- syntax overview
     - TODO: take js lectures program


Functions in javascript (2 x 45)
- named functions
- scopes
- function is object
- anonymous functions / closures

Debugging javascript (2 x 45)
- tools overview
     - chrome dev tools
     - web inspector
     - RIP firebug
     - dragonfly
- logging
- alert debugging is evil 

Events (2 x 45)
- bubbling and capturing
- native events vs custom events
- loose coupling
- garbage collecting
- setTimeout
- webWorkers  

OOP with Javascript (2 x 45)
- prototypes
- that = this
- incapsulating
- module pattern

javascript frameworks overview (2 x 45)
- jquery
     - DOM traversing
     - CSS selector engines
- YUI, dojo, mootools
- extjs, closure
- backbone, underscore
- angular, ember, knockout



Information airtrain (45)
- web services
- AJAX
- REST 

AJAX and web services (2 x 45)
- XMLHTTPRequest + XHR
- JSON vs XML vs HTML
- iframe kung-fu
- comet/websockets
- multipart data 




Browser anatomy (2 x 45)
- Introduction (high level structure)
- Rendering engines
     - introduction
     - rendering modes (quirks)
- HTML and it's structure (basics)
     - DTD
     - DOM
     - CSS
     - scripts (js, vb, etc)
- reflow understanding 

Cross browser horror (2 x 45)
- box model
- difference in js interpreters


Information design (45)
Usability basics (45)