SlideShare a Scribd company logo

Why front-end matters in 2019

•Download as PPTX, PDF•
•
Timmy Kokke
Timmy Kokke

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.

1 of 30
Why front-end matters in 2019 Timmy Kokke , 01/2019
About • Timmy Kokke • ICT Consultant • .NET Web (lead)development / architect • Advice on Front-End • WebXR Meetup. https://webxr.nl
What’s a front-end developer? developer who focusses on visual part of website
Changing landscape User demand Better Technology Knowledge
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
Why front-end matters in 2019
The Web in 1999
Modern browsers
Example • People wouldn’t download the app • Spotify Web
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
Example • After improving mobile web sign-ons surpassed iOS, Android and Desktop
Why front-end matters in 2019
W3C
Recent • Edge will use chromium
WebGL • 2D/3D graphics • Hardware accelerated
Web payment api • Secure Payment through browser • Consistent • Reusable • Safe
Web Bluetooth • Connect with Bluetooth devices from client
Webassembly • Near native• Machine language • Near native
Webassembly https://blazor.net
Game Pad API
Progressive Web Apps • Native experience • Without app install • ANY platform • Fast, Secure, Offline
WebXR • Virtual Reality / Augmented Reality • Not completed, hopefully this year
WebSpeech • Text to speech • Speech to text
Speech Synthesis
Speech recognition • Azure Cognitive Services -> Speech API
Web Audio API Modular Audio nodes Low Latency
Web Audio API Audio Context Audio Node Audio Node
Why front-end matters in 2019
Why front-end matters in 2019
Timmy Kokke info@timmykokke.com https://timmykokke.com https://i-am.tk

More Related Content

Why front-end matters in 2019

Editor's Notes

  1. https://glitch.com/edit/#!/gamepad-snakes?path=index.html:1:0
  2. https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html https://demo4.timmykokke.com https://pwabuilder.com
  3. https://fixed-alpaca.glitch.me/ https://Glitch.com/fixed-alpaca
  4. var synth = window.speechSynthesis var voices = synth.getVoices(); var utter = new SpeechSynthesisUtterance(‘Hello World!’); utter.voice = voices[0]; synth.speak(utter);
  5. var recognition = new SpeechRecognition(); recognition.onresult = event => console.log(event.results[0]); recognition.start()
  6. http://cdm-909.timmykokke.com/#/BeatEditor
  7. IN FIREFOX!!!! F12 http://mdn.github.io/violent-theremin/