Download presentation
Presentation is loading. Please wait.
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
14
1995
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
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
36
GATSBY.JS
40
Google Cloud Global Cache
41
SOME POSSIBLE SERVERLESS ARCHITECTURE
45
WEBCOMPONENTS Custom Elements Shadow DOM HTML Template ES Modules
47
SPEED MATTERS
48
MODERN CSS POWER CSS GRID LAYOUT CSS VARIABLES VARIABLE FONTS
@supports rule
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.