Why front-end matters in 2019
Download as PPTX, PDF1 like1,043 views
This document discusses the importance of front-end development in 2019. It outlines how user demands, new technologies, and increased knowledge have changed the front-end landscape. Modern front-end development involves skills like React, Vue, JavaScript, responsive design, and APIs to create fast and engaging experiences across devices. Examples are given of how Spotify and other companies have improved their mobile websites to match or exceed native apps in usage. Emerging APIs are also discussed that will continue enhancing interactive capabilities on the web.
Ad
More Related Content
What's hot (19)
Similar to Why front-end matters in 2019 (20)
Ad
More from Timmy Kokke (17)
Ad
Recently uploaded (20)
Why front-end matters in 2019
- 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
- 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
- 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
Editor's Notes
- #21: https://glitch.com/edit/#!/gamepad-snakes?path=index.html:1:0
- #22: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html https://demo4.timmykokke.com https://pwabuilder.com
- #24: https://fixed-alpaca.glitch.me/ https://Glitch.com/fixed-alpaca
- #25: var synth = window.speechSynthesis var voices = synth.getVoices(); var utter = new SpeechSynthesisUtterance(‘Hello World!’); utter.voice = voices[0]; synth.speak(utter);
- #26: var recognition = new SpeechRecognition(); recognition.onresult = event => console.log(event.results[0]); recognition.start()
- #27: http://cdm-909.timmykokke.com/#/BeatEditor
- #28: IN FIREFOX!!!! F12 http://mdn.github.io/violent-theremin/