Modern Javascript For Beginners 2020 - Course + Projects
4.3 (293 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
26,066 students enrolled

Modern Javascript For Beginners 2020 - Course + Projects

The ultimate beginners course for Javascript - Learn Modern Javascript for 2020 with a plenty of examples and projects
New
4.3 (293 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
26,066 students enrolled
Last updated 5/2020
English
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 15 hours on-demand video
  • 2 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • A thorough introduction to the Javascript programming language
  • Information storage using variables and constants (both ES5 & ES6 methods)
  • Using the console to debug your code, check errors and retrieve intermediate outputs
  • Creating dynamic storages using variables and Javascript's different datatypes, including complex and simple ones
  • Javascript's strict mode and how it regulates your code
  • Type conversions in Javascript (including NaN, undefined and null)
  • Various ways to show outputs and get inputs from the users
  • Applying the various operators available in Javascript on your strings, numbers and boolean values
  • What are template strings (backticks) and when & how to use them
  • Working with strings and applying the various pre-defined string methods available to you on them
  • Creating numbers and manipulating them with a range of pre-defined number methods
  • Creating conditions using the if and switch statements
  • Creating loops using the for, while and do while loops and applying the break and continue statements on them
  • Creating both 1D and 2D arrays for varied storage and applying various pre-defined array methods on them
  • Working with dates and the Math object
  • Creating user-defined functions in Javascript (including anonymous functions, return, this & self-invoking functions)
  • The basics of Object Oriented Javascript (Creating objects, their properties and methods and manipulating them)\
  • An introduction to Javascript's Document Object Model (DOM)
  • Retrieving various HTML elements and manipulating them
  • Manipulating the CSS styles of various elements
  • Using event handlers to create an action-reaction effect in your web pages
  • Apply what you learn via various exercises, fun puzzles and real world projects
Course content
Expand all 113 lectures 14:55:15
+ Introduction
2 lectures 02:57
80 pages Modern Javascript 2020 Notes Download
00:15
+ Variables, data types, type conversion and more
15 lectures 01:56:54
Use strict - ES5 specification
03:42
Let - what are variables and how to create them
12:28
Reserved words/Keywords in Javascript
06:48
Const - Creating constants
03:34
Assigning variables and various data types (Incl. Camel casing)
09:09
Javascript is Dynamic (Incl. Infinity & NaN)
07:50
Double quotes, single quotes and backticks (ES6 specification)
18:23
Complex data types (Arrays and objects)
04:52
Typeof operator
05:28
Undefined and Null
09:41
Type conversions - String conversion
06:03
Type conversions - Number conversion
08:44
Type conversions - Boolean conversion
02:57
Getting outputs in Javascript - Alert, prompt and confirm boxes
12:11
+ Operators
13 lectures 01:50:41
Basic calculations and outputs (mathematical operators)
18:21
Complicated mathematical operations in Javascript
03:17
Increment and decrement operators
07:55
String concatenation in Javascript
11:12
Comparison operators part 1
07:00
Comparison operators part 2
04:15
Comparison operators part 3
05:37
String comparisons
09:51
Comparing different types
05:19
Logical operators
13:45
Ternary operators
06:31
Operator precedence
10:32
+ Strings and string methods
10 lectures 01:22:58
Template strings (backtick) - creating and using them, and more
09:59
String methods - finding the length, index of a given character/substring etc.
14:11
String methods - searching for the given substring
03:28
String methods - slicing a substring from a string
07:59
String methods - more slicing methods
08:48
String methods - replacing words/phrases in a string
09:05
String methods - case conversions and concatenation
09:33
String methods - Trimming extra spaces
03:30
String methods - finding characters, splitting & joining strings etc.
12:14
+ Number and number methods
10 lectures 01:16:47
Arithmetic operations on strings and numbers (incl. isNaN)
11:37
Hexadecimal, octal and infinity
08:55
Creating numbers as objects
04:08
Converting your number to a string
07:15
The exponential method
06:53
Fixing the decimal length & precision of a number (multiple ways)
08:10
Converting strings & dates to numbers
06:42
Converting a numbered string to an integer or floating point number
07:26
More number properties
07:36
+ Conditional statements & Loops
8 lectures 01:26:48
Else If statement
07:53
Switch Case statement
17:25
For loop
14:13
For loops part 2
10:51
While loop
07:26
Do While loop
04:08
Break & Continue statements and labels
15:23
+ Arrays
6 lectures 58:06
Creating arrays as objects (Incl. checking for the type Array)
09:57
How to loop through an entire array
05:18
Array properties - length properties and ways to use it
07:03
Array methods - push, pop, string conversion and array join methods
12:44
2-Dimensional arrays
10:12
+ Date, Date methods & the Math object
3 lectures 26:58
The Date object and displaying date in Javascript
09:46
Math object methods - PI, rounding off, ceiling, floor, truncating a number etc.
09:34
Math object methods - find abs, min, max values, random numbers etc.
07:38
+ Functions
16 lectures 02:03:57
Function that accepts parameters and returns a value
09:19
Local variables (& Local/Function/Block & Global scope)
04:11
Assigning default parameter values & using empty returns
15:06
Sending multiple lines of return
04:08
Function expressions (Anonymous functions)
11:47
Self-invoking functions
03:47
Arrow functions (ES6/ECMAScript update)
06:33
Arguments object
04:26
Recursive functions
08:57
Spreading an array into function arguments
07:55
Rest parameters
04:55
Scheduling function executions - setTimeout
09:57
Scheduling function executions - setInterval
07:13
Creating object methods & using "this" to access properties
10:37
Requirements
  • Very basic understanding of HTML (any maybe) CSS should help, but you can understand the course without that as well.
  • A free text editor - notepad, notepad++, Atom editor, Brackets editor (I'll be using this one in the course)
Description

Javascript runs the web.

It makes your website come alive.

If you want to create magic with your websites or web apps, then you need Javascript. Period.

In this course, we hope to break down the beginner concepts of the Javascript programming language into manageable parts so you can learn them fast and retain the concepts much longer.

This course will be useful for both beginners to the world of programming and programmers who already know other programming languages.

We'll be teaching you the latest version of Javascript (ECMAScript 2015 and above).

Every concept is taught through a wealth of over-the-shoulder examples so you understand the concepts better.


What will you learn in our course? 

1. A thorough introduction to the Javascript programming language

2. Information storage using variables and constants (both ES5 & ES6 methods)

3. Using the console to debug your code, check errors and retrieve intermediate outputs

4. Creating dynamic storages using variables and Javascript's different datatypes, including complex and simple ones

5. Javascript's strict mode and how it regulates your code

6. Type conversions in Javascript (including NaN, undefined and null)

7. Various ways to show outputs and get inputs from the users

8. Applying the various operators available in Javascript on your strings, numbers and boolean values

9. What are template strings (backticks) and when & how to use them

10. Working with strings and applying the various pre-defined string methods available to you on them

11. Creating numbers and manipulating them with a range of pre-defined number methods

12. Creating conditions using the if and switch statements

13. Creating loops using the for, while and do while loops and applying the break and continue statements on them

14. Creating both 1D and 2D arrays for varied storage and applying various pre-defined array methods on them

15. Working with Dates and the Math object

16. Creating user-defined functions in Javascript (including anonymous functions, return, this & self-invoking functions)

17. The basics of Object Oriented Javascript (Creating objects, their properties and methods and manipulating them)

18. An introduction to Javascript's Document Object Model (DOM)

19. Retrieving various HTML elements and manipulating them

20. Manipulating the CSS styles of various elements

21. Using event handlers to create an action-reaction effect in your web pages

22. Global and local scope (function & block scopes)

23. Apply what you learn via various exercises, fun puzzles and real world projects

And so much more! 


How is this course designed? 

Our course has 12 modules, where each module will thoroughly explain the intricacies of one of the concepts in Javascript (the Modern version) with a wealth of over-the-shoulder examples. 

Here are the modules: 

Module 1 - Getting started with Javascript - This is the foundations module. We'll look into what setting up your Javascript coding environment, using consoles for bug detection, comments, getting basic outputs and so much more.

Module 2 - Variables, data types, type conversion and more - In this module, you'll learn how to create information storage spaces (variables), the different data types available and how to work with them.

Module 3 - Operators - In this module, we'll look into the various operators available in Javascript, using them to manipulate numbers, strings and booleans and more.

Module 4 - String and string methods - In this module, you'll learn how to create strings, how and when to use backticks, the various pre-defined string methods available to you and their uses.

Module 5 - Number and number methods - In this module, you'll learn about creating numbers in Javascript and using the various pre-defined number methods to manipulate them.

Module 6 - Conditional statements and loops - In this module, you'll learn how to create conditions with if and switch statements and using for, while and do while loops to repeat the same lines of code multiple times (based on given conditions).

Module 7 - Arrays - In this module, you'll learn how to create arrays and store more than one value (of different types) in them, how to retrieve those values, manipulate them with pre-defined array methods, use 2D arrays and so much more.

Module 8 - Date, date methods & Math object - In this module, you'll learn how to create and use the date object and use the math object to perform various math operations.

Module 9 - Functions - In this module, you'll learn how to create user-defined functions in Javascript (including anonymous functions, return, this & self-invoking functions).

Module 10 - Objects (Basics) - In this module, you'll learn the basics of Object Oriented Javascript (Creating objects, their properties and methods and manipulating them).

Module 11 - Document Object Model (DOM) - In this module, you'll learn about the DOM, how it works, how to use it to manipulate the elements in your websites and make it come alive using event handlers.

Module 12: We also cover a lot of examples, puzzles and real world projects (which are constantly updated): 

For now, our course covers the following puzzles to gently nudge you into applying your theoretical Javascript knowledge in real world problem solving:

1. Puzzle #1 - Alternate small and capital letters in a given string

2. Puzzle #2 - Find the compound interest


Why should you choose our course? 

1. We like to be thorough in our teaching. Every beginner topic covered in this course will cover everything you need to know about that particular topic. You won't have to look anywhere else.

2. We strongly advocate learning by doing, rather than just listening or reading. Our lectures are filled with a wealth of examples that explain every concept clearly. 

3. If you follow along with our examples in our over-the-shoulder trainings, and create our examples with us, you'll have a thorough understanding of what Javascript is, and how to apply it to create magic in your websites. You'll be able to confidently add this as a skill in your resume

4. We prefer creating fun projects to explain the concepts and to keep things interesting as well. You'll learn how to apply the concepts you learn in the course in the real world projects and examples.


So, what are you waiting for? Enroll now and start creating magic in your websites with Javascript in no time at all!  

Who this course is for:
  • Anyone who's new to programming and would like to start with Javascript
  • Programmers who'd like to learn Javascript from the scratch
  • Javascript developers who'd like to brush up on their knowledge while learning the updated version
  • Anyone who'd like to pad their resume with a new skill
  • Web designers who'd like to get into development