Do you want to leverage HTML, CSS and JavaScripts APIs to deliver rich user experiences that outlive the framework du jour? Do You want to understand good front-end application architecture and performance principles. Then you want to build applications in Vanilla JS. Despite popular belief Vanilla JS is not as difficult to master and implement as you might think.
In this tutorial Chris Love will demonstrate how to apply many common web performance optimization, good architecture and tricks to build a fast, native-like application user experience customers desire without dependency on large, fast food frameworks.
This tutorial will demonstrate the following concepts:
- Applying the 14kb Rule for Instant Loading
- Markup Management
- Eliminating Excess AJAX Calls
- Working With and Around Application Cache
- Applying Service Workers and HTTP/2 For Even Better User Experiences
- Leveraging common browser APIs & good architecture
2. Who Am I
• Microsoft MVP
• ASP Insider
• Edge User Agent
• Author
• Speaker
• Tweaker, Lover of Web, JavaScript,
CSS & HTML5
• @ChrisLove
• Love2Dev.com
3. High Performance Single Page Web
Applications
• Responsive Design
• Touch
• Mobile First
• SPA
• Extensible, Scalable Architecture
• Web Build and Workflow
• Goes Really Fast!
• ~395 Pages
• 20 Chapters
• $9.99 http://amzn.to/1a55L89
19. Dumping jQuery & What it means
• Faster Load Times
• Master DOM APIs
• Alternatives
• Create DollarBill
• Learn to be Modular
• And Yes This Was Painful
• For about 2 weeks
• But Was A Great Experience
20. Fast Food Frameworks Are Bad
Full of Processed Carbs
Loaded With Preservatives
Syntactic Sugar
28. API
We b A p p l i c a t i o n
A J A X
S PA
C A C H E
D ATA A P P
V I E WV I E WV I E WV I E WV I E WC o n t r o l l e r
V i e w E n g i n e
Te m p l a t e
E n g i n e