front end - advanced development for beginners
TRANSCRIPT
FRONT-END SOLUTIONSAdvanced Development for Beginners
CO TO JEST FRONT-END?
BARDZO DAWNO TEMUubogie, proste stronyzawieszający się javascript
NIE TAK DAWNO TEMU, A NAWET TERAZashowe strony
ajax - przeładowanie małych fragmentów stronystanowe serwery (stateful servers)cała nawigacja odbywa sie po stronie serwera
FRONT-END + BACK-ENDFE: aplikacja napisana w JavascriptBE: na ogół bezstanowy serwernawigacja po stronie FEwięcej możliwościwięcej odpowiedzialności
JAK TO DZIAŁA?
KOMPONENTYHTMLCSSJavascriptBudowanie i Automatyzacja
HTMLHamlJadeECT... i kilkadziesiąt innych
CSSSTYLESHEET LANGUAGES
SassLessStylus
CSSCSS FRAMEWORKS
BootstrapFoundationMaterialize... i 25 innych
JAVASCRIPT FRAMEWORKSAngularJSAureliaBackbone.jsExt JSEmber.jsGWTKnockout.js... i 20 innych
JAVACRIPT LIBRARIESJQueryReact.js... i 10000 innych
BUDOWANIE I AUTOMATYZACJAGulpGruntBabelBrowserifyWebpacknpmbower
CO WYBRAĆ?
JAK SIĘ UCZYĆ? OD CZEGO ZACZĄĆ?
YEOMAN GENERATORhttp://yeoman.io/generators/
DOBRE PRAKTYKIhttps://github.com/johnpapa/angular-styleguide
DEMO
