1. Why front-end
matters
in 2019
Timmy Kokke , 01/2019

2. About
• Timmy Kokke
• ICT Consultant
• .NET Web (lead)development / architect
• Advice on Front-End
• WebXR Meetup. https://webxr.nl

3. What’s a front-end developer?
developer who focusses on visual part of website

4. Changing landscape
User demand
Better Technology
Knowledge

5. World of Front-End
React
Vue
Babel
Webpack
Gulp
Grunt
Typescript
CSS
Bootstrap
NPM
SASS
LESS
ES6/ES7
HTML5
jQuery
Debugging
Client server architecture
JavaScript
Rest
HTTPS
Security
Design
Photoshop
Angular
Visual Studio Code
Database
Progressive web apps
Git
Profiling
Performance
API
Cloud
Images
W3C
Credentials
oAuth

7. The Web in 1999

8. Modern browsers

9. Example
• People wouldn’t download the app
• Spotify Web

10. Example
• How can we give the users the best experience?
• 6.000.000 more active web users than iOS native app
• High-end devices, but often unpredictable or no wifi or cell signal
• Mobile first, responsive for desktop

11. Example
• After improving mobile web sign-ons surpassed iOS, Android and
Desktop

13. W3C

14. Recent
• Edge will use chromium

15. WebGL
• 2D/3D graphics
• Hardware accelerated

16. Web payment api
• Secure Payment through browser
• Consistent
• Reusable
• Safe

17. Web Bluetooth
• Connect with Bluetooth devices from client

18. Webassembly
• Near native• Machine language
• Near native

19. Webassembly
https://blazor.net

20. Game Pad API

21. Progressive Web Apps
• Native experience
• Without app install
• ANY platform
• Fast, Secure, Offline

22. WebXR
• Virtual Reality / Augmented Reality
• Not completed, hopefully this year

23. WebSpeech
• Text to speech
• Speech to text

24. Speech Synthesis

25. Speech recognition
• Azure Cognitive Services -> Speech API

26. Web Audio API
Modular Audio nodes
Low Latency

27. Web Audio API
Audio Context
Audio Node Audio Node

30. Timmy Kokke
info@timmykokke.com
https://timmykokke.com
https://i-am.tk