Modern Browsers

My first presentation. To be improved.

Transcript

1. VueConfTO and Modern Browsers November 2018
2. Let’s get something out of the way Technical fatigue is a thing
3. Drops of information Context. Judgment. Learning as we go.
4. And one last reminder... Imposter Syndrome Be aware. Offer support. “One team”
5. Enjoy the journey. One step at time.
6. OK, now the actual slides
7. VUE CONF 2018 (IN TORONTO) Evan You (creator of Vue.js) Performance in the framework. Server side rendering. Performance as coding patterns. Progressive Web Apps. Performance delivering down the pipe.
8. So many shining new things Performance strategies Frameworks rewrites … but don’t forget the simple fact … that even foundations are changing • HTML5 • CSS3 • Javascript ES6
9. Switch to Demo
10. Just a few examples of features that are NATIVE now For more feel free to check it out at https://whatwebcando.today/
11. What about the browser support?
12. Specifically for Service Workers...
13. But if you try to sync Planner/Spark offline app with POAC...
14. Google Chrome Chrome - Every 6 weeks
15. Apple Safari Apple is playing this game and is not behind (at least not anymore).
16. Microsoft Edge Edge is a popular browser and Microsoft official bet
17. Mozilla Firefox Firefox releases versions as needed (2 weeks below).
18. Devices, ☎ Browsers
19. Quiz Which phone brand is the most popular? 1. iPhone 2. Samsung 3. Motorola 4. Nokia 5. Some other not listed here
20. Quiz Which phone brand is the most popular? 1. iPhone 2. Samsung 3. Motorola 4. Nokia 5. Some other not listed here
23. Quiz Which phone is the most popular in Canada? 1. iPhone 2. Samsung 3. Motorola 4. Nokia 5. Some other not listed here
24. Quiz Which phone is the most popular in Canada? 1. iPhone 2. Samsung 3. Motorola 4. Nokia 5. Some other not listed here
26. Quiz Which browser is the most popular? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
27. Quiz Which browser is the most popular in Canada? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
28. Quiz Which browser is the most popular in Canada? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
29. Quiz Which Desktop browser is the most popular in Canada? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
30. Quiz Which Desktop browser is the most popular in Canada? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
31. Quiz Which Mobile browser is the most popular in Canada? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
32. Quiz Which Mobile browser is the most popular in Canada? 1. Chrome 2. Firefox 3. Safari 4. Edge 5. Internet Explorer 6. Some other not listed here
33. Interesting facts • Chrome desktop auto-updates itself. Most users have the latest and greatest version. • Android and iOS system pushes updates to devices •
35. IPHONES 6/7 SAMSUNGS & OTHERS IPHONES 7/8 IPHONE SE?
36. Targets for browser/device testing DESKTOP MOBILE
37. Summary Develop and Test in as many scenarios as possible. All major browsers implement features at different pace. At a minimum: • Chrome on Desktop • Check your resolution w:1920px • Remember to remove zoom! • Chrome and Safari in iPhone 6, iPhone SE