umaar
What video course do you want to see next?
Please 'thumbs up' the relevant comment below, thank you.
Notes:
- This is for my next video course in 2020
- You can 'Subscribe' to this GitHub issue to be notified of updates
Previous course update: There's now 4 hours of video content on ▶ ModernDevTools.com!
Learn Browser Automation
In this video course, you will learn browser automation from the ground up. We'll cover the following, and more, using Node.js and JavaScript:
- The basics of how to automate Chrome, Firefox and Safari, using tools like Puppeteer
- End-to-end browser testing
- Including advanced techniques, e.g. how to verify your website really sent that 'password reset' email
- Scraping data from other websites + services
- Automated performance + accessibility testing
- Automating browsers on GitHub Actions and a $5 VPS
- Common pitfalls with browser automation
Update: I'm working on this, go and sign up for updates if you're interested! LearnBrowserTesting.com
Modern Developer Workflows
Speed up your developer workflows from start to finish. This structured course includes:
- Automating and optimising workflows from your terminal
- Tips & tricks in your code editor (projects, plugins to use, snippets, shortcuts etc.)
- Development workflows worth adopting (live reload, browser sync, hot module reloading and many more)
- How to rapidly setup Node.js-based apps or a frontend client-side website
- Debugging workflows using DevTools
DevTools Back to Basics
While ModernDevTools.com has some more intermediate level concepts with a focus on performance, this new course helps you pick up the absolute basics of DevTools.
This course will take you through each panel, one by one, so you can learn exactly what it does, but more importantly how to use it for your own websites and projects.
Modern CSS
This is a structured course on modern layout techniques with CSS, and some other relatively new features:
- CSS Flexbox
- CSS Grid
- Other new CSS features like
position: sticky,aspect-ratio,:is(),:where(), the CSS Paint API and more
Build and deploy Node.js apps
Do you want to learn how I rapidly build and iterate on Node.js-based projects? If so, this course is for you. For more context, see my talk Practical Mini-Projects in Node.js
This course covers different Node.js applications which you can build and deploy on a VPS, or other similar services:
- A database powered visualisation
- Automating a headless browser to scrape a website
- A Node.js app to handle payments via Stripe
- A Node.js app to interact with third party APIs
- Deployment strategies using Git hooks and/or GitHub Actions
- Lessons learned with working on Node.js projects
Dynamic web applications without a JavaScript framework
Learn how to create a dynamic web application without a JavaScript framework.
JavaScript frameworks are great - they make our lives easier and help with not re-inventing the wheel. But I've identified a potential need in the community for learning how to architect complex web applications, using vanilla JavaScript. E.g.
- How can you update 3 parts of the page, at the same time, using vanilla JavaScript, without turning it into spaghetti code
- How can you modularise your frontend codebase
- JavaScript design patterns to adopt instead of using a framework or a library
Offline Websites with Service Workers
This courses teaches you Service Workers from the ground up, so you can ensure your website is offline friendly. There are many pitfalls when designing for offline, so this course includes lots of recipes you can quickly use to get started.
Service workers also includes capabilities for background sync and push notifications, which this course will cover.
Modern JavaScript
Learn the latest JavaScript APIs and how they can help you build faster, and more feature rich products. This course includes Modern JavaScript in both the browser, and Node.js.