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

THE ENDACADEMY.BLSTREAM.COMadam.kucharski@blstream.com

mateusz.skoczylas@blstream.com