IIRF Online > Development > Web Development > JavaScript > Javascript - From Beginner to Pro-Build real world JS apps
Javascript - From Beginner to Pro-Build real world JS apps by Udemy
Master JavaScript with the most complete JavaScript course on market! 1st step to learn JS - React, Angular or Vue JS
Course Highlights
- You will go all the way from JavaScript beginner to advanced JavaScript developer.
- You will gain a deep and true understanding of how JavaScript works behind the scenes.
- You will be able to debug your code and understand other developer's code.
- You will understand and use complex features like the 'this' keyword, function constructors, prototype, inheritance, first-class functions, closures, and more.
- You will learn how to organize and structure your code using modules and functions. Because coding is not just writing code, it's also thinking about your code!
- Take the w3 Schools, Upwork or Freelancer Javascript certification
Skills you will learn!
Overview
What Will You Learn?
From a JavaScript novice to an experienced JavaScript developer, you will go through it all.
You'll be able to comprehend the code other developers write and troubleshoot your own.
You'll acquire a thorough comprehension of JavaScript's internal workings.
You will understand and utilize complex concepts like prototypes, first-class functions, inheritance, closures, the 'this' keyword, function constructors, and more.
Get certified in JavaScript by taking the w3 Schools, Upwork, or Freelancer exams.
What are the possible Requirements to enrol?
- You don't need to know how to code to enrol in this course! We'll begin with the fundamentals.
- To begin learning JavaScript, you only need a computer, a text editor, and a browser (most activities are on JSBIN). These will be put up during the course.
- Although not required, having a basic understanding of HTML and CSS is a plus!
- Additionally, we will cover all necessary information about HTML and CSS in those areas. If you still have one, you can pose a question in the Q&A area.
Who Can Join This Course?
- Anyone who is interested in getting deep understanding of JavaScript.
- You can consider taking this course if you have taken other JavaScript courses.
- If you want to use popular libraries/frameworks such as React, Angular, or Node.js, you should enrol in this course now.
- If you want to start learning programming in general, you should enrol in this course immediately: One of the best coding languages to learn is JavaScript.
- If you have a JavaScript interview to prepare for, you should enrol in this course right now.
More About Course
If you participate in this course, you can learn all the JavaScript and programming basics, including Boolean rationale, information sorts, factors, if/else proclamations, objects, circles, and exhibits, and that is just starting. Everything you need to know to thoroughly understand how JavaScript works off-camera, including the "this" catchphrase, lifting, checking, and execution settings.
You can even learn "how to make JavaScript code, which is associated with the DOM control. You can also learn how to create new components, modify existing ones, and manage DOM events. Complex JavaScript elements include work constructors, prototype legacy, excellent capabilities, terminations, the problem and its solutions, and much more.
One can even learn how to use modules and capacities to organize and structure your code, how to make information security the best, and why that is so important.
Curriculum
5 Topics
Welcome
Let's understand our IDE (Development Tool) - Sublime Text
Let's understand our IDE (Development Tool) - JSBIN
What can Javascript do? - a preview to the super powers!
Where to put Javascript?
34 Topics
How to see the output?
Syntax
Comments
Statements
Variables
Declaring (Creating) JavaScript Variables
Use a single var keyword to create three variables with the following values
Display the sum of 5 + 10 using two variables x and y.
Operators
Display the difference of 10 - 5 using two variables x and y.
Use the Multiplication (*) operator to display multiplication of 2 numbers
Display the result of 10 / 5 using two variables x and y.
Find the remainder when 15 is divided by 9 using two variables x and y.
Use the += operator to add a value of 5 to the variable x.
Use the -= operator to subtract a value of 5 from the variable x.
Use the *= operator to multiply the variable x with 5.
Use the /= operator to divide the variable x with 5.
Use the %= operator to assign a remainder of 10 / 3 to the variable x.
Using += operator to concatenate String
Data Types
Functions
Call the function.
Figure out what is wrong with the function - fix it and run it as it should!
Use the function to display the product of 5 * 5.
Use the function to display "Hello John".
Define a function named "myFunction" and make it display "Hello World!" in the <p> element.
Objects
Display "John" by extracting information from the person object.
Add the following property and value to the person object: country: USA
Create an object called person with name = John age = 50. Then access the object to display "John
Scope
Events
The <p> element should do something when someone clicks on it. Try to fix it!
When the button is clicked trigger myFunction() with an event.
40 Topics
Strings
Assign the string "Hello World!" to the variable txt.
Use the length property to display the length of the txt variable's value.
The string below is broken - use escape characters to display the text correctly.
String Methods - Part 1
String Methods - Part 2
Display the position of the first occurrence of "World" in the variable txt.
Use the slice() method to display only "BananaKiwi".
Use the replace() method to replace "World" with "Universe".
Convert the value of txt to lower case.
Convert the value of txt to upper case.
Use the concat() method to join the two strings: str1 and str2.
Numbers
Create a variable called myNumber assign the value 50 to it and display it.
The value of z should be 11. Find out what's wrong and fix it.
Number Methods
Math Object
Use the random() method to display a random number.
Fix the code to display the number with the highest value.
Round "7.3" to the nearest integer and display it.
Display the square root of "9".
Math.random()
Dates
Create a Date object to display the date and time for 1st January 2017.
Date Formats
Date Methods
Arrays
Create an array named cars assign the values "Saab" "Volvo" and "BMW" to it and display it.
Display the "Volvo" item of the cars array.
Change the first item of cars to "Opel" by referring to the index numberand display the whole array
Use the length property to display the number of array items in cars.
Use the length property to add a new item to cars: Mercedes.
Array Methods
Use the pop() method to remove the last item from the fruits array.
Use the push() method to add a new item to fruits: Kiwi.
Use the splice() method to remove "Orange" and "Apple" from fruits.
Use the concat() method to concatenate girls and boys.
Sorting Arrays
Use the sort() method to sort the array alphabetically.
Booleans
5 Topics
Objects and the 'this' keyword
Object Property
Object Methods
Object Prototype
Response to Question: Pass by Value v/s Pass by Reference
6 Topics
Comparison Operators
Choose the correct comparison operator to display "true" when: 5 is less than 7.
Choose the correct comparison operator to display "true" when: 10 is greater than 7.
Choose the correct comparison operator to display "true" when: 10 is equal to 10.
Choose the correct comparison operator to display "true" when: 10 is NOT equal to 8.
Logical Operators
11 Topics
If...Else Statements
Use the if statement to output some text if 5 is greater than 2.
1. Write an if statement with the following condition: 10 is greater than 5. 2.
Change the value of the variable firstName to make the if statement run.
Add an else statement to display "You're not John!".
Write an if/else statement with the following condition
The if/else statement does not work. Try to fix it.
Switch Statement
Switch - The switch statement is missing a case for "Apple".
Switch - The switch statement is missing a default case.
Switch - The switch statement does not work. Try to fix it.
14 Topics
For Loop
For Loop - In the for loop change num1 to 0 and num2 to 10 and run the code.
For Loop - Make the loop start counting from 5 instead of 0:
Make the loop start counting from 5. Count up to (including) 50 and count only every fifth number.
For loop - Make the loop start counting downwards from 10 and stop at 1.
For Loop - Inside the for loop!
For Loop - In this exercise you are going to create a for loop from scratch
While Loop
While Loop - Inside the <script> element; change num1 to 0 and num2 to 10 and run the code.
While Loop - Make the loop start counting from 5 instead of 0:
Make the loop start counting from 5. Count up to (including) 50 and count only every fifth number.
While Loop - Make the loop start counting downwards from 10 and stop at 1.
Do/While - The do/while loop should output 0 1 2 3 4. Try to fix it!
Break and Continue
12 Topics
DOM - Overview
DOM - Properties and Methods
DOM Elements
DOM - CSS and Animation
Use the innerHTML property to change the content of the <p> element to "New text!".
Use the HTML DOM to set the text color of <p> to "red".
Use the HTML DOM to add a yellow background color to <p>.
Use the HTML DOM to center-align the text of <p>.
Use the HTML DOM to change the text size of <p> to 40 pixels.
Use the HTML DOM to hide the <p> element.
DOM Events
DOM - Event Listeners
3 Topics
Type Conversion - Part 1
Type Conversion - Part 2
Regular Expressions
3 Topics
Errors - Part 1
Errors - Part 2
Debugging
5 Topics
Hoisting
Strict Mode
Style Guide & Coding Conventions
Best Practices
Common Mistakes
8 Topics
Introduction to JSON
Characteristics Data Types and Syntax
JSON data types in detail
JSON Objects in detail
JSON Arrays in detail
JSON vs XML
JSON Parse - How to parse any JSON object!
JSON Stringify()
1 Topic
Try to answer 30 questions in 30 minutes!
2 Topics
Slide Show
Slide Show - Auto
2 Topics
Modals
Modal Images
7 Topics
Overview of the Game
Get the HTML skeleton in Place!
Let's start the game right...
Let's mix up the things randomize it
It's time to respond with an answer - Selection
I Love the game - Let's Play it again!
Let's make it fun - Add some Animations and wrap up!
6 Topics
let and const Binding Scope
let and const Bindings in Loop
let and const in Global Scope
Default Parameters in Functions
Expressions as Default Parameters in Functions
Rest Parameters in Functions
1 Topic
Bonus Bonus Bonus!
Javascript - From Beginner to Pro-Build real world JS apps
Related JavaScript Courses
.webp)
Frequently Asked Questions
The course includes everything about JavaScript, from basics to advance level.
Yes, this course does help you in preparing for the interview.
Yes, one will get certification after completing the course. You can take Upwork, w3 Schools, or Freelancer JavaScript certification.
It will take about 12.5 hours to complete the course.
No, one requires no coding knowledge before taking this course.
Thank You!
Your review has been submitted successfully.