LEARN HOW TO BUILD SH*T WITH
VANILLA JAVASCRIPT.

No libraries. No frameworks.

Do you want to understand javascript better?

Are you sick of confusing tutorials/courses that skip over things because they've forgotten how it feels like to be a complete beginner?

Every time you have to build anything from scratch with Javascript, do you cry a little inside staring at a blank file?

Are you in tutorial hell working through monolithic buffet courses with absurd titles like "Build 43 things with html, css, js, jquery, react, nodejs, ssr, csr, databases etc"?

Have you hit the inevitable fatigue that comes from doing too many things?

Well, worry not, my friend. You're at the right place.

HOW I STRUGGLED WITH JAVASCRIPT

I started learning javascript around 2012.

Started with w3schools. The OG classic.

Then did some codecadmy tracks. Which I continued to revisit and redo multiple times throughout the years.

I must've done that Javascript track alone — at least a dozen times but, I digress.

After finishing the first ever Codeacademy Javascript track along with the html&css tracks, it really gave me a sense of accomplishment, progress, and felt like I learned a lot.

Key words here: "felt like"

See, the verbose instructions handholding through exercises on many different concepts in silos along with colorful gamification really hit all the dopamine centers in my brain.

But at the end of it, I couldn't build a single thing if my life depended on it... not even a damn todolist app.

So, as most natural sane people would, I quit and tried some other things (story for another time).

About a year or so later, I came across a company called Teamtreehouse which peaked my interest in learning to code again.

The site was beautifully designed with slick little animations.

The hollywood level ultra HD video tutorials with crisp visuals of the code along with instructors who spoke perfect english without stumbling on a single word left a very, very good impression on my fresh-off-the-boat immigrant brain.

Oh.. and the gamification this time was on steroids. Absolutely took a massive dump on codecademy's UI at the time.

I thought this was it. I felt like I was REALLY learning this time. Made a good dent on a lot of the lessons.

But.. history rhymes yet again.

After about 2.5 months, I quit Teamtreehouse. Even though I was learning a lot of concepts, nothing was connected. It was all in silos in my head and again, couldn't build a thing.

I would go on to repeat this awful cycle at least a dozen times the next few years...

start a new language, learn a few months, quit, repeat...

start a new framework, try for a few months, quit, repeat...

start a new *amazing* resource, quit again after a few months, repeat...

...

until 2015.

The year I hit rock bottom.

I decided to give it one last crack.

And although I did end up sleeping in my car for about 8 months, this time — I didn't quit.

I *actually* made it through.

I finally was able to build things from scratch.

Became good enough at Javascript and dev in general to be able to solve most basic to intermediate algos, learn new tools/concepts a lot easier, and finally was able to build things from scratch instead of just relying on pre-built templates/tutorials.

I started freelancing and started making some cash.

Landed my very first developer job. A dream at the time.

Then I quit it pretty fast. (story for another time)

More freelancing.

Started tutoring code privately 1-1 in person... then virtually.

Then created a youtube channel and started teaching code to thousands of people.

And here we are... You're now reading this.

You maybe wondering... what was different about it this time? How was I able to follow through? What clicked?

Honestly, it's probably a mixture of a lot of things.

Maybe I got lucky this time...

or I had to go through the many attempts before succeeding or getting lucky...

or I got sick of quitting on myself and went berserk

or the "failed attempts" before compounded and developed a new baseline knowledge of general understanding that tipped the scale and made it easier to follow through..

But gun to my head, if I had to boil it down to one thing. It would be...

focus.

And focus I did.. on one thing — Javascript.

Javascript > Front End Dev.

Not another language, tool, framework, library or another venture altogether.

And when I wanted to learn backend, again, what's closest to javascript? NodeJS.

Not python with flask or django, java, ruby with rails, or wasting time learning unnecessary garbage.

See, focus is an effort multiplier.

