Overcome your fear of JavaScript and learn to build components from scratch!

Let’s be honest. JavaScript IS hard. It’s abstract. It’s hard to grasp. It’s especially hard if you’re self-taught. Sometimes, you feel like a total fraud because you don’t have a Computer Science background to back you up.

I don’t have to say much more. You’ve already experienced it all. You’ve tried learning JavaScript and you know how horrible it can feel.

  • You’ve read tutorials that are either too easy (ugh, such a waste of time!) or too difficult for you.
  • You’ve read documentation about frameworks like (React, Angular and Vue) and went… “huh?!”.
  • You’ve tried things out, hoping they’ll work (but they don’t), and you can’t help but feel frustrated.
  • Sometimes, you feel really fucking stupid when your code refuses to work even though you coded along with a tutorial!

You struggled to write code from scratch.

When you face that blank JavaScript file, your mind goes equally blank. Your only hope is to copy/paste and modify what you find online. You’re sick of doing that.

You want to build real things.

You want to be confident in JavaScript.

You want to be able to code from scratch.

You want to be a real developer

But you can’t. You’ve bought many courses and books about JavaScript, but you still can’t grasp it.

If you can’t get JavaScript, how can you understand the more advanced stuff?

You think to yourself: “Can you really become a web developer, get a job, freelance, build a startup and make cool shit?”. That dream seems to float farther and farther away every single day.

It’s tough. I get you. I’m crying as I write this, because I remember the days when I felt the same way.

I hated JavaScript, but I wanted to learn it so much.

I tried everything I could, but I couldn’t understand it no matter what I tried.

I became afraid of JavaScript. I was convinced I couldn’t be a programmer. I believed I didn’t know how to think like one, and I almost gave up on learning JavaScript altogether.

Almost.

I didn’t know how to best learn JavaScript. I didn’t know how to do things the right way. I second guessed-myself every day.

But I didn’t give up. I spent three years of my life, hammering away at JavaScript and other web technologies. I spent all my waking hours, trying to understand what the fuck was happening.

And I was all alone on this learning journey. I didn’t have a mentor to guide me. All I had was Google and my desire to build real things. (But Google doesn’t help much. If it did, we wouldn’t have suffered so much when learning).

It was a long hard process, filled with stressful nights. I felt confused, overwhelmed and paralyzed every single day.

But that was all in the past.

Now, I’m extremely confident in my JavaScript skills.

I’ve built crazy 💩 with JavaScript that you can’t possibly imagine yourself building. For example, I built a static site generator that runs my blog, zellwk.com, purely with JavaScript. Can you imagine that?

Now, you can throw any JavaScript problem at me and I’ll be able to solve it, even if I can’t find the answers on Google.

I know how to think like a developer, I know how to build things from scratch, and I can tweak things to my liking whenever I want.

You can be good with JavaScript too.

You can be master JavaScript – even if you didn’t study computer science.

If there’s one thing I discovered while learning JavaScript, it’s this – you don’t need to have a programming background to learn JavaScript. Knowing computer science and being great at JavaScript are two separate things altogether. You don’t even need to have a programming mind to begin with.

What you need is the time, persistence and willingness to learn it.

And you know what’s the surprising thing?

You already have an advantage over others because you’re teaching yourself JavaScript – you’re hungry, you want to learn, and you’re willing to invest your time and energy to learn whenever you can! That’s why you can learn JavaScript. You got the spirit to do so.

But you don’t have time.

You have a job and a family to take care of. You’re time is limited, but you’re not only limited by time.

When you get off work, you don’t have the motivation and energy to learn JavaScript anymore.

You can’t bring yourself to even think about JavaScript. All you want to do is to hit the couch and relax for the day.

But what if you don’t need to think about what’s right or what’s wrong?

What if you have a curriculum with short lessons that take you less than 30 minutes to complete each day?

What if someone shows you what you need to learn about JavaScript in a simple, understandable and coherent manner?

What if someone shows you, step-by-step, how to build the things you’ve always wanted to build, from scratch?

What if you could explore JavaScript on your own, build cool 💩, break stuff and build even cooler 💩?

Wouldn’t you have fun learning JavaScript?

Is that even possible?

It is.

Learn JavaScript with simple, step-by-step lessons, that teach you what you need to know.

