Javascript Bootcamp For Beginners - 10+ Projects

Project Included - Analog Clock , Typing Speed Testor, Quiz App, Chat Application, MEAN Stack Registration.10+ Projects

What you'll learn

Go from a total JavaScript beginner to an advanced JavaScript developer

Gain a deep and true understanding of how JavaScript works behind the scenes

Understand and use complex features like the 'this' keyword, function constructors, prototypal inheritance, first-class functions, closures, and more.

Learn how to debug your code and understand other developer's code

Become familiar with the new features of ES6 / ES2015

Get lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

Requirements

Basic Knowledge of HTML / CSS

Should be able to use PC / Mac

Description

Project Included - Analog Clock , Typing Speed Tester, Quiz App, Chat Application, Restful API, MEAN Stack Registration. 10+ and Many More Projects are on the Way !!!Recent Project Updates : Build Restful API Using Node & Express JS ***Build Advance Registration System with MEAN Stack ***Included JavaScript Libraries and Frameworks : TypeScript ECMA 6+Node JSExpress JSMongoDBAngular 7+*** Learn JavaScript by Developing Real-Word Web Applications *** *** The Only Course which will get new Project based Content All the Time ****** Understand the Complete JavaScript Under the hood ***i will take you from an absolute beginner to JavaScript guru in just 17 hours. this course has bonus section for HTML and CSS. So if you are totally beginner and never programmed before then no worries i got you covered. We follow and use all the new ES6 feature throughout this course.Therefore you will learning the future proof and latest JavaScript features plus how to use these feature and how they can help us developing amazing web application.We are going to learn JavaScript by developing real-world web apps first app is a analog clock which will teach you how to use DOM API. Second we have typing speed test game which is another cool project. Third we have a quiz application which will teach you the JavaScript OOP. and last project is a Game Development in JavaScript.So once you have completed the course then what's next i will give full lecture about getting a job as a full stack JavaScript developer.This course is a perfect fit for you if…• You want to learn JavaScript.• You want to become a web developer by writing JavaScript.• You want to change careers. • You want to learning programming concepts that work for Python, Java, PHP or Node.js.

Overview

Section 1: Setup Development Environment

Lecture 1 Setup Development Environment

Lecture 2 Introduction to Visual Studio Code

Lecture 3 Introduction to WebStorm

Lecture 4 Installing NodeJS

Section 2: JavaScript For Absolute Beginners

Lecture 5 Introduction to JavaScript

Lecture 6 Setting Up Project Introduction to Console

Lecture 7 Introduction to Variables

Lecture 8 Statements in JavaScript

Lecture 9 Comments in JavaScript

Lecture 10 Introduction to DataTypes

Lecture 11 Operators in JavaScript

Lecture 12 Comparison Operators in JavaScript

Lecture 13 Operator Precedense in JavaScript

Lecture 14 Condition Statement In JavaScript

Lecture 15 Logical Operators in JavaScript

Lecture 16 Introduction to Arrays

Lecture 17 Introduction to Functions

Lecture 18 Introduction to Functions Part 2

Lecture 19 Introduction to Loops

Lecture 20 Introduction to Objects

Lecture 21 Coding Challenge : Function Which Calculates

Section 3: Beyond Basics JavaScript

Lecture 22 Variable Scope

Lecture 23 Var , Let , Const Keyword to Define Variables

Lecture 24 Math Object

Lecture 25 Date Object

Lecture 26 String Object

Lecture 27 subString Method of String in JavaScript

Lecture 28 String Coding Challange

Lecture 29 String Coding Challange #1

Lecture 30 Revisiting Arrays

Lecture 31 Array Coding Challange

Lecture 32 Introduction to Functional Programming

Lecture 33 What is JSON ?

Lecture 34 Callback Functions

Lecture 35 Optional Video From My YouTube Channel : Intermediate Functions

Lecture 36 This Keyword In JavaScript

Lecture 37 Revisiting Objects

Lecture 38 Prototypes in JavaScript

Lecture 39 End Of JavaScript ?

