Prezentacja z warsztatów ze studentami.

1. FRONT-END SOLUTIONS
Advanced Development for Beginners

2. CO TO JEST FRONT-END?

3. BARDZO DAWNO TEMU
ubogie, proste strony
zawieszający się javascript

4. NIE TAK DAWNO TEMU, A NAWET TERAZ
ashowe strony
ajax - przeładowanie małych fragmentów strony
stanowe serwery (stateful servers)
cała nawigacja odbywa sie po stronie serwera

5. FRONT-END + BACK-END
FE: aplikacja napisana w Javascript
BE: na ogół bezstanowy serwer
nawigacja po stronie FE
więcej możliwości
więcej odpowiedzialności

7. JAK TO DZIAŁA?

8. KOMPONENTY
HTML
CSS
Javascript
Budowanie i Automatyzacja

9. HTML
Haml
Jade
ECT
... i kilkadziesiąt innych

10. CSS
STYLESHEET LANGUAGES
Sass
Less
Stylus

11. CSS
CSS FRAMEWORKS
Bootstrap
Foundation
Materialize
... i 25 innych

12. JAVASCRIPT FRAMEWORKS
AngularJS
Aurelia
Backbone.js
Ext JS
Ember.js
GWT
Knockout.js
... i 20 innych

14. JAVACRIPT LIBRARIES
JQuery
React.js
... i 10000 innych

15. BUDOWANIE I AUTOMATYZACJA
Gulp
Grunt
Babel
Browserify
Webpack
npm
bower

16. CO WYBRAĆ?

17. JAK SIĘ UCZYĆ? OD CZEGO ZACZĄĆ?

18. YEOMAN GENERATOR
http://yeoman.io/generators/

19. DOBRE PRAKTYKI
https://github.com/johnpapa/angular-styleguide

20. DEMO

21. THE END
ACADEMY.BLSTREAM.COM
adam.kucharski@blstream.com
mateusz.skoczylas@blstream.com