Modern JavaScript Bootcamp Beginner To Advanced

Modern JavaScript Bootcamp – Beginner To Advanced, available at $74.99, has an average rating of 4.2, with 111 lectures, based on 42 reviews, and has 1429 subscribers.

You will learn about Learn the fundamentals of Modern JavaScript from the very beginning. Build amazing real world projects using the concepts you learn. Master DOM manipulation in JavaScript. Learn Asynchronous JavaScript, how API works and how to fetch data into your application. Learn the concepts of Object Oriented Programming (OOP). Gain confidence by learning how to debug you code and handle errors. This course is ideal for individuals who are Students who want to learn JavaScript. It is particularly useful for Students who want to learn JavaScript.

Enroll now: Modern JavaScript Bootcamp – Beginner To Advanced

Summary

Title: Modern JavaScript Bootcamp – Beginner To Advanced

Price: $74.99

Average Rating: 4.2

Number of Lectures: 111

Number of Published Lectures: 111

Number of Curriculum Items: 111

Number of Published Curriculum Objects: 111

Original Price: $119.99

Quality Status: approved

Status: Live

What You Will Learn

Learn the fundamentals of Modern JavaScript from the very beginning.

Build amazing real world projects using the concepts you learn.

Master DOM manipulation in JavaScript.

Learn Asynchronous JavaScript, how API works and how to fetch data into your application.

Learn the concepts of Object Oriented Programming (OOP).

Gain confidence by learning how to debug you code and handle errors.

Who Should Attend

Students who want to learn JavaScript.

Target Audiences

Students who want to learn JavaScript.

Welcome to The Modern Javascript Bootcamp Course.

This is the most simplified JavaScript course.
People say JavaScript is hard, I created this course to make it seem easy.

In this course, I would start by walking you through the fundamentals of JavaScript in an easy-to-understand manner.
After which we would build several JavaScript projects to help you solidify your understanding. We would then delve into some advanced concepts in JavaScript with which we can create truly dynamic web applications.

After we learn the basics of JavaScript, including DOM Manipulation, we would build several apps including
– A counter App

– A Random color generator

– A Random number generator

We would then learn about the window object and some of its properties and methods, following which we would build a
– Responsive Landing page with countdown

– Body Mass Index calculator, a tool used by medical professionals.

Subsequently, we would start learning the concepts of Object-Oriented Programming with clear explanations and examples.
After this section, we would build a

– Task Tracker App
The Task Tracker app is a robust JavaScript app that would enable us apply most of the concepts we have learned up to that section.
In the Task tracker app, we would use the following concepts
– variable declaration

– Date object

– Functions

– Callback functions

– Arrays

– Local storage

– Object-oriented programming

We would then start learning about Asynchronous JavaScript and how to work with APIs. We would also cover Modules, Imports and Exports which would enable us separate our code into different sections.

After this section, we would build a
– Joke generator app
– GitHub profile app

Next, we would learn how to debug our code and handle errors which is a very important skill you should have as a developer.

After which we would take a focused look into ES6 features.

By the end of this course, you would be reasonably comfortable working with JavaScript and would be ready to learn a JavaScript framework like React, Vue or Angular.

Let’s dive in

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Environment Setup

Lecture 1: Environment setup – Installing necessary tools

Lecture 2: VSCode Setup

Chapter 3: JavaScript Fundamentals – Part 1

Lecture 1: Intro To JavaScript

Lecture 2: 100 Days Of JavaScript – Discount

Lecture 3: Linking a JavaScript file

Lecture 4: Running JavaScript in the browser

Lecture 5: Variables – Var, Let and Const

Lecture 6: Rules for naming Variables

Lecture 7: Data types

Lecture 8: Data type conversion

Lecture 9: String methods

Lecture 10: String concatenation and template literals

Lecture 11: Number, Math and Arithmetic operators

Lecture 12: Arithmetic operator shorthand, increment and decrement operator

Lecture 13: Array

