- Develop robust, lean, and error-free apps.
- Create reusable, modular, and modern codebases that stand the test of time.
- Build, scale, diagnose, and monitor a full-stack production application.
The curriculum is highly in flux, and I didn’t have time to update it.
You can check the open issues 🐞 to get an idea of the overall scope.
Sorry about the formatting of the course outline:
Instead of prettifying it, I’m focusing more on actually preparing the video lessons, quizzes, and all other stuff—The real deal, I mean.
The course outline is really fluid, as I said: So things can change.
Yet, here is what you will learn at a glance:
Section 1: Introduction
Section 2: Development Setup
We will set up our development environment, so that we can follow the rest of the lessons easily.
Section 3: Organizing Your Code
This section is about creating a reusable, module codebase. I put it earlier because it is important; however you might want to revisit this section later, especially if you are just beginning to learn programming.
Section 4: Let the Fun Begin
In this section we’ll go over the fundamental concepts real quick, so that we can jump into more advanced constructs later.
Section 5: Get That Heisenbug!
Part of writing code is bug hunting: And this section is all about it.
Section 6: Diving Deeper Into Task Queues
Knowing how task queues work in depth can change change your understanding of how a browser works. So that you won’t have to do
setTimeout(fn, 100)all the time.
Section 7: Diving Deeper Into Functions
Learning how to think functionally can take a while. But when you are in the functional realm, there’s no going back.
Section 8: Diving Deeper Into AJAX
This section is all about APIs, remote request, sockets and connections.
Section 9: The Web
We’ll dive into how web-related technologies work, and how fun with modern front-end APIs. We will start our journey without using any frameworks, and we might even pick a few frameworks and use them on the go—Who knows 😃.
Section 10: Getting Your Hands Even Dirtier
If you have made up this far, then you should have learned a lot. So now it is time to bolster that knowledge by getting your hands even more dirty!
Section 11: Dogfooding
This section is as “real life” as it can get: We will start from a blank slate and implement the dojo.zerotoherojs.com 🦄 learning portal from scratch. Since it is a production application, we will cover all production-related issues, such as CI/CD pipelines, staging, monitoring, log aggregation, diagnostics and alarms, scalabiliy… and more—It will be a lot of fun 🙂.
Section 12: Where to Go From Here
Since Front-End Development is a broad discipline, there still will be things that we haven’t touched by the end of this course: There will be a dedicated section at the end of the course to guide you through how you can build upon the knowledge you have accrued already.
I am not selling: I am teaching.
It is $25.
It is a one-time payment that allows you to access all the course videos, source code, lesson notes, and other supplementary material.
After registering for the early access program, you will also get an invitation to its Slack workspace and will be able to chat with me and also other like minded learning enthusiasts.
There is also a live chat on the website that you can directly ask me questions whenever I am available.
No, it is a one-time payment.
It is NOT a subscription plan: It is a one-off payment.
You can access the content forever.
DRM-free downloadable videos will be available, after the course is finalized, as a part of a premium package.
Early Access Program subscribers will get a discount if they want to upgrade to that package.
I can give you time-encoded subtitle files if you want to help.
Currently the videos do not have any subtitles.
Before the course finalizes, I will add English subtitles.
If you want the lessons to be transcribed to your language, see above.
They are 1920×1080 (FHD) screen casts with great video and audio quality.
I’d love to hear them: Send an email to email@example.com.