You can't magically study/work more hours. We all have the same 24 hours. And after sleep, food and basic necessities, we're left with about 12-14 hours with perfect execution.

And if you have a full-time job in an unrelated-field (gotta pay the bills), there goes another 8-10 hours with commute. (hopefully you're working remotely)

Now, if you have kids or other big responsibilities, you've got very little time.

And you have limited willpower and energy.

And if your limited resources even further spread out across BS, you'll get nowhere.

But if you focus on the right things, even with little resources, you chip away at it slowly, make meaningful progress and have compound growth later.

Common sense, I know.

But common sense is not common practice.

And this is what led me to create JabJabJavascript.

See, the biggest problem most people face in the beginning is that their focus is diluted across too many things.

They think they need to learn all these technologies and the latest cool javascript framework that's trending on social media.

Jquery, React, Underscore, D3, Lodash, Three, vue, svelte, Angular, backbone, next, meteor, gatsby...

See the problem?

Too many choices leads to analysis paralysis, decision fatigue and inaction.

Worse yet. You try one thing, then to the next, and to the next which ultimately leads to burnout. You only have so much willpower, energy, resilience...

See, people think it's about lacking motivation, discipline, or the "x" factor to make it through. I used to feel the same.

But you don't lack motivation or discipline.

You lack clarity and focus. And without that, you don't work on the things that matter.

Without that, you don't make meaningful progress.

And people quit when they don't see progress.

It doesn't mean you're quitter.

It means you're smart enough to know that it's sunk cost, and it's time to pivot.

So the big question is... where do you put your focus?

A question... What is the common denominator among all these?

Jquery, React, Underscore, D3, Lodash, Three, vue, svelte, Angular, backbone, next, meteor, gatsby...

That's right — it's Javascript behind the scenes.

So, if you focus on learning and understanding plain/vanilla Javascript deeply, you can pick up any JS library or framework with relative ease.

And libraries and frameworks change all the time. What's popular or trendy changes. As you're reading this, I bet you someone out there is creating the next big Javascript framework.

But the underlying language behind the frameworks, does not change except maybe for the syntactic sugar. The core principles and concepts are timeless.

And we can go further on this and argue that learning core CS principles is even a better use of time and energy but again, that's for another time.

And if you're in doubt, ask any veteran developer and they'll agree.

Okay, enough talk about the why. Wanna see what's inside the course?

INTRODUCING...

JabJabJavascript is one of theee best vanilla Javascript course on the planet. This course is the perfect intersection between theory and practicality.

You’ll get these lessons in a 15-20+ module, online video course that covers the process of going from a javascript-newbie to a rockstar, and sets you on a clear path to becoming a ninja.

You’ll learn through the exact roadmap and curriculum that I have developed after the experience of teaching hundreds of students and dozens of boot campers 1-1 at HackReactor, FullStack Academy, App Academy etc.

You’ll learn by building real-world components and projects. You’ll learn the whathow, and why of every custom component and project we will be building from scratch.

SNEAK PEEK OF SOME OF THE PROJECTS

INSIDE THE JABJABJAVASCRIPT CURRICULUM

JabJabJavascript includes a beautifully organized set of video coursework, carefully curated coding challenges, worksheets, ultimate time-saving cheatsheets, and lots of surprises.

1

Your Game Plan

mindset
  1. Getting the maximum ROI from this course — I plan on returning you a value that's at least 10 times your investment.
  2. Why Javascript?
  3. The top 3 mistakes people make that virtually guarantees they’ll never make it as a developer
  4. How to build a portfolio that’s full of projects that you’re proud of — and most importantly, be able to deliberately explain the what, why and how of each project to any recruiter or interviewer.
2

Industry-standard Must Know Tools

toolsworksheets
  1. Alfred | The Ultimate Productivity App to 10x Your Efficiency
  2. VScode | The Best Lightweight and Powerful Code Editor
  3. Terminal | The Quiet and Simple Interface with Unlimited Potential
  4. JabJab Portfolio | How to Make it Your Own
  5. Git | The Versio Control System
  6. Github | The World's Largest Hosting Service for Git Repos
  7. Spectacle | The SIMPLEST, Most Robust Window Management Tool
  8. Sip | The Best Color Picking and Management Tool
  9. Research
  10. Cheatsheets/Worksheets (Terminal, Git, Vscode Alfred)
3

Javascript Fundamentals

basics
  1. Where can you write Javascript
  2. Primitive data types (String, Number, Boolean)
  3. Variables
  4. If/else statements
  5. Comparison and Logical Operators
  6. For Loops
  7. While Loops
  8. Functions
  9. Scope
  10. Objects
  11. Arrays
4

Algorithmic Challenges

algorithms
  1. Write custom string methods from scratch.
  2. Write custom Array methods from scratch.
  3. Write custom Object methods from scratch.
  4. Solve carefully curated list of challenges from top code-challenge websites (code wars, leetcode, project euler, hacker rank)
5

DOM (Document Object Model)

dom
  1. Writing Html, Css and Javascript together
  2. DOM && BOM
  3. Accessing DOM Elements
  4. Nodes vs Elements | Common misconceptionsc
  5. Event Listeners
  6. Changing CSS with Pure Javascript
  7. Add, remove, and toggle classes
6

More Advanced DOM and Getting Ready for Projects

dom
  1. Null && Undefined
  2. Changing Javascript Attributes
  3. DOM Traversals Theory Deep Dive
  4. DOM Traversals Code Walkthrough
  5. Javascript Events
7

Building Actual Real-world Components From Scratch

components
  1. Sidebar Menu Starter Files (overview)
  2. Build an Off Canvas Sidebar Menu (HTML & CSS)
  3. Implement the Javascript for Sidebar Menu (JS)
  4. Off Canvas Menu Solution Files
  5. Jab Modal Starter Files (overview)
  6. Build a Modal with Form (HTML & CSS)
  7. Implement the Javascript for the Modal (JS)
  8. Jab Modal Solution Files
8

Building More Projects :)

