Learning Javascript

By Nyairo Categories: Software Engineering
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

✨ 90-Day JavaScript Mastery Course

📚 What You’ll Learn

  1. Week 1–2: Setup & Fundamentals

    • Install VS Code & Node.js

    • Create your first HTML page and link JS

    • Variables, data types, basic operators

  2. Week 3–4: Control Flow & Functions

    • Conditional statements (if, switch)

    • Loops (for, while)

    • Writing reusable functions & scope

  3. Week 5–6: Data Structures

    • Arrays & array methods (map, filter, reduce)

    • Objects & JSON

    • Iteration patterns

  4. Week 7–8: Working with the DOM

    • Selecting and manipulating elements

    • Event handling (click, input, submit)

    • Dynamic content updates

  5. Week 9–10: Advanced JS Concepts

    • ES6+ features (arrow functions, destructuring, spread/rest)

    • Modules & import/export

    • Error handling & debugging

  6. Week 11–12: Asynchronous JavaScript

    • Callbacks & Promises

    • async/await

    • Fetching data from REST APIs

  7. Week 13–14: Build Tools & Workflow

    • Package management with npm

    • Bundlers (e.g., webpack, Rollup)

    • Linters & formatters (ESLint, Prettier)

  8. Week 15–16: Framework Foundations

    • Intro to React (components, props, state)

    • Or vanilla alternatives (Svelte, Alpine)

    • Project setup and first component

  9. Week 17–18: Real-World Projects

    • To-Do App with persistent storage

    • Weather Dashboard consuming a public API

    • Simple interactive game

  10. Week 19–20: Capstone Project & Deployment

    • Plan & build a full-stack mini-app (front end + mock backend)

    • Host your project on GitHub Pages or Netlify

    • Portfolio-ready code and documentation

Show More

What Will You Learn?

  • This course introduces beginners to the fundamentals of JavaScript programming. Learners will explore how to create and use variables, perform calculations, and control the flow of their programs. Using Visual Studio Code and the command line, students will write, run, and debug simple JavaScript code, building a strong foundation for further learning in web development and coding.

Course Content

What will I learn
Over the 90-day JavaScript course, you will learn how to: Set Up Your Environment – Install VS Code and Node.js – Create and link HTML & JS files – Run JS in the browser console and via the Command Line Core Language Fundamentals – Declare and use variables (let, const) – Work with primitive data types (strings, numbers, booleans, null, undefined) – Understand comparisons and basic operators (+, -, *, /, %) Control Flow & Functions – Write conditional logic (if/else, switch) – Loop through data (for, while, for…of) – Build reusable code blocks with functions and understand scope Data Structures – Manipulate arrays with methods like map, filter, reduce – Model real-world entities with objects and JSON – Explore advanced types (Symbol, BigInt) Browser & the DOM – Select and modify HTML elements (querySelector, innerText, classList) – Respond to user interactions (clicks, form submissions) – Dynamically update page content Modern JavaScript (ES6+) – Use arrow functions, destructuring, template literals – Organize code into modules (import/export) – Handle errors and debug effectively Asynchronous Programming – Manage callbacks, Promises, and async/await – Fetch and process data from APIs – Build responsive, non-blocking applications Tooling & Workflow – Manage packages with npm – Bundle and optimize with Webpack or Rollup – Enforce code quality with ESLint and Prettier Introduction to Front-End Frameworks – Understand React fundamentals (components, props, state) – Explore alternatives like Svelte or Alpine.js – Structure and style a component-based app Real-World Projects & Deployment – Build and deploy apps: to-do list, weather dashboard, simple game – Plan, develop, and launch a capstone project – Host your work on GitHub Pages, Netlify, or similar

Control Flow & Functions
In this section, you’ll learn how to control the order in which your code runs using if/else statements, loops, and switch cases. You'll also explore functions—reusable blocks of code that help you organize, simplify, and avoid repeating logic in your programs.

Writing Reusable Functions & Scope
✅ What Is a Function? A function is a block of code that performs a specific task. Reusable functions help you avoid repeating code and make your programs more organized and easy to maintain.

Sets
A set is a well-defined collection of distinct objects or elements. These elements can be numbers, letters, or even people. Sets are usually written using curly brackets {} and each item is called a member or element of the set. Example: Set A = {2, 4, 6, 8} This means A is a set of even numbers.

Objects
🧱 What is an Object? A JavaScript object is a collection of key-value pairs used to store related data and information about a single item.

JavaScript Arrays Fast! 🔥 push, pop, loops & more
In this video, we dive into arrays in JavaScript — one of the most essential tools for managing data in your code. You'll learn: What arrays are and how to use them How to create arrays and access elements using indexes Common array methods like .push(), .pop(), .shift(), .unshift(), and .length How to loop through arrays using for and forEach() Whether you're just starting out or brushing up on the basics, this video will help you understand how arrays work and how to use them effectively in your JavaScript projects. 👉 Like, share, and subscribe for more beginner-friendly coding tutorials!

Stacks
To grow your list by adding elements at the end in a simple and efficient way. Get code ➡️➡️Next Video

📘 Objects & JSON
JSON (JavaScript Object Notation) is a lightweight data format used to store and exchange data. It’s easy for humans to read and write, and easy for machines to parse.

The DOM (Document Object Model)
1. What is the DOM? The DOM is a programming interface for web documents. When a web page is loaded, the browser creates a tree-like structure (the DOM) that represents the page. This tree contains nodes (objects) for every element: Tags (<div>, <p>, <h1>, etc.) Attributes (id, class, style, etc.) Text inside elements

🚀 Learn JavaScript Event Handling in Minutes!
Ever wondered how websites respond when you click a button, type in a form, or hover over an image? 🤔 That’s all thanks to Event Handling in JavaScript! 🎯 In this video, we’ll break down: ✅ What events are (clicks, keypresses, mouse moves, etc.) ✅ Different ways to handle them (onclick, addEventListener) ✅ The magic of the event object ✅ Event bubbling & capturing explained simply! By the end, you’ll be able to make your web pages interactive and dynamic 🔥 👉 Watch now & level up your JavaScript skills! #JavaScript #WebDevelopment #Coding https://codepen.io/Evans-Nyairo/pen/PwPLQWO

Arrow functions in javascript
🔹 What are Arrow Functions? Arrow functions are a shorter way to write functions in JavaScript. They were introduced in ES6 (2015) and have since become a very common part of modern coding style. Think of them as a compact version of normal functions, often used when you want quick, inline behavior. 🔹 Key Characteristics Conciseness They use a simpler syntax, which makes them easier to read and write, especially for short functions. this Binding Traditional functions in JavaScript can sometimes behave unexpectedly with this (the reference to the current context). Arrow functions do not have their own this. Instead, they “inherit” it from the surrounding context. This makes them especially useful inside methods, callbacks, or event handlers, where keeping track of this can otherwise be tricky. Implicit Return If the function body is just a single expression, arrow functions can automatically return that result without needing the return keyword. Use Cases Best suited for short callbacks, array methods (like mapping, filtering, reducing), and event handling. Not ideal for defining object methods or constructors, since they lack their own this and arguments.

Earn a certificate

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

selected template

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?

✕