My Presentation Decks
- Browser Automation with Puppeteer
Sharing a bit of my hike and bike experience and Browser automation with Puppeteer.
- Debugging with Chrome DevTools
Sharing some tips and tricks to help you debug your web app effectively with Chrome DevTools.
- Chrome DevTools for designers
Chrome DevTools is your DesTools (Designer Tools) too! Adam and I share about how to use Chrome DevTools in solving day-to-day design challenges.
- What's G.R.E.A.T in Chrome DevTools
Combined my 2 favourites together - cooking and Chrome DevTools.
- Chrome DevTools的最新功能 + Puppeteer的最新进展
在线上与大家分享了Chrome DevTools的最新功能以及Puppeteer的最新进展。
- My Journey as a Technical Presenter
Sharing my journey as a technical speaker, and some tips for people who plan to start doing technical presentations.
- Becoming a GDE - What, Why, and How
I was a Google Developer Expert (GDE) on Angular and Web technologies from 2016 to 2020. Here is my sharing on the GDE program - what is it about, how to become one, and my 4...
- Introducing New Web APIs and Stylings
Really ah? The web is so "geng" (incredibly powerful) meh? This talk will cover the new and upcoming web APIs & shiny new CSS features to build beautiful, fast, and powerful web...
- 如何打造高性能，快速且SEO友好的单页应用（SPA）
如何利用Angular框架建立一个面向群众，高性能的网页呢？本次的分享为大家介绍了各种简单的效能调校技巧，涵盖了JavaScript，文字以及图像的优化。
- Learning Functional Programming through Game
It is a workshop on functional programming. Introducing the concept and use RxJs to recreate the famous trex game.
- Modern JavaScript Frameworks and SEO
In this session, you will learn some facts about Google Search, its rendering pipeline and the various tools which can help you diagnose the gap between what your users see versus...
- Web Performance Optimization
Tips on how to create speedy and performant websites. You can easily apply these techniques in your website too!
- How We Built NG-MY Website
In this talk, we shared about the learnings and techniques we applied in building the NG-MY Website, you can apply these techniques in your projects too!
- NGXS - State Management Made Simple
While NgRx seems like the de facto state management solution for Angular applications, we have NGXS as well. Designed to be simple & accessible, it took many of the concepts of...
- 以 PWA 實現 Angular 網站開發：離線、推播、Service Worker
隨著 PWA 技術的成熟以及瀏覽器的支援度提高，2018 年可謂是 PWA 爆發的一年。本次分享將涵蓋 PWA 的一系列技術 - 離線、推播、Service Worker，以及如何使用 Angular 實現 PWA 網站開發，優化使用者體驗。
- Processor Pattern with Angular Dependency Injection
Processor Design Pattern (Command Pattern) is widely used in building enterprise grade software. In this session, I will share how to utilise the awesome Angular Dependency...
- Coding - The Power Language that Everyone can Speak
Human languages has a long history in human evolution. Thousands of years or maybe more. Coding languages are much shorter than that. However, many of us probably could not live a...