Presentation is loading. Please wait.

Presentation is loading. Please wait.

Future of Front-End Development

Similar presentations


Presentation on theme: "Future of Front-End Development"— Presentation transcript:

1 Future of Front-End Development
by Vyacheslav Koldovskyy, SoftServe, Learning Solutions Architect, Professional Google Cloud Architect, t.me/programmingmentor

2 FRONT-END LANDSCAPE

3 FRAMEWORKS 2019

4 WHAT'S WRONG WITH SPA?

5 ALL IS WRONG!

6 IN DETAIL… Is it OK to be "Single Page"? Is it OK to be "Application"?

7 HOW DO WE FIGHT CONSEQUENCES
Browser-side: History API Minification, Uglification Code Splitting Progressive Enhancement PWA AMP Caching Accessibility Optimizations Server-side: Server-Side Rendering Isomorphic Applications Complex Architecture

8 MAYBE THERE IS ANOTHER WAY?

9 LONG TIME AGO…

10 HOW IT ALL HAS STARTED?

11 1991

12 1991

13

14 1995

15

16 1996

17 Web 2.0

18 Semantic Web (1999), Web 3.0 "I have a dream for the Web [in which computers] become capable of analyzing all the data on the Web – the content, links, and transactions between people and computers. A "Semantic Web", which makes this possible, has yet to emerge, but when it does, the day-to-day mechanisms of trade, bureaucracy and our daily lives will be handled by machines talking to machines. The "intelligent agents" people have touted for ages will finally materialize." - Tim Berners Lee, 1999

19 Sematic Web Markup

20 RIA

21 2008 – HTML5 Application January 2008 – Working Draft
October 2014 – W3C Recommendation Key points: Multiple new APIs Media support RIA becomes obsolete SPA boom has started

22

23 APPROACH MATTERS

24 THE GREAT DIVIDE “TWO FRONT-END DEVELOPERS ARE SITTING AT A BAR. THEY HAVE NOTHING TO TALK ABOUT.” — CHRIS COYIER, JANUARY 2019

25 WHO IS FRONT-END DEVELOPER?
Let’s vote 

26 THE CASE…

27 PAGESPEED RESULT 

28 BACK TO THE ROOTS…

29 2018 – NEWS FROM GITHUB TEAM

30 RULE OF LEAST POWER

31

32

33

34

35

36 GATSBY.JS

37

38

39

40 Google Cloud Global Cache

41 SOME POSSIBLE SERVERLESS ARCHITECTURE

42

43

44

45 WEBCOMPONENTS Custom Elements Shadow DOM HTML Template ES Modules

46

47 SPEED MATTERS

48 MODERN CSS POWER CSS GRID LAYOUT CSS VARIABLES VARIABLE FONTS
@supports rule

49

50

51

52

53 AND NOW SOMETHING FUN….

54 jQuery 

55 “THE BEST WAY TO PREDICT THE FUTURE – IS TO CREATE IT”
- Abraham Lincoln

56 THANK YOU! Vyacheslav Koldovskyy, t.me/programmingmentor


Download ppt "Future of Front-End Development"

Similar presentations


Ads by Google