components
  1. Overview
  2. Build a Dice Roll (Warming Up)
  3. Dice Roll Solution
  4. Build a Todo List App
  5. Todo List Solution
  6. Build an Accordion - The Best Tool for Faqs
  7. Accordion Solution
  8. Build the Youtube Loading Progress Bar
  9. Youtube Loading Bar Solution
  10. Build a Count Down Timer
  11. Count Down Timer Solution
9

Say Hello to Es6

ecmascript 2015
  1. var vs let vs const
  2. Function Scope vs Block Scope
  3. Arrow Functions
  4. Arrow Functions and "this" Keyword
  5. Default Function Parameters
  6. Destructuring Objects
  7. Destructuring Arrays
  8. Rest vs Spread (...)
  9. Next Level Object Literals
  10. Template Strings | Strings are fun now!
10

Object-oriented Programming

oopcompositiondata structures
  1. Intro to Object Oriented Programming
  2. Function Constructors, Prototype
  3. Deep Dive Prototype
  4. Default Constructors
  5. Inheritance
  6. Method Overriding
  7. Es6 Class
  8. Classical Inheritance
  9. Prototypal Inheritance (Learning composition)
11

OOP Algorithmic Challenges

algorithms
  1. Solve Oject-oriented Programming Problems
  2. Create Objects with the Constructor Pattern
  3. Inheriting Methods from Parent Class
  4. Instantiating with es6 Class | Creating Models
12

Advanced Javascript and Important Computer Science Concepts to Understand

computer scienceadvanced
  1. Primitives and Object Wrappers
  2. Pass by Value and Pass by Reference
  3. Hoisting In ES5, Temporal Dead Zone in ES6
  4. Function Declarations vs Function Expressions
  5. Why IFFE? (Immediately Invoked Function Expressions)
  6. Closures - The behind-the-scenes Gangsta!
  7. Callbacks | The Beauty of Functional Programming
  8. Recursion