Section 4: DOM ( Document Object Modal ) Part : 1

Lecture 40 BOM ( Browser Object Modal )

Lecture 41 DOM ( Document Object Modal ) Introduction

Lecture 42 Query Selector / Query Selector All

Lecture 43 Elements Properties and Methods

Lecture 44 Access and Change CSS Class

Lecture 45 Adding and Changing Attributes

Lecture 46 Creating Elements

Section 5: Basic DOM Coding Challenges

Lecture 47 01 Coding Challenge : Create Elements Dynamically

Lecture 48 Project Files

Lecture 49 02 Coding Challenge : Create Dynamic Table

Lecture 50 Code : Create Dynamic Table

Section 6: DOM Project : 1 Creating Analog Clock

Lecture 51 Project Introduction

Lecture 52 Creating Clock

Lecture 53 Make the Clock Move

Lecture 54 Project Code

Section 7: DOM ( Document Object Modal ) Part: 2

Lecture 55 Introduction to Events

Lecture 56 Types of Events

Lecture 57 JavaScript Event in HTML Documents

Lecture 58 Adding Event Listeners

Section 8: Typing Speed Games Project

Lecture 59 Typing Speed Test Project Introduction

Lecture 60 Typing Speed Test : Making UI

Lecture 61 Code : Writing HTML

Lecture 62 Typing Speed Test : Writing CSS

Lecture 63 Code : Css Code

Lecture 64 Typing Speed Test: Basic Sudo Code

Lecture 65 Typing Speed Test : Functions

Lecture 66 Typing Speed Test : Creating Clock

Lecture 67 Typing Speed Test : Finishing the Functionality

Lecture 68 code: Final Code with script.js

Section 9: Useful Web API

Lecture 69 JSON Essentials

Lecture 70 HTML 5 Storage API

Lecture 71 Geolocation Api

Lecture 72 File API

Section 10: Quiz App Project Taught By Umair Jameel

Lecture 73 Quiz App Project

Section 11: New Features In JavaScript : ES2015+

Lecture 74 ES-6 and Babel Introduction

Lecture 75 Introduction to ES2015 / ES6

Lecture 76 Template Strings

Lecture 77 Spread Operator

Lecture 78 ES2015 New Data Structure ( Sets )

Lecture 79 ES2015 Data Structure ( Map )

Lecture 80 For …. of Loop

Lecture 81 Coding Challenge : For … of Loop

Lecture 82 Functions Default Parameters and Object Literals

Lecture 83 Arrow Functions Syntax

Lecture 84 Arrow Functions and Scope

Lecture 85 Promises in JavaScript

Lecture 86 Loading Data With Fetch

Lecture 87 Destructuring

Lecture 88 Generator Functions

Lecture 89 ES6 Classes

Section 12: Coding Challenges

Lecture 90 Coding Challenge : 01 Introduction

Lecture 91 01 Solution

Lecture 92 Code: Find Duplicate Character in string

Lecture 93 Coding Challenge : 02

Lecture 94 Code : 02

Section 13: Version Control System

Lecture 95 Git Crash Course

Section 14: Optional Project : Game Development Using JavaScript Library Phaser

Lecture 96 Project Introduction

Lecture 97 Project : 01

Lecture 98 Project : 02

Lecture 99 Project : 03

Lecture 100 Project : 04

Lecture 101 Project : 05

Section 15: Project : Chat Application With Socket IO

Lecture 102 Real-Time Chat Application Project Introduction

Lecture 103 Setting Up Development Environment

Lecture 104 Configuring Server and Index File

Lecture 105 Configure Routing for Chat Rooms

Lecture 106 UI for Chat Rooms

Lecture 107 Finishing Socket Io Functionality

Lecture 108 Source Code

Section 16: Course: TypeScript Fundamentals

Lecture 109 TypeScript Introduction

Lecture 110 Language Introduction

Lecture 111 Installing TypeScript

Lecture 112 Creating TypeScript Project

Lecture 113 TypeScript : Annotation

Lecture 114 TypeScript : Types

Lecture 115 TypeScript: Advance Types

