IIRF Online > Development > Web Development > JavaScript > The Complete JavaScript Course - Beginner to Professional
The Complete JavaScript Course - Beginner to Professional by Udemy
The only course you need to become a JavaScript developer - 45 JavaScript projects, ES6, JSON, AJAX & much more!
Course Highlights
- Master the #1 programming language in the world
- Become a professional JavaScript developer
- Build games, web apps and websites in JavaScript
- Get web development jobs on freelancer sites
Skills you will learn!
Overview
Who will benefit from the course?
- If you are a novice with little programming knowledge, this course begins at the very beginning and gradually develops your skills in coding.
- This course is appropriate if you are already working with HTML and CSS but wish to learn JavaScript to create dynamic web applications that interact.
- If you are a student who wants to improve your coding skills or someone who wishes to join the tech ecosystems, this course offers basic knowledge of JavaScript.
- This course is aimed at front-end developers looking to enrich their JavaScript knowledge, deal with advanced concepts, and work on live projects.
Who should do this course?
- Absolute Beginners: No prior coding experience required. This course begins with the basics and gradually moves up to advanced topics.
- Intermediate Developers: If you want to increase your knowledge of JavaScript, this course provides challenges that cater to learners at different skill levels if one has some programming experience.
- Frontend Developers: To people who want to improve their frontend development skills centred on JavaScript.
More About the course
- Basic Syntax: Learn the basic units of JavaScript syntax, including variables, data types, and operators.
- Control Flow: Learn how to manage the process of your code by conditionals and loops.
- Functions: Investigate the capabilities of functions in JavaScript, from simple function definitions to more advanced ideas such as closures.
- Asynchronous JavaScript: Manage asynchronous programming using promises, async/ await, and integrate AJAX to create event-driven web applications.
- JSON Manipulation: Understand how to use JSON data, serialize and deserialize objects, and communicate with APIs.
- 45 Hands-on Projects: Use your skills in practice through different projects such as interactive web apps, games, or practical tools.
- Project-based Learning: Practice your skills by developing projects that replicate real situations so that you can make use of actual experiences.
Curriculum
12 Topics
Introduction to the Complete JavaScript Course
Setup JavaScript
JavaScript and HTML
Add JavaScript to your WebPage
First JavaScript
Console debug
JavaScript Comments
Practice Exercise
Exercise Source Code
Source Code JavaScript File
250 JavaScript Quiz questions PDF download
Quiz Getting Started with JavaScript
11 Topics
Introduction to JavaScript Essentials
Primitive Data types
JavaScript Variables
Data Type Tips
Exercise Prompt
Arithmetic operators
Assignment operators
Comparison operators
Logical operators
Source Code
Quiz JavaScript Essentials
28 Topics
Introduction to JavaScript Multiple Value Containers
JavaScript Arrays
Source Code 1
Exercise ToDo List
Array properties
Task List Source Code
Array type
Exercise guessing game
Source Code Game Source
Modify the Array
Source Code Arrays
Exercise Update Array
Source Code array updates
Array Access Methods
Exercise remover
Source Code Array Remover
Multidimensional Array
Source Code Nested Array
Array Loop
Source Code Looping array items
JavaScript Objects
Retrieve Data
Source Code JavaScript Objects
Update Objects
Loop Objects
Source Code Loop Objects
Objects and Arrays
Quiz JavaScript Essentials
9 Topics
Introduction to Document Object Model Basics
Intro to the DOM
Closer Look at the DOM
Dynamic Content
Selecting Updating Exercise
Manipulate innerHTML
Source Code
Prompt and DOM
JavaScript DOM
17 Topics
Introduction JavaScript Logic Statements
Conditional Ternary Operator
Ternary Operator source code
If Statement
Source Code If Statement
Else if Statement
Source Code Else
Switch Statement
Switch Source Code
If statement coin toss
Coin Toss Exercise source code
Magic 8 Ball Switch
Magic 8 Ball Source Code
Rock Paper Scissors
Rock Paper Scissors Game
Rock Paper Scissors Source Code
Logical Statements
20 Topics
Introduction to JavaScript Loops
Do Loops
Source Code Do While
JavaScript While Loops
Source Code Code Cracking
JavaScript For loops
Source Code
Nested Loops
Source Code for nested loops
Break and Continue
Break source code
Get Multiples
Source Code for Multiples
Loops and Arrays
Source Code for loops and arrays
Loop and Objects
Source Code Objects
Shopping List Array Exercise
JavaScript Shopping list builder
JavaScript Loops
35 Topics
Introduction to JavaScript Functions
Introduction to Functions
Returns and Local Variables
Function returns source code
Random Name Generator
Random Name Generator Source Code
JavaScript Calculator
Source Code JS calculator
No argument options
Source Code for Function
Code Cracking Game
Source Code for Code cracking game
Anonymous Functions
Self invoking functions
Self invoking function source
Recursive Function Game
Source Code Word guessing game
Shuffle array function
Shuffle array source code
Function scope
Exercise remove Duplicates
Remove Duplicates from arrays source
Functions within functions
Functions within functions source code
Exercise Shopping List
Shopping List Source Code
Function callbacks
Source Code Callbacks
Exercise Callback calculator
Exercise Card Deck
Source Code Card Deck
Deal deck of cards
Tweak Exercise Local Scope
Source Code Exercise Tweak
JavaScript Functions
41 Topics
Introduction to Interactive Content
Windows Browser Object
Windows History
Windows Object Methods
Windows Objects Source Code
Window SetTimeOut Method
Source Window SetTimeOut Method
Windows Navigator Object
Source Windows Navigator Object
Windows Location Object
DOM traversing
Source DOM traversing
This DOM element
Source This DOM element
Event Handler Code
Source Event Handler Code
Onload Event Handler
Source Onload Event Handler
Mouse Event Handlers
Source Mouse Event Handlers
Event Target Form Content
Source Event Target Form Content
Onchange and Onblur
Source Onchange and Onblur
Placeholder Image Generator
Source Placeholder Image Generator
Build an Image Carousel
Source Build an Image Carousel
Key Event Return Boolean
Source Key Event Return Boolean
Onsubmit Form Validation
Source Onsubmit Form Validation
Drag and Drop Elements
Source Drag and Drop Elements
Name Game Setup
Source Name Game Setup
Create Game Play
Source Create Game Play
Gameplay Overview
Source Gameplay Overview
JavaScript Dynamic Web with the DOM
43 Topics
Introduction to Dynamic Web
Traversing the DOM
Get Elements Id and TagName
Source Get Elements Id and TagName
Get Elements By ClassName
Source Get Elements By ClassName
Elements Click Handler
Source Elements Click Handler
QuerySelector Element Selection
Source QuerySelector Element Selection
QuerySelectorAll Element Selector
Source QuerySelectorAll Element Selector
Manipulating Element Style
Source Element Style
Popup Modal using JavaScript
Source Popup Modal using JavaScript
Adding and Removing Classes
Source Adding and Removing Classes
Build JavaScript Accordion
Source Build JavaScript Accordion
Manipulating Attributes
Source Manipulating Attributes
Use Custom Attributes
Source Use Custom Attributes
Creating New Elements
Source Creating New Elements
Friend Vote List Builder
Source Friend Vote List Builder
JavaScript Shopping List
Source JavaScript Shopping List
Event Listeners on Elements
Source Event Listeners on Elements
Multiple Event Listeners
Source Multiple Event Listeners
DOM Event Flow
Source DOM Event Flow
Select Event Listener
Source Select Event Listener
Event Listener ListMaker
Source Event Listener ListMaker
Dynamic List Editor
Source Dynamic List Editor
JavaScript DOM Interactive Content
31 Topics
Introduction to Built-In JavaScript methods
New Window Open
Global JavaScript Methods
Source Global JavaScript Methods
JavaScript String Methods
Source JavaScript String Methods
String Manipulation
Source String Manipulation
String Method Replace
Source String Method Replace
Word Scramble Guessing Game
Source Word Scramble Guessing Game
JavaScript Math Object
Source JavaScript Math Object
JavaScript Date Object
Source JavaScript Date Object
Countdown Timer
Source Countdown Timer
Color Matching Game
Source Color Matching Game
Create User Interaction
Source Create User Interaction
Bug Fixes and Tweaks
Source Bug Fixes and Tweaks
Debugging Try Catch Throw
Source Debugging Try Catch Throw
Hit a Computer Game
Source Hit a Computer Game
Scoring Complete App
Source Scoring Complete App
Built-in JavaScript
37 Topics
Introduction to Intermediate JavaScript
Regular Expressions
Form Validation with Regex Part 1
Form Validation with Regex Part 2
Source Code RegEx
Find and Replace RegEx object
Source Find and Replace RegEx object
Create an Email Extractor
Source Create an Email Extractor
RegEx Methods and more
Source RegEx Methods and more
JavaScript Cookies Creation
JavaScript Cookies Reading
Source JavaScript Cookies Reading
IIFE immediately-invoked function
Source IIFE immediately-invoked function
Arrays with arguments
Source Arrays with arguments
Function Recursion
Source Function Recursion
JavaScript Hoisting
Source JavaScript Hoisting
Use Strict Mode
Source Use Strict Mode
Common Errors
Source Common Errors
GamePlay Setup Values
Source GamePlay Setup Values
Build Game Components
Source Build Game Components
Adding Match Checking
Source Adding Match Checking
Helper Functions Lockouts
Source Helper Functions Lockouts
Debugging and Tweaks
Source Debugging and Tweaks
Intermediate JavaScript
35 Topics
Introduction to HTML5 JavaScript
Local File Reader
Source Code Local File Reader
GeoLocation get Position
Source GeoLocation get Position
Google Map API
Source Google Map API
LocalStorage Counter
Source LocalStorage Counter
JSON Stringify and Parse
Source JSON Stringify and Parse
Build HTML item list
Source Build HTML item list
Add Event Handlers get Data
Source Add Event Handlers get Data
Build Shopping Cart
Source Build Shopping Cart
Count Quantity of Items
Source Count Quantity of Items
Shopping Cart Tweaks
Source Shopping Cart Tweaks
Drawing on Canvas
Dynamic Canvas Wording
Source Dynamic Canvas Wording
Canvas Images and Img Src
Source Canvas Images and Img Src
Canvas Animation with JavaScript
Source Canvas Animation with JavaScript
Canvas Image Uploads
Source Canvas Image Uploads
Draw on Canvas with Mouse
Source Draw on Canvas with Mouse
Save Dynamic Images
Source Save Dynamic Images
HTML5 JavaScript
40 Topics
Introduction to JSON and AJAX JavaScript
JSON JavaScript Object Notation
Source Code
Parse String into Object
Source for json.json
Update Data Add to List
Source Update Data Add to List
Toggle Values Ternary Operators
Source Toggle Values Ternary Operators
Local Storage Stringify Parse
Source Local Storage Stringify Parse
Asynchronous JavaScript And XML
Source Asynchronous JavaScript And XML
Updated URL for source
Party List App using AJAX
Source Party List App using AJAX
Connect to API endpoint return data
Source Connect to API endpoint return data
Create Random Letter Order
Source Create Random Letter Order
Exercise Solution Guess Check
Source Exercise Solution Guess Check
Updated
AJAX Post Data and Receive Response
Source AJAX Post Data and Receive Response
Youtube API Search using AJAX
Source Youtube API Search using AJAX
Display Youtube Search Results
Source Display Youtube Search Results
Google API Services
Updated 2020
JSON AJAX Practice Exercise
Source JSON AJAX Practice Exercise
Dynamic Quiz using AJAX
Source Dynamic Quiz using AJAX
Event Handlers and Adding Classes
Source Event Handlers and Adding Classes
Quiz Bug fixes and Tweaks
Source Quiz Bug fixes and Tweaks
JSON and AJAX JavaScript
36 Topics
Introduction to What's new ECMAScript 6
Introduction to ES6
Source Code
Let and Const Block Level
Source Code 2
Object and Array Values
Source Code 3
ECMA6 String Methods
String methods Source Code
BackTicks for Strings
Source Backticks
Replacing Values in a String
Strings Source
New with Functions
Source Code Functions
Function Rest Parameters
Source Rest Parameters
ES6 Functions Fat Arrows
Source Fat arrows
Destructuring Objects and Arrays
Source Objects and Arrays
Generators and Iterators
Source Generators and Iterators
ES6 Sets and Data Structure
Source Sets
ES6 Map and Data Structure
Source Maps
ES6 Arrays Find
Source Find
ES6 and Arrays
Source Arrays
Class Constructors
Class Constructor Source
Promises and Then AJAX
JavaScript promises
ES6 Quiz
7 Topics
Introduction to JavaScript in Action
Calorie Counter Input Setup
Source Code Project Setup
Select Form Input Values
Source Values
Add Calorie Calculation
Source Calorie Calculator
12 Topics
Reaction Game Setup
Source Code Setup
Play the Game
Source Code
Create Target Element.
Source Code
Event Handling Element
Source Code
Continue GamePlay
Source Code
Code Review Reaction Game
Final Source Code
16 Topics
How to create a CSV file from JavaScript Multidimensional Array.
Source Code Download Multidimensional Array as CSV file using only JavaScript
JavaScript Filter and Map in Array
Handling of Array data creating arrays with JavaScript code snippet
JavaScript Callback Example
JavaScript Callback Source Code
Declaring Variables let and const
For in and For of Loops
Use of Interval Create Countdown timer
Source Code for previous 3 lessons
Regex Checking for Numbers in the input field
Regex Checking for Numbers in the input field Source Code
JavaScript Image Gallery
JavaScript Closure Example 1
JavaScript Closure Example 2
JavaScript Closure Example 3
7 Topics
JavaScript examples Destructuring assignment
JavaScript Code Example Destructuring assignment code snippet
JavaScript Array Methods Includes
Coding Example Array Method Includes
How to randomize an array with sort
How to Create an interactive list
Create a list from a JavaScript Object
5 Topics
Overview JavaScript Next Steps
Course Outline
Resources
Course Conclusion
How to create an Accordion with JavaScript
The Complete JavaScript Course - Beginner to Professional
Related JavaScript Courses
Frequently Asked Questions
The course is flexible so that you can study at your own pace. It will help in developing faster through daily commitment and consistent practice.
Learners will get 45 hands-on projects that extend knowledge beyond mere theory, making them ready for the job market.
We provide a comprehensive support network of forums and Q&As. Moreover, you can interact with teachers and colleagues, fostering a nurturing learning environment.
Yes, you will have lifetime access to the course materials, updates, and other additional data. This guarantees you can go back to the content at any time when it is necessary for skill reinforcement.
Absolutely! It targets amateurs who do not know how to program. We begin with the fundamentals and progress to more complex notions to ensure an easy practice.
Thank You!
Your review has been submitted successfully.