13

Object-oriented Vanilla Javascript Quiz Application

prototypedesign pattern
  1. Project Intro and Git Setup
  2. Creating the Initial HTML Layout
  3. Beautifying the Project | Adding CSS
  4. How to Get the Custom Free Radio Icons
  5. Quick Intro to Es6 Modules
  6. Creating the Question Function Constructor
  7. Quiz Constructor, Methods and Main Logic
  8. Quick Intro to the Module Design Pattern
  9. Caching the DOM
  10. Creating Questions and Initializing the Quiz
  11. Let's Get Rendering the Components
  12. Binding Events Listeners and Finishing Up!
  13. Deploying Your App! 🚀
  14. Solution Source Code - Quiz App
14

Music Player Spotify Clone

audiodesign pattern
  1. Starter Files | Music Player
  2. Project Introduction | Reviewing Starter Files
  3. Marking Up the HTML
  4. Beautifying the Music Player
  5. Initial Render Function
  6. Final Render
  7. Binding Events | Listeners | Play & Pause Features
  8. Play Next Feature
  9. Setting Up PlayInfo Module
  10. Implementing PlayInfo Trigger Button
  11. Track Bar Module
  12. Review and Final Thoughts
  13. Solution Source Code - Music Player
15

Super Dynamic Hangman App

dynamicdesign pattern
  1. Hangman Starter Files
  2. Project Introduction and Starter Files Overview
  3. Home Module | Main Menu
  4. Game Module | Main Logic
  5. End Screen Module
  6. Intro to the HTML5 Canvas Api
  7. Board Module
  8. How to Play Module | Project Con
16

Asynchronous Javascript

async awaitfetchpromises
  1. Asynchronous Callbacks | Callback Purgatory
  2. Promises
  3. HTTP and REST api
  4. Fetch API
  5. Fetching Open Trivia Data Project
  6. Fetch API Open Trivia Challenge Solution
  7. Movie App Project with Fetch
  8. Es8 Async Await | Upgrading from Promises
17

Multi-day Weather Forecast App

apisasswebpacknpmcurrent
  1. The What, Why and How of NPM
  2. Bye CSS. Hi Sass!
  3. Unpacking Webpack - Understanding the indispensable tool
  4. Overview of the Weather App
  5. Building and Rendering the Search Module
  6. Fetching Geo-coordinates from Google Geocoding API
  7. Attempting to fetch Weather Data from Dark Sky API (spoiler: failed) 🤣
  8. A Junior Developer's Worst Enemy: CORS
    (Cross Origin Resource Sharing)
  9. Building and Rendering the Current Weather Module
  10. Adding the Beautiful Rainbow Loading Indicator
  11. Building and Rendering the Multi-day Weather Module
  12. Adding Additional Awesome Features to the Module
  13. Rendering the Units Module
  14. Deploying the App in less than 3 mins!
18

Jab Giffy | Gifs Project

apisasswebpacknpmlocalstoragecurrent

    Building a full-blown app from scratch on your own (test)

arrow_drop_up
More modules are currently in the work and to be released in the following months...

Lots of good stuff 🚀

highlight
Beginner Challenges

More beginner algorithmic challenges will be added for smoother transition.

star
Why Frameworks?

Understand how a js framework works at the root and why companies use them.

border_clear
Advanced Challenges

Harder algorithmic challenges to prepare for complex game logic and matrix systems.

domain
Understand Backend

Understand how a server and client actually communicates by handling rest APIs.

trending_up
Improvements

Some modules will be re-recorded and extended with extra features and functionalities.

games
Components

More component projects will be added. Popovers, Tooltip, hide on scroll, autocomplete etc

Other Technologies You'll Learn

