2016 frontend development

13
2016 FRONTEND DEVELOPMENT The update.

Upload: bryan-arbelo

Post on 16-Apr-2017

210 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 2016 Frontend Development

2016 FRONTEND DEVELOPMENT

The update.

Page 2: 2016 Frontend Development

ANGULAR HAS CREATED A NEW BREED OF FRONTEND DEVELOPERS

More responsible developers

Framework + Angular

=

Page 3: 2016 Frontend Development

RIGOR – GOOD PRACTICES

Patterns we all knew in backend but ignored when using Javascript were revived.

Factory Singleton Dependency Injection Observer

Page 4: 2016 Frontend Development

SO WHATS NEXT?

Page 5: 2016 Frontend Development

100+ PATTERN ORIENTED LIBRARIES PUT TOGETHER BY FACEBOOK https://github.com/facebook/react/wiki/Complementary-Tools

Routing

Model Management

Data Fetching

UI Components

Miscellaneous

Build Tools

Debugging

Editors (IDEs)Testing

Page 6: 2016 Frontend Development

MVC

MODELVIEW CONTROLLER

REACT

ANGULAR

Page 7: 2016 Frontend Development

ANGULAR + REACT MODELVIEW CONTROLLE

R

REACT ANGULAR ANGULAR

Page 8: 2016 Frontend Development

OR FLUX

DISPATCHER STORES VIEWS

REACT ANGULAR ANGULAR

Page 9: 2016 Frontend Development

ITS SIMPLE

Page 10: 2016 Frontend Development

LANGUAGES ..OR FLAVOURS? (ECMASCRIPT)

-------------------------------------------------------------------BROWSERS

-------------------------------------------------------FLAVOURS

Page 11: 2016 Frontend Development

ANGULAR 1

Page 12: 2016 Frontend Development

ANGULAR 2

Page 13: 2016 Frontend Development