This JavaScript course is designed for individuals looking to become proficient in one of the most widely used programming languages for web development. Participants will embark on a comprehensive journey, starting from the basics of JavaScript and progressing to advanced concepts, frameworks, and best practices. The course will empower learners to build dynamic and interactive web applications.
Module 1. JavaScript: An Introduction
Module 2. The Basics
-
3
Tools for JavaScript development(In progress)Tools for JavaScript development(In progress)
-
4
Introducing the browser console
Introducing the browser console
-
5
Add inline JavaScript to a HTML document
Add inline JavaScript to a HTML document
-
6
Add JavaScript in an external file
Add JavaScript in an external file
-
7
How to write JavaScript: A crash course(In progress)
How to write JavaScript: A crash course(In progress)
Module 3. Working with data
-
8
Variables: The catch-all containers of JavaScript
Variables: The catch-all containers of JavaScript
-
9
Data types in JavaScript
Data types in JavaScript
-
10
Arithmetic operators and math
Arithmetic operators and math
-
11
Working with strings and numbers
Working with strings and numbers
-
12
Conditional statements and logic
Conditional statements and logic
-
13
Advanced conditions and logic
Advanced conditions and logic
-
14
Arrays
Arrays
-
15
Properties and methods in arrays
Properties and methods in arrays
Module 4. Functions and Objects
-
16
Functions in JavaScript
Functions in JavaScript
-
17
Build a basic function(In progress)
Build a basic function(In progress)
-
18
Add arguments to the function
Add arguments to the function
-
19
Return values from a function
Return values from a function
-
20
Anonymous functions
Anonymous functions
-
21
Immediately invoked functional expressions
Immediately invoked functional expressions
-
22
Variable scope
Variable scope
-
23
ES2015: let and const
ES2015: let and const
-
24
Make sense of objects
Make sense of objects
-
25
Object constructors
Object constructors
-
26
Sidebar: Dot and bracket notation
Sidebar: Dot and bracket notation
-
27
Closures
Closures
Module 5. JavaScript and the DOM, Part 1: Changing DOM Elements
-
28
DOM: The document object model
DOM: The document object model
-
29
Target elements in the DOM with querySelector methods
Target elements in the DOM with querySelector methods
-
30
Access and change elements
Access and change elements
-
31
Access and change classes
Access and change classes
-
32
Add DOM elements
Add DOM elements
-
33
Apply inline CSS to an element
Apply inline CSS to an element
Module 6. Project: Create an Analog Clock
-
34
Create an analog clock: Project breakdown
Create an analog clock: Project breakdown
-
35
Use CSS to move clock hands
Use CSS to move clock hands
-
36
Use JavaScript to move clock hands
Use JavaScript to move clock hands
-
37
Get the current hour, minute, and second with the Date() object
Get the current hour, minute, and second with the Date() object
-
38
Show the current time using fancy math
Show the current time using fancy math
-
39
Make the clock move forward second by second
Make the clock move forward second by second
-
40
Solve the pesky "return to zero" problem
Solve the pesky "return to zero" problem