IIRF Online > Development > Web Development > JavaScript > Modern Javascript for Beginners 2020 + Javascript Projects
Modern Javascript for Beginners 2020 + Javascript Projects by Udemy
The ultimate beginners course for Javascript - Learn Modern Javascript for 2020 with a plenty of examples and projects
Course Highlights
- 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
Skills you will learn!
Curriculum
2 Topics
Introduction
80 pages Modern Javascript 2020 Notes Download
7 Topics
How to create a basic web page with a script?
Setting up your Javascript project in Brackets (& how to use it)
Making use of the Developer console - check errors intermediate outputs etc.
Javascript code structure - statements
Comments
An introduction to getting outputs in Javascript
Getting Started Quiz
15 Topics
Use strict - ES5 specification
Let - what are variables and how to create them
Reserved words/Keywords in Javascript
Var - How variables were created before 2015
Const - Creating constants
Assigning variables and various data types (Incl. Camel casing)
Javascript is Dynamic (Incl. Infinity & NaN)
Double quotes single quotes and backticks (ES6 specification)
Complex data types (Arrays and objects)
Typeof operator
Undefined and Null
Type conversions - String conversion
Type conversions - Number conversion
Type conversions - Boolean conversion
Getting outputs in Javascript - Alert prompt and confirm boxes
13 Topics
Assignment operator
Basic calculations and outputs (mathematical operators)
Complicated mathematical operations in Javascript
Increment and decrement operators
String concatenation in Javascript
Comparison operators part 1
Comparison operators part 2
Comparison operators part 3
String comparisons
Comparing different types
Logical operators
Ternary operators
Operator precedence
10 Topics
Template strings (backtick) - creating and using them and more
Creating strings as objects
String methods - finding the length index of a given character/substring etc.
String methods - searching for the given substring
String methods - slicing a substring from a string
String methods - more slicing methods
String methods - replacing words/phrases in a string
String methods - case conversions and concatenation
String methods - Trimming extra spaces
String methods - finding characters splitting & joining strings etc.
10 Topics
An introduction to numbers in Javascript
Arithmetic operations on strings and numbers (incl. isNaN)
Hexadecimal octal and infinity
Creating numbers as objects
Converting your number to a string
The exponential method
Fixing the decimal length & precision of a number (multiple ways)
Converting strings & dates to numbers
Converting a numbered string to an integer or floating point number
More number properties
8 Topics
If else statment
Else If statement
Switch Case statement
For loop
For loops part 2
While loop
Do While loop
Break & Continue statements and labels
6 Topics
Arrays - creating and accessing them - an Intro
Creating arrays as objects (Incl. checking for the type Array)
How to loop through an entire array
Array properties - length properties and ways to use it
Array methods - push pop string conversion and array join methods
2-Dimensional arrays
3 Topics
The Date object and displaying date in Javascript
Math object methods - PI rounding off ceiling floor truncating a number etc.
Math object methods - find abs min max values random numbers etc.
14 Topics
Functions - an Introduction (Definition & Call)
Function that accepts parameters and returns a value
Local variables (& Local/Function/Block & Global scope)
Assigning default parameter values & using empty returns
Sending multiple lines of return
Function expressions (Anonymous functions)
Self-invoking functions
Arrow functions (ES6/ECMAScript update)
Arguments object
Recursive functions
Spreading an array into function arguments
Rest parameters
Scheduling function executions - setTimeout
Scheduling function executions - setInterval
3 Topics
Declaring objects and accessing them
Creating object methods & using "this" to access properties
Creating multiple objects inside an array
10 Topics
Document Object model - An Introduction
Retrieving HTML elements using their ID
Changing the text of a retrieved element
Retrieving multiple elements by their tag name
Retrieving multiple elements by their class name
Getting HTML outputs via the DOM (document.write & changing the inner HTML)
Changing the value of HTML attributes
Changing the CSS properties of elements
Events & event listeners - the Click event
Events and event listeners - multiple mouse and key events
7 Topics
An Introduction to creating regular expressions
Using Regular Expressions in Javascript - Basic regex pattern
Test method in Javascript
Match method in Javascript
Regular expression modifiers/flags part 1
Regular expression modifiers/flags part 2
Using regular expressions in search and replace functions
6 Topics
Puzzle #1 - Alternate small and capital letters in a given string
Puzzle #2 - Find the compound interest
Puzzle #3 - Numbers in expanded form
Puzzle #4 - Is the string a Palindrome?
Project #1 - Countdown Timer
Bonus lecture: Continue your journey!!
Modern Javascript for Beginners 2020 + Javascript Projects
Related JavaScript Courses
Thank You!
Your review has been submitted successfully.