Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

28
Modern Frontend Tooling Binary Academy 2014 Semenistyi Mykyta

TAGS:

description

Binary Studio Academy PRO

Transcript of Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Page 1: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Modern Frontend Tooling

Binary Academy 2014 Semenistyi Mykyta

Page 2: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

bower

Page 3: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

bower

Page 4: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

RequireJs

Page 5: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

RequireJs

Page 6: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

RequireJs

Page 7: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

RequireJs

Page 8: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling
Page 9: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Stylus

Page 10: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Stylus

Page 11: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jade

Page 12: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jade

Page 13: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jade

Page 14: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jade

Page 15: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

JSHint

Page 16: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

JSHint

Page 17: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Grunt

Page 18: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Grunt

Page 19: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Gulp

Page 20: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jasmine

Page 21: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jasmine

Page 22: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Jasmine

Page 23: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

PhantomJs

Page 24: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Chrome DevTools

Page 25: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Chrome DevTools

Page 26: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Chrome DevTools

CTRL + O

Page 27: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Chrome DevTools

Page 28: Binary Studio Academy PRO. JS course. Lecture 3. modern frontend tooling

Chrome DevTools


Reusing your frontend JS on the server with V8/Rhino

Reusing your frontend JS on the server with V8/Rhino

AngularSummit - FrontEnd Fest · Angular 1 and 2+ Core, Components, Services, Routing, Observables, Forms Dynamic Directives Tooling Testing - protractor & jasmine Performance tuning

AngularSummit - FrontEnd Fest · Angular 1 and 2+ Core, Components, Services, Routing, Observables, Forms Dynamic Directives Tooling Testing - protractor & jasmine Performance tuning

Frontend Operations

Frontend Operations

Вебинар по Frontend: Профессия Frontend разработчика

Вебинар по Frontend: Профессия Frontend разработчика

Senior Frontend - infotechhub.in Developer.pdf · Senior Frontend UI Developer java html Angular JS css Node js. Headquartered at Kanpur, India, ITH Technologies

Senior Frontend - infotechhub.in Developer.pdf · Senior Frontend UI Developer java html Angular JS css Node js. Headquartered at Kanpur, India, ITH Technologies

LEARN FRONTEND TESTING - Formidablestack.formidable.com/learn-frontend-testing/learn-frontend-testing.pdf · MOTIVATION Web applications are increasingly becoming frontend heavy.

LEARN FRONTEND TESTING - Formidablestack.formidable.com/learn-frontend-testing/learn-frontend-testing.pdf · MOTIVATION Web applications are increasingly becoming frontend heavy.

Frontend Controllers

Frontend Controllers

Tooling Temple, Coimbtore, Tooling Temple

Tooling Temple, Coimbtore, Tooling Temple

JS Tooling in Rails 3.1

JS Tooling in Rails 3.1

Noria - USENIX...Frontend!4 Stories Votes 90% reads 10% writes JOIN COUNT FILTER Query. Backend Frontend!4 Stories Votes Slow reads, repeated work! ... upstream state Frontend. Frontend!12

Noria - USENIX...Frontend!4 Stories Votes 90% reads 10% writes JOIN COUNT FILTER Query. Backend Frontend!4 Stories Votes Slow reads, repeated work! ... upstream state Frontend. Frontend!12

JS Lab 2016 - Frontend trends 2015 - 2016

JS Lab 2016 - Frontend trends 2015 - 2016

Frontend moderno

Frontend moderno

Frontend Masters — Learn JavaScript, React, Vue & … › ... › js-the-hard-parts.pdf— I have implemented a sort algorithm (bubble, merge etc) — I can add a method to an object’s

Frontend Masters — Learn JavaScript, React, Vue & … › ... › js-the-hard-parts.pdf— I have implemented a sort algorithm (bubble, merge etc) — I can add a method to an object’s

MediaMosa frontend

MediaMosa frontend

Supplier Frontend M2 - Configuration · 6/7/2017 Supplier Frontend M2 - Configuration - CreativeMinds Products Documentation ... SUPPLIER FRONTEND PRODUCT UPLOADER → Configuration.

Supplier Frontend M2 - Configuration · 6/7/2017 Supplier Frontend M2 - Configuration - CreativeMinds Products Documentation ... SUPPLIER FRONTEND PRODUCT UPLOADER → Configuration.

One Language, All Tiers...2017/11/16  · • create-react-kotlin-app my-app kotlin-frontend-plugin • Download JS dependencies from npm • Create bundle using webpack • Run tests

One Language, All Tiers...2017/11/16  · • create-react-kotlin-app my-app kotlin-frontend-plugin • Download JS dependencies from npm • Create bundle using webpack • Run tests

Building IT products · Frontend of web applications Vue js Vue js is a very light Front-End framework. Therefore, it doesn’t unnecessarily overload the computer. Due to its lightness,

Building IT products · Frontend of web applications Vue js Vue js is a very light Front-End framework. Therefore, it doesn’t unnecessarily overload the computer. Due to its lightness,

Frontend performance

Frontend performance

Spa, isomorphic and back to the server our journey with js @ frontend con poland 2017

Spa, isomorphic and back to the server our journey with js @ frontend con poland 2017

VISIONMOOIPLAATS 242 JS GOEDEHOOP 244 JS DOORNKOP 246 JS MOOIWATER 247 JS WONDERBOOM 249 JSDOORNBOOM 248 JS HARTBEESTFONTEIN 241 JS SUIKERBOSCHPLAAT 252 JS …

VISIONMOOIPLAATS 242 JS GOEDEHOOP 244 JS DOORNKOP 246 JS MOOIWATER 247 JS WONDERBOOM 249 JSDOORNBOOM 248 JS HARTBEESTFONTEIN 241 JS SUIKERBOSCHPLAAT 252 JS …