programming
Schedule TBA
Live online
JavaScript for Beginners
This beginner-friendly JavaScript course is designed for students who are new to programming or want a stronger foundation before learning modern frontend frameworks. Over two months, students will learn the core JavaScript concepts used every day in React and Vue, including functions, arrays, objects, modules, DOM interaction, events, async programming, API requests, and component-style thinking. By the end of the course, students will be ready to continue into React or Vue, then progress toward full-stack frameworks such as Next.js or Nuxt.
Schedule
Saturday and Sunday, 1 hour per class for 2 months
Class time
Saturday and Sunday, 1 hour per class for 2 months
Sessions
16
Section 1: JavaScript Foundations
4 sessions
01
Introduction to JavaScript
Understand where JavaScript runs, how it powers websites, and why it is the foundation for React, Vue, Next.js, and Nuxt.
02
Variables, Values, and Data Types
Learn strings, numbers, booleans, null, undefined, and how to store values with let and const.
03
Operators and Expressions
Practice arithmetic, comparison, logical operators, and common beginner patterns.
04
Conditionals
Use if, else if, else, and switch statements to control what users see and how interfaces behave.
Section 2: Working with Logic and Data
4 sessions
05
Functions
Create reusable logic with function declarations, parameters, return values, and arrow functions used heavily in React and Vue.
06
Loops
Use for, while, and for...of loops to repeat work and solve basic programming problems.
07
Arrays
Store lists of values and practice array methods like map, filter, and find for rendering lists and transforming UI data.
08
Objects
Represent real-world data with objects, properties, methods, nested structures, and patterns similar to component props.
Section 3: Browser JavaScript
4 sessions
09
The DOM
Select and update HTML elements using document query methods and DOM properties.
10
Events
Handle clicks, form submissions, keyboard input, and user interactions.
11
Forms and Validation
Read form values, validate user input, and display helpful messages before learning framework form handling.
12
Modules and Code Organization
Split JavaScript into reusable modules and organize code in a way that prepares students for component-based projects.
Section 4: Practical JavaScript for Frameworks
4 sessions
13
Async JavaScript Basics
Understand callbacks, promises, async/await, and the async patterns used in modern frontend apps.
14
Fetch API
Load data from an API and render results in the browser before moving into framework data fetching.
15
Component-Style Mini Project
Build a small interactive project using reusable functions, structured data, DOM updates, events, and API data.
16
Review and Next Steps
Review core concepts, fix common mistakes, and map each JavaScript skill to the next learning path: React, Vue, Next.js, or Nuxt.