Lecture 116 TypeScript: Function Return Type

Lecture 117 TypeScript: Functions

Lecture 118 TypeScript : Default and Rest Parameters

Section 17: TypeScript : Chapter 2

Lecture 119 Chapter Introduction

Lecture 120 TypeScript : Interfaces

Lecture 121 TypeScript: Classes

Lecture 122 Classes Implement Interfaces

Lecture 123 Class Constructor Function

Lecture 124 Class Modifiers Functions and Static Keyword

Lecture 125 Class and Interface Inheritance

Lecture 126 Protected Class Members

Lecture 127 Abstract Classes

Section 18: TypeScript Chapter 3 : Generics

Lecture 128 Generic Introduction

Lecture 129 Generic Interfaces and Classes

Lecture 130 Introduction to Enums

Section 19: TypeScript Section : 4 Modules

Lecture 131 Introduction to Modules

Lecture 132 Export and Import Modules

Lecture 133 NameSpaces

Section 20: Building Rest API with Node.JS and Express.JS

Lecture 134 Introduction to the Section

Lecture 135 Introduction to the Libraries

Lecture 136 Introduction to Postman

Lecture 137 Install Node and Express

Lecture 138 Installing MongoDB

Lecture 139 What is Restful API ?

Lecture 140 Initial Server Setup

Lecture 141 Files and Structure

Lecture 142 Basics of Routing

Lecture 143 Using Middleware Functions

Lecture 144 Mongo Refresher

Lecture 145 Setting Up Database with Robo 3T

Lecture 146 Database Connection With Mongoose

Lecture 147 Creating Schemas

Lecture 148 Creating Post End Point

Lecture 149 Request to Get All Object from Database

Lecture 150 Get Data by ID from MongoDB

Lecture 151 Creating Endpoint for Updating Data in MongoDB

Lecture 152 Creating Delete Request

Lecture 153 Serving Static Files

Lecture 154 End Of Sections

Section 21: Advance Mean Stack Registration / Login System

Lecture 155 Project Walk through

Lecture 156 Setup Back-End Project

Lecture 157 Setup Front-End-Project

Lecture 158 Sending Data with Node and Routes

Lecture 159 Getting Data With Angular

Lecture 160 Setting up Angular Material

Lecture 161 Using Cards and Displaying Messages

Lecture 162 Creating Function for receiving User Data

Lecture 163 Creating Mongo DB Database using MLAB

Lecture 164 Storing User Data in MongoDB

Lecture 165 Creating Navigation Bar

Lecture 166 Setting up routes and Register Component

Lecture 167 Designing Register Component

Lecture 168 Binding Register Data

Lecture 169 Saving User Data to MongoDB

Lecture 170 Designing Login Component

Lecture 171 Generating Tokens in Back-End

Lecture 172 Saving Token in Local Storage

Lecture 173 Getting User List in the Back-End

Lecture 174 Displaying the Users in Front-End

Lecture 175 Configuring User Routes

Lecture 176 User Profile End-Point

Lecture 177 Creating User Profile Component

Lecture 178 Profile Data From Back-End

Lecture 179 Adding User Details

Lecture 180 Hashing the Password

Lecture 181 Creating User Feed and User Components

Lecture 182 Creating Auth Router

Lecture 183 Creating Message Post End-Point

Lecture 184 Creating Post Component

Lecture 185 Storing Post in Database

Lecture 186 Associating a User with Posts

Lecture 187 Messages By ID

Lecture 188 Creating Post Component

Lecture 189 Saving User ID in the Token

Lecture 190 Updating HTTP Client Module

Lecture 191 Auth Token Interceptor

Lecture 192 Login Register Logout Buttons

Lecture 193 Finishing Logout Functionality

Lecture 194 Finishing Registration App

Lecture 195 Publishing Front-End Project To Amazon Web Services

Lecture 196 Publishing Back End Project on Heroku

Section 22: What is Next ?

Lecture 197 Future Of This Course ?

Beginners,Anyone who want's to Master JavaScript from absolute beginner to Advance Level.