You're not just going to be learning Javascript. Along with Javascript, you'll also learn practical html5 and css3, responsive design, industry-standard tools, webpack, advanced professional architectural workflow, css methodologies, design patterns, incredible time saving learning methods and lots more.

And although we cover a lot of things, our intention is not to "learn" 20 different technologies. Instead, we explore some technologies to further expand our knowledge of Javascript and how to integrate it with other technologies. Ultimately, Our goal is to understand how JS works at a deeper level.

And just in case you're wondering...

You Don't Need a Computer Science Degree

You can have a successful career as a Javascript/Web developer even if you don’t have a computer science degree. I actually strongly believe that Web Development isn’t something that should be learned in a 4 year institution because the web development industry, especially the Javascript world is rapidly changing every single day.

It is incredibly difficult for the giant universities to keep up with the pace.

Also, so many graduates with CS degree struggle to find jobs because they lack real-world, practical experience. More precisely, they don’t have a lot of hands-on, good projects to show.

IS JABJABJAVASCRIPT RIGHT FOR YOU?

So, let me make this clear.

This is NOT another “me too” course attempting to teach you the entire world of web development. No 1 book, 1 course, or 1 of anything will be able to do that.

This is NOT a course that guarantees you'll earn X amount of dollars in X months of learning to code.

JABJABJAVASCRIPT IS NOT FOR YOU IF…

  • You’re looking for a magic bullet
  • You want a course where you copy-paste a bunch of code and be ready for a job
  • You want everything handed to you without you having to do any of your own independent learning, logical reasoning, researching and buliding your own projects.
  • You have never written a line of code but you want to land your first $90k job in 3 months. Not happening lol.

JABJABJAVASCRIPT IS RIGHT FOR YOU IF:

  1. You’re ready to focus on one thing and learn javascript properly
  2. You’re patient, and you won’t quit when it gets tough. You understand that there is no such thing as “natural born”, and that everything worthwhile takes effort. You do not have naive expectations like getting a highly-paid job in 3 months doing 5 hours of work a week.

A 45-Day "Full Immersion" | Money-Back Guarantee

jabjabjavascript

If it's not your cup of tea, no worries. Just ask, get full refund.

You can take a look at my teaching style on my other tutorial videos on Youtube and the free javascript course and see if that resonates with you.

However, if you're on the fence... or if other resources out there have left you skeptical, then I want you to try the course "full immersion" with absolute confidence. If you don't LOVE it, I insist that you get 100% of your money back.

It's simple: Join and try it for yourself. If the beautifully implemented projects, carefully shot/edited video tutorials, and the simplest, unassuming teaching style don't lead you to your way to becoming a Javascript ninja, just email me and get a full refund.

  • Lifetime Access to the course
  • 18+ Modules
  • 150+ Videos
  • 10+ worksheets/guides/cheatsheets
  • Build real-world practical components. Learn OOP, Modular Design Patterns, REST Api, Functional Programming, Algorithmic Challenges etc
  • Build over 12 projects from scratch with pure Javascript
  • Over 31 hours of high quality content
  • Javascript Fundamentals for the beginners
  • State Management In Vanilla JS (This makes learning frameworks a piece of cake)
  • You'll indirectly learn practical Html and Css by Building many projects
  • Complex Javascript Concepts taught in a way 5-year old might understand
  • Es6, Es7, es8... because you gotta stay relevant in this game
  • Sass, NPM, WebPack

READY TO BE A JAVASCRIPT NINJA?

JOIN 600+ OTHERS!

GET ACCESS

"I find so much out there in the market that keeps everything in silos. Tenzin connected a lot of the dots. "

Alex Taves

" ...after spending countless dollars on Udemy trying to learn Javascript, I can truly say that I'm definitely getting my money's worth from this course! "

Adrian Mason

"my confidence skyrocketed...I wish the course would never end and we could do more projects together."

Damla Bilgic

READY TO START?

JOIN 600+ OTHERS!

GET ACCESS