Frontend-JavaScript-2

The second edition of the Frontend JavaScript course in HackBulgaria.

       _                       _____              _         _   
      | |                     / ____|            (_)       | |  
      | |  __ _ __   __ __ _ | (___    ___  _ __  _  _ __  | |_ 
  _   | | / _` |\ \ / // _` | \___ \  / __|| '__|| || '_ \ | __|
 | |__| || (_| | \ V /| (_| | ____) || (__ | |   | || |_) || |_ 
  \____/  \__,_|  \_/  \__,_||_____/  \___||_|   |_|| .__/  \__|
                                                    | |         
                                                    |_|         

Douglas Crockford

Watch those videos:

• JavaScript - The Early Years
• And Then There Was JavaScript
• Function the Ultimate

Materials for prepartion

• Metamorphosis of AJAX
• The End of All Things

We strongly recommend that you check the following materials:

• Throughout the course we will use the following book - http://eloquentjavascript.net/
• For the start of the course, you can read from chapter 1 to chapter 4 - to get a good feeling of the language.
• If you are into it, you can complete the JavaScript track in CodeCademy - http://www.codecademy.com/en/tracks/javascript

Course Program

The program is subject to change and will change until it gets to its final form ;)

• JavaScript the good the bad and the weird parts - learning JavaScript as a language.

• The Art and Science of Front-end development

• Building an Interface with jQuery

  • DOM manipulation
  • event handling
  • plugins

• Bootstrapping the UX

• Sculpting with SASS

• Thinking Async - Closures, Callbacks, Promises

• CRUD Pattern with jQuery and Firebase

• Data manipulation with lodash

• SPAs with Angular Part 1

• SPAs with Angular Part 2

• HTML5 APIs - Canvas & WebSockets. Making games!

• (Bonus) 3D Apps with Three.js

• (Bonus) Diagrams, Charts with d3.js and Raphael.js