https://speakerdeck.com/ekafyi 2020-06-14 05:52:14 -0400 An introductory talk about PWAs, Service Workers, and why and how to add Workbox to your PWA. Presented at Chrome Dev Summit Extended GDG Cebu (Virtual), 27 February 2021 An introductory talk about PWAs, Service Workers, and why and how to add Workbox to your PWA. Presented at Chrome Dev Summit Extended GDG Cebu (Virtual), 27 February 2021 Sat, 27 Feb 2021 00:00:00 -0500 https://speakerdeck.com/ekafyi/fast-offline-first-pwa-with-workbox https://speakerdeck.com/ekafyi/fast-offline-first-pwa-with-workbox Sat, 26 Sep 2020 00:00:00 -0400 https://speakerdeck.com/ekafyi/supercharge-your-developer-blog-with-mdx https://speakerdeck.com/ekafyi/supercharge-your-developer-blog-with-mdx Part of 3-part talks "Web Vitals in the Wild" about the newly announced Core Web Vitals. This talk discusses what Core Web Vitals are, what they measure, why they are needed, and how to check them. Presented at web.dev LIVE Extended GDG Bandung, Indonesia, 10 July 2020 https://youtu.be/I1rG6UvIWi4?t=10962 Part of 3-part talks "Web Vitals in the Wild" about the newly announced Core Web Vitals. This talk discusses what Core Web Vitals are, what they measure, why they are needed, and how to check them. Presented at web.dev LIVE Extended GDG Bandung, Indonesia, 10 July 2020 https://youtu.be/I1rG6UvIWi4?t=10962 Fri, 10 Jul 2020 00:00:00 -0400 https://speakerdeck.com/ekafyi/whats-what-in-performance-metrics-and-core-web-vitals https://speakerdeck.com/ekafyi/whats-what-in-performance-metrics-and-core-web-vitals Whether you are learning, looking for inspiration, or building a project, collaborating with other developers provides valuable experience. The first part of this talk discusses how to use four major collaborative programming tools. In the second half of the talk, we do a collaborative live coding session on CodeSandbox, implementing quick performance and accessibiliy fixes that significantly improve our demo web page. Originally presented at Women Techmakers and GDG Jogjakarta International Women’s Day 2020. https://www.youtube.com/watch?v=PCZlH6T-rJQ Whether you are learning, looking for inspiration, or building a project, collaborating with other developers provides valuable experience. The first part of this talk discusses how to use four major collaborative programming tools. In the second half of the talk, we do a collaborative live coding session on CodeSandbox, implementing quick performance and accessibiliy fixes that significantly improve our demo web page. Originally presented at Women Techmakers and GDG Jogjakarta International Women’s Day 2020. https://www.youtube.com/watch?v=PCZlH6T-rJQ Fri, 15 May 2020 00:00:00 -0400 https://speakerdeck.com/ekafyi/stay-productive-and-creative-with-online-collaboration-tools https://speakerdeck.com/ekafyi/stay-productive-and-creative-with-online-collaboration-tools With Progressive Web Apps, we can implement native-like features on the web, such as Install and Notifications. When implemented inconsiderately, not only does the request dialog harm user experience (eg. pop-ups jumping on users on page load), but it may also hinder users from using those features. This talk discusses API we can use do request user actions in a more considerate way. Originally presented in GDG Bandung DevFest 2019. With Progressive Web Apps, we can implement native-like features on the web, such as Install and Notifications. When implemented inconsiderately, not only does the request dialog harm user experience (eg. pop-ups jumping on users on page load), but it may also hinder users from using those features. This talk discusses API we can use do request user actions in a more considerate way. Originally presented in GDG Bandung DevFest 2019. Sun, 08 Dec 2019 00:00:00 -0500 https://speakerdeck.com/ekafyi/asking-nicely-practical-tips-for-requesting-user-action-in-your-pwa https://speakerdeck.com/ekafyi/asking-nicely-practical-tips-for-requesting-user-action-in-your-pwa A quick look into how the browser works, what frontend development is, and the basic syntax of HTML and CSS for frontend web development. Originally presented as part of HONF Citizen Lab’s “Courses” and “Citizen Classes” programs, March - May 2018. https://www.instagram.com/p/BfigoKQA25S https://www.instagram.com/p/Bg3o22ZAebd https://www.instagram.com/p/BiTYfMyjIYg A quick look into how the browser works, what frontend development is, and the basic syntax of HTML and CSS for frontend web development. Originally presented as part of HONF Citizen Lab’s “Courses” and “Citizen Classes” programs, March - May 2018. https://www.instagram.com/p/BfigoKQA25S https://www.instagram.com/p/Bg3o22ZAebd https://www.instagram.com/p/BiTYfMyjIYg Thu, 22 Mar 2018 00:00:00 -0400 https://speakerdeck.com/ekafyi/introduction-to-basic-web-development https://speakerdeck.com/ekafyi/introduction-to-basic-web-development