What topics will be covered in the course?
Javascript Basics Part 1
First steps in development:
Printing action console.log
Defining a variable of type var
Combine variables with console.log
Basic mathematical operations:
Defining number variables
Arithmetic operations - addition, subtraction, multiplication, and division
Using the console.log with arithmetic operations
Strings:
What is a string
Defining string variables
Understanding string indexing
Using square brackets [] operator
Conditions and Boolean variables:
Understanding the if condition
Greater than operation
Less than operation
Equality operation
Inequality operation (not equal)
Greater than or equal operation
Less than or equal operation
Using simple conditions
Advanced conditions:
Advanced conditions and logical operators (&& and ||)
Using if and else
Using complex conditions with else if
Modulo operation:
Using the modulo operation (%) to calculate remainder
Using a method to calculate the number of digits in a number
Using parseInt to round a number's result
While loops:
How to Write a while loop
Understanding the concept of index and its uses
For loops:
Defining a for loop and its uses
Understanding loop initialization, increment, and termination
Modulo advanced topics:
Using modulo for more complex tasks
How to calculate the sum of the digits of numbers
Javascript Basics Part 2
Arrays:
Defining an array
Understanding the concept of index in an array and its usage
Iterating over arrays with loops
Objects:
Defining an empty object
Initializing keys in an object
Accessing keys using the dot operator
Accessing keys dynamically
Objects advanced topics:
Array of objects
Using a loop to iterate over an array of objects
Object.keys method
Object.values method
JSON.stringify method
JSON.parse method
Functions Part A:
Defining functions
Defining arguments for a function
Return values of a function
Writing more complex functions
Functions Part B:
Calling multiple functions
Invoking a function within another function.
Chaining functions
Nested For Loops:
Defining nested for loops
Proper usage of indexes
Complex examples with arrays
Intergrating HTML, CSS and JS
Building an element using code:
Combining the realms of HTML, CSS, and JavaScript together
Understanding the DOM (Document Object Model)
Creating a simple HTML element using code
Using innerText and classList
Using the appendChild function
Building a list using a loop:
Creating a dynamic ul element
Creating dynamic li elements
Using functions for dynamic creation
Retrieving elements from the page:
Understanding the getElementById function for retrieval
Understanding the getElementsByClassName function for retrieval
Understanding the getElementsByTagName function for retrieval
Understanding the querySelectorAll function for retrieval
Understanding the querySelector function for retrieval
Understanding the createElement function for creation
Building a dynamic table:
Creating a table element dynamically
Using arrays and functions to build the table
Events Part A:
Binding a click event to a button
Using addEventListener
Dynamically inserting content into the page after an event with the user
Events Part B:
Usage of inputs and events
Integration of dynamic elements
More complex examples
Advanced Topics In Javascript
Callback functions:
What is a callback function
When to use it
How to pass arguments
How to check code correctness
Timers:
Understanding the setTimeout function
Understanding the setInterval function
Understanding asynchronous nature in the language
Communication with the server Part A:
Understanding the xmlHttpRequest object
Creating communication with a real server to fetch data
Building dynamic elements on the page
Communication with the server Part B:
Using events and communication
Creating a complex flow for a dynamic page that interacts with the server
Understanding asynchronous behavior in JavaScript
Using Promises:
Understanding the Promise object
Using then and catch
Creating communication using Promises
Creating a complex flow using Promises
Closing words