getting-started-with-web.md

HTML, CSS, JS

1. Intro: https://www.youtube.com/playlist?list=PL697D36B35F92E9E4 (1)
2. JS:
   • Single page: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript (2)
   • Video: http://video.ch9.ms/ch9/DF01/97ECAC6F-5413-486A-B9D5-9EB60082DF01/MIX11HTM06_high_ch9.mp4 (5)
   • Intermediate: http://ejohn.org/apps/learn (6)
   • Philip Roberts: What the heck is the event loop anyway? https://www.youtube.com/watch?v=8aGhZQkoFbQ
   • Book: http://eloquentjavascript.net/
   • Course: http://www.codecademy.com/en/tracks/javascript
3. CSS:
   • Intro: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started (3)
   • Layout: http://learnlayout.com/ (4)
   • Cource: http://www.codecademy.com/en/tracks/web
4. jQuery:
   • How it works: http://learn.jquery.com/about-jquery/how-jquery-works/
   • Articles: http://learn.jquery.com/
   • course: http://www.codecademy.com/en/tracks/jquery
5. HTML/CSS/JS APIs:
   • Christian Heilmann - HTML5 for the masses - making the future the now https://www.youtube.com/watch?v=6SUg5bpTEYE
   • Christian Heilmann - HTML5 for a mobile world - https://www.youtube.com/watch?v=x1__Q9iE2RQ https://www.youtube.com/watch?v=WoH_yNhxdRo (0)
6. Tools:
   • playground: http://jsbin.com
   • dev tools: https://developer.chrome.com/devtools/index https://developer.mozilla.org/en/docs/Tools https://www.youtube.com/watch?v=C6Cyrpkb25k&index=15&list=PLo3w8EB99pqLZNY22xKbTEzMfYo9PXAlm

Server-side

1. Web 1.0 - Pages, Forms, SQL db
   • Node: https://gist.github.com/clarle/3180770
   • Ruby on Rails: http://guides.rubyonrails.org/getting_started.html
2. HTTP JSON API, REST
   • http://guides.rubyonrails.org/routing.html
   • Steve Klabnik https://www.youtube.com/watch?v=FpS_E90-6O8
   • http://confreaks.com/videos/2664-btvruby2013-building-ambitious-apis-with-ruby
3. Single-page applications (load static page, then do API calls with the server)

Architecture

1. Server-side MVC: https://www.youtube.com/watch?v=3mQjtk2YDkM
2. Server-side patterns: http://martinfowler.com/eaaCatalog/
3. A tale of two MVCs by Yehuda Katz https://www.youtube.com/watch?v=U9x-EaeJDuE
4. JS patterns: http://addyosmani.com/resources/essentialjsdesignpatterns/book/
5. MV* frameworks: backbone, angular, ember http://vimeo.com/68390483
6. Архитектура фронтенда (Kottans.org) https://www.youtube.com/watch?v=HFmkSYFUCZQ