Lecture 14: Conditionals, if else statement, Ternary operator

Lecture 15: Switch Statement

Lecture 16: Comparison Operator

Lecture 17: Logical operator

Lecture 18: Date and Time

Lecture 19: Functions

Lecture 20: Functions – Part 2 – Mini Project – Temp Converter

Lecture 21: Loops

Lecture 22: Scope

Chapter 4: DOM – Document Object Model

Lecture 1: Intro to DOM

Lecture 2: DOM Properties

Lecture 3: DOM Selectors – single element

Lecture 4: DOM Selectors – Multiple elements

Lecture 5: Traversing the DOM

Lecture 6: Manipulating Elements

Lecture 7: Creating Elements

Lecture 8: Removing Elements

Lecture 9: Event Listeners

Lecture 10: Hoisting

Lecture 11: Events list

Lecture 12: Form Events

Lecture 13: Event Bubbling and Delegation

Chapter 5: Project – Counter App

Lecture 1: Template Folder

Lecture 2: Counter App – Markup

Lecture 3: Counter App – JS

Chapter 6: Project – Random Number Generator

Lecture 1: Random Number Generator – Markup

Lecture 2: Random Number Generator – JS

Chapter 7: Project – Random Color Generator

Lecture 1: Random Hex Color Generator – Markup

Lecture 2: Random Hex Color Generator – JS

Chapter 8: JavaScript Fundamentals – Part 2

Lecture 1: The Window Object

Lecture 2: Window object properties

Lecture 3: Alert Confirm and Prompt popup

Lecture 4: SetTimeout

Lecture 5: SetInterval

Lecture 6: Callback Function

Lecture 7: Array Methods – forEach, Map and Filter

Lecture 8: Arrow Functions

Lecture 9: Local Storage Theory – 1

Lecture 10: Local Strage Practical – 2

Lecture 11: Use Strict Mode

Chapter 9: Project – Coming Soon Landing Page

Lecture 1: Coming Soon Landing Page – Markup

Lecture 2: Coming Soon Landing Page – CSS

Lecture 3: Coming Soon Landing Page – JS

Chapter 10: Project – BMI Calculator

Lecture 1: BMI Calculator – Markup

Lecture 2: BMI Calculator – CSS

Lecture 3: BMI Calculator – JS – Part 1 – Validate input

Lecture 4: BMI Calculator – JS – Part 2 – Calculate BMI

Lecture 5: BMI Calculator – JS – Part 3 – Show Result

Lecture 6: BMI Calculator – JS – Part 4 – Reset Function and loader

Chapter 11: Object Oriented Programming

Lecture 1: Intro to OOP

Lecture 2: Object Literals

Lecture 3: THIS Keyword

Lecture 4: Object Constructors and this keyord

Lecture 5: THIS keyword in functions

Lecture 6: Prototype

Lecture 7: Prototypal Inheritance

Lecture 8: Classes

Lecture 9: Static Methods

Lecture 10: Subclasses and Inheritance

Chapter 12: Project – Task Tracker

Lecture 1: Task Tracker – Project Demo

Lecture 2: Task Tracker – Markup 1

Lecture 3: Task Tracker – Markup 2

Lecture 4: Task Tracker – CSS 1

Lecture 5: Task Tracker – CSS 2

Lecture 6: Task Tracker – CSS 3

Lecture 7: Task Tracker – CSS 4

Lecture 8: Task Tracker – JS 1 – Date and Time

Lecture 9: Task Tracker – JS 2 – Declaring Variables

Lecture 10: Task Tracker – JS 3 – Handle Form Display

Lecture 11: Task Tracker – JS 4 – Save Task in Local Storage

Lecture 12: Task Tracker – JS 5 – Show Task on the Page

Lecture 13: Task Tracker – JS 5 – Show Task on the Page – Part 2

Instructors

Ewomazino Akpareva
Web Developer

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 9 votes

5 stars: 30 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!