I’m Zell.

A picture of Zell

You heard my crazy story. You know I taught myself JavaScript, and you know I’ve been through the struggles you’re going through right now.

Because I’ve been through the process, I know what questions you ask when you learn JavaScript. I know how to answer those questions in a way that makes sense to you. I’ve already helped thousands of developers like you learn frontend technologies (JavaScript included) through my blog for years.

What I loved about Zell’s work is that they’re really detailed but not overwhelming. He guided me slowly, from basics to more advanced concepts, step by step, taking time to make sure I understood everything before going deeper. He understood my needs, offered solutions, but doesn’t force me into a one. Pierre Wizla, frontend developer

Pierre here is one success story.

You can be a success story too. You can become so good with JavaScript that it no longer scares you.

You can remember JavaScript like the back of your hand even if you didn’t touch it for three months.

You can build cool, interactive websites from scratch, and when you do, you can stand proud and exclaim “Here! I built this!”.

The point is, you can become an amazing frontend developer.

And you don’t need to spend three years, living day to day in confusion to learn JavaScript. Far from it, you can learn JavaScript in a few short months.

Would you like to know how?

I’ve built a course for you to show you the ropes, step by step, bringing all the way from a novice to an amazing developer. It’s called Learn JavaScript.

Introducing Learn JavaScript

What if you could stop copy/pasting code and become a real developer?

What if you could build cool, interactive components from scratch without having to stare at your blank JavaScript file for ages?

What if you could learn JavaScript without feeling overwhelmed and confused along the way?

I’ve got your back in Learn JavaScript.

In Learn JavaScript, you’ll learn everything it takes – from the absolute basics to the advanced stuff – to become great at JavaScript.

When you complete the course, you’ll know JavaScript by heart. You’ll feel confident in your knowledge, and you’ll be able to show off your ability (like ace that job interview when they ask you JavaScript related questions).

When you get a request to build something, you won’t hesitate and wonder if you can build it. You’ll know you can build it, and you’ll have the confidence to say “Sure, let’s talk about why you want this and how much you’re willing to pay for it”.

You’ll learn to build 20 real components

What makes Learn JavaScript unique is you’ll learn to build real components from scratch – components that are used everyday in websites like carousels and accordions. You’ll build 20 of these components in total.

By the end of these 20 components, you’ll be fluent with JavaScript. You’ll know JavaScript so well that you’re no longer afraid of it. You’ll remember it for life.

Before building these components, you’ll learn the necessary JavaScript fundamentals you need – so you can build these components without getting confused. Each lesson is concise (you’ll need no longer than 15mins to complete 1 lesson), and will drive the concepts straight into your head.

To have a sense of what you’ll learn in Learn JavaScript, read through the module highlights below. You’ll see what you’ll build (real components you can show off!) while you’re learning JavaScript.

Modules 4, 5 and 6 – Build components from scratch

Most courses stop teaching you once you’ve learned JavaScript basics and expect you know what to do next. That’s not enough.

To build real components, you need to be able to speak to browsers. That means you need to understand how HTML, CSS and JavaScript work together in browsers and learn to manipulate them as you wish. You also need to understand how to structure your components before you build them.

You’ll learn the basics as you build five components from scratch. They are:

  1. Off-canvas sidebar menu
  2. Modal windows
  3. accordions
  4. Tabbed interfaces
  5. Carousels

Here, you’ll learn how to write your HTML and CSS for each component and you’ll learn how JavaScript comes into the picture (hint: there’s very little JavaScript!).

To top it off, you’ll even learn to animate these components to make them more appealing to your users. If you want to build interactive websites, these lessons are a must-learn for you!

Off-canvas sidebar menu
Off-canvas sidebar menu
Modal window
Modal window
Accordion
Accordion

Module 2 – JavaScript Basics

Before you build the components, you need to understand some JavaScript basics, or you’ll get stuck and become confused.

But don’t worry if you forgot everything about JavaScript, or if you haven’t learn any JavaScript yet. Learn JavaScript teaches you right from the beginning, even to a point where you learn how to link your JavaScript file to your HTML file. It is that thorough.

In Module 2, you’ll get 17 lessons to help you through the absolute basics.

If 17 lessons sound like a lot to you, it’s actually a good thing! Everything you need to know is covered in these 17 lessons. You only need to go through them and you’ll be set. (Compare learning 17 lessons against google and you’ll know how much time you’ll save).

Here’s a summary of the 17 lessons:

  1. Linking Your JavaScript File
  2. The console
  3. Strings, Numbers and Booleans
  4. Comments
  5. Declaring Variables
  6. On semicolons
  7. All about Functions
  8. Arrow functions
  9. Scopes and Closures
  10. Intro to objects
  11. Intro to arrays
  12. If/else statements
  13. &&, || and !
  14. Null and undefined
  15. For loops
  16. Debugging errors
  17. Callbacks

What’s in Module 1?

In Module 1, you get a sense of what’s coming up in your life as a developer. You’ll get introduced to JavaScript, learn how to use it, when to use it and how to navigate the massive JavaScript world that’s full of frameworks and plugins.

Modules 6 to 15 – Intermediate JavaScript

If you feel that your code is messy, if you’re worried that you’re not using the best practices, or if you want to build more advanced components but don’t know where to start, relax. You’re covered in Modules 6 to 15.

In these modules, you’ll learn about JavaScript best practices. You’ll learn whether you should use Functional Programming or Objected Oriented Programming, and even how to use both of them effectively.

You also learn about important topics like asynchronous JavaScript, progressive enhancement, building accessible interfaces, creating modular and reusable components – everything you need to bring yourself from a novice to an intermediate (almost advanced) developer!

And I promised you 20 components, didn’t I? In modules 6 to 15, you’ll build 14 more components. You’ll also improve on the 5 you’ve built previously. These 14 components are:

  1. To-do list
  2. Autocomplete input
  3. Calculator UI
  4. Tooltip
  5. Date picker
  6. A Google Maps component
  7. A loading indicator
  8. Twitter feed
  9. Infinite Scroll
  10. Auto-hiding sticky nav
  11. Same-page scroll link
  12. Infinite-scrolling page
  13. Scrollspy component
  14. Drag and Drop component

(More images to be released in future 😉).

Modules 16 and 17 – From vanilla JavaScript to frontend frameworks

Do you want to build web applications, but don’t know where to start?

Maybe you read somewhere that you need to use frontend frameworks like React, Angular and Vue. You’ve tried them, but you realize you don’t understand what their documentations are saying.

It’s normal.

Many people learn frontend frameworks, hoping that these frameworks will help them build web applications.

These people are putting the cart before the horse. It’s like saying you only need to learn JavaScript to build real components, but in fact, you need to know enough HTML, CSS and JavaScript and how they interactive with each other.

The truth is, to build real applications, you need to learn how to structure your application and how to code it up. And that’s what you will learn in Modules 16 and 17.

You will build a single-page application that allows you to create and customize greeting cards in these modules.

A greeting-card generator
A greeting-card generator

Once you’ve learned the core stuff, you’ll be able to pick up frontend frameworks and build any application you want.

Learn JavaScript will be released in January 2018.

In short, Learn JavaScript contains 17 modules. You’ll get lots of content (which will take you thousands of hours to find yourself) to help you become amazing at JavaScript.

Honestly, I can’t wait for you to have these lessons and so you can start building things from scratch!

But you’ll have to wait – Learn JavaScript isn’t completed yet. I’m writing Learn JavaScript as you read this. It’ll will be released in January 2018.

If you’re interested to hear about Learn JavaScript, leave your name and email below!

Learn JavaScript is the first JavaScript course I’ve taken didn’t come across as a boring series of lectures about topics that are no longer relevant in the modern JS ecosystem.

It has become one of my favorite reference resources due to Zell’s ability to present content in a crystal clear way that avoids anything non-essential.

The content is concise and pragmatic. If you are self-taught this course will feel like you are learning from a future version of yourself sent back in time to turn you into a JS wizard.

Christian boyle, frontend developer

(By the way, the skills you’re learning in Learn JavaScript are the core skills you need as a frontend developer. I made $8,000 a month when I knew only half of what you’ll learn in Learn JavaScript when I freelanced. Imagine your potential as a freelancer or employee once you complete the course!).

Hold on while i sign you up…

🤗
Woohoo! You’re in!
Now, hold on while I redirect you.