Trang chủ

Programming Languages

JavaScript

Modern JavaScript (Complete guide, from Novice to Ninja)

Modern JavaScript (Complete guide, from Novice to Ninja)

Loại khoá học: Programming Languages

Learn Modern JavaScript from the very start to ninja-level & build awesome JavaScript applications.

50.000 VND

119 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

Hey gang, and welcome to your first step on the path to becoming a JavaScript ninja! In this course I'll be teaching you my absolute favourite language (JavaScript!) from the very beginning, right through to creating fully-fledged, dynamic & interactive web experiences.

We'll cover all the basics to get you up-and-running quickly, before diving in to some of the really fun stuff like web-page manipulation, creating interactive forms, popups & other cool effects. Along the way we'll be using the latest additions to the JavaScript specification (ES6, 7 & beyond) and maintaining good coding standards to keep our code clean and effective!

Once we master the basics, we'll dive into several real-life JavaScript projects, including an interactive quiz, a weather app, a real-time chat application and a small UI library you can use in all your future projects!

We'll also take a look at some more advanced topics - object oriented programming, asynchronous code, real-time databases using Firebase (including a new chapter about Firebase 9) and much more. Finally, we'll be setting up a modern work-flow using Webpack & Babel, so that by the end of this course you'll be no less than a black-belt JavaScript developer with a lot of coding techniques in your tool-belt.

Speaking of ninjas, I'm also known as The Net Ninja on YouTube, where you'll find hundreds of free coding tutorials, so feel free to pop by to say hello :).

Bạn sẽ học được gì

Learn how to program with modern JavaScript, from the very beginning to more advanced topics

Learn all about OOP (object-oriented programming) with JavaScript, working with prototypes & classes

Learn how to create real-world front-end applications with JavaScript (quizes, weather apps, chat rooms etc)

Learn how to make useful JavaScript driven UI components like popups, drop-downs, tabs, tool-tips & more.

Learn how to use modern, cutting-edge JavaScript features today by using a modern workflow (Babel & Webpack)

Learn how to use real-time databases to store, retrieve and update application data

Explore API's to make the most of third-party data (such as weather information)

Yêu cầu

A basic grasp of HTML & CSS (how to create simple, static web pages)

Nội dung khoá học

22 sections

Introduction

4 lectures

Why You Should Take This Course

03:00

Why JavaScript is Amazing

02:23

Setting up Your Environment

07:26

Course Files

01:34

JavaScript Basics

13 lectures

Adding JavaScript to a Web Page

05:02

The Browser Console

02:47

Variables, Constants & Comments

08:29

Data Types at a Glance

04:19

Strings

10:24

Common String Methods

05:14

Numbers

09:59

Template Strings

06:09

Arrays

09:14

Null & Undefined

03:17

Booleans & Comparisons

09:41

Loose vs Strict Comparison

04:04

Type Conversion

05:33

Control Flow Basics

11 lectures

What is Control Flow?

01:28

For Loops

09:16

While Loops

04:12

Do While Loops

02:34

If Statements

04:55

Else & Else If

04:13

Logical Operators

05:03

Logical NOT

03:17

Break & Continue

04:03

Switch Statements

05:26

Variables & Block Scope

08:27

Functions & Methods

8 lectures

What are Functions?

02:47

Function Declarations & Expressions

06:08

Arguments & Parameters

04:46

Returning Values

04:28

Arrow Functions

09:00

Functions vs Methods

03:31

Foreach Method & Callbacks

08:30

Callback Functions in Action

04:20

Object Literals

7 lectures

Objects at a Glance

02:25

Creating an Object Literal

06:53

Adding Methods

03:02

'this' Keyword

06:14

Objects in Arrays

03:46

Math Object

05:26

Primitive vs Reference Types

09:47

The Document Object Model

14 lectures

Interacting with the Browser

02:04

The DOM Explained

04:54

The Query Selector

08:20

Other Ways to Query the DOM

05:46

Adding & Changing Page Content

09:42

Getting & Setting Attributes

05:40

Changing CSS Styles

05:49

Adding & Removing Classes

10:23

Parents, Children & Siblings

10:43

Event Basics (click events)

09:59

Creating & Removing Elements

07:35

Event Bubbling (and delegation)

10:01

More DOM Events

09:38

Building a Popup

09:55

Forms & Form Events

6 lectures

Events Inside Forms

01:44

Submit Events

07:57

Regular Expressions

08:06

Testing RegEx Patterns

07:34

Basic Form Validation

05:08

Keyboard Events

08:52

Project - Interactive Ninja Quiz

7 lectures

Project Preview & Setup

01:38

Bootstrap Basics

05:50

HTML Template

10:51

Checking Answers

09:13

Showing the Score

05:11

The Window Object

06:40

Intervals & Animating the Score

06:45

Array Methods

6 lectures

Filter Method

08:18

Map Method

08:08

Reduce Method

07:35

Find Method

03:04

Sort Method

10:45

Chaining Array Methods

06:41

Project - Todo List

5 lectures

Project Preview and Setup

02:50

HTML & CSS Template

06:49

Adding Todos

09:12

Deleting Todos

05:01

Searching & Filtering Todos

17:53

Dates & Times

4 lectures

Dates & Times in JavaScript

07:38

Timestamps & Comparisons

07:20

Building a Digital Clock

07:08

Date-fns Library

09:12

Async JavaScript

13 lectures

What is Asynchronous JavaScript?

06:04

Async Code in Action

02:37

What are HTTP Requests?

04:05

Making HTTP Requests (XHR)

07:22

Response Status

06:02

Callback Functions

08:13

JSON Data

06:53

Callback Hell

05:08

Promise Basics

11:32

Chaining Promises

05:04

The Fetch API

07:26

Async & Await

10:44

Throwing & Catching Errors

05:04

Project - Weather App

11 lectures

Project Preview & Setup

04:40

HTML & CSS Template

08:57

AccuWeather API

05:18

Get City API Call

08:35

Get Weather API Call

08:32

Updating the Location

09:58

Object Shorthand Notation

01:48

Updating the UI

07:25

Destructuring

03:08

Weather Icons & images

10:03

Ternary Operator

03:33

Local Storage

5 lectures

What is Local Storage?

03:27

Storing & Getting Data

07:09

Deleting Storage Data

02:47

Stringifying & Parsing Data

05:18

Updating the Weather App

05:59

Object Oriented JavaScript

12 lectures

What is OOP?

07:32

Object Literal Recap

05:18

Classes

04:06

Class Constructors

05:17

Class Methods & Method Chaining

08:35

Class Inheritance (subclasses)

08:25

Super( )

03:49

Constructors (under the hood)

05:16

Prototype Model

11:43

Prototypal Inheritance

09:50

Built-in Objects

03:27

Making a Forecast Class (weather app)

10:52

Databases (Firebase)

8 lectures

NoSQL Databases

02:58

Firebase & Firestore

07:32

Connecting to Firestore

05:52

Getting Collections

11:16

Saving Documents

07:50

Deleting Documents

09:41

Real-time Listeners

11:13

Unsubscribing

03:53

Project - Real-time Chatroom

13 lectures

Project Preview & Setup

04:15

HTML Template

06:16

Connecting to Firebase

05:02

Chatroom Class & Adding Chats

09:58

Setting up a Real-time Listener

06:08

Complex Queries

06:00

Updating the Room & Username

08:14

Creating a ChatUI Class

10:56

Formatting the Dates

03:53

Sending New Chats

06:15

Changing Username & Local Storage

15:13

Updating the Room

07:57

Testing the App

02:54

More ES6 Features

3 lectures

Spread & Rest

07:39

Sets

09:01

Symbols

04:27

Modern Workflow with Babel & Webpack

15 lectures

Modern Feature Support

03:17

An Introduction to Babel

05:13

Installing Node.js & Babel

10:47

Using the Babel CLI

06:21

NPM Scripts & Watching Files

08:43

What is Webpack?

02:45

Setting up a Webpack File

06:41

Webpack CLI

05:13

Introduction to Modules

10:05

Default Exports

06:27

Watching for Changes

01:56

The Webpack Dev Server

06:05

Production & Development Modes

04:49

Babel & Webpack Together

07:18

Webpack Boilerplate

04:49

Project - UI Library

7 lectures

Project Preview & Setup

03:52

CSS & Style Loaders (webpack)

05:30

Tooltips

14:27

Dropdowns

09:39

Tabbed Content

14:44

Snackbars

09:44

Extending the Library

01:33

Using Firebase Database (& Auth) Version 9

15 lectures

What's New in Firebase 9?

04:01

Webpack Setup

08:34

Creating a Firebase Project

04:30

Firestore Setup & Fetching Data

11:18

Adding & Deleting Documents

09:18

Real Time Collection Data

05:53

Firestore Queries

03:57

Timestamps & Ordering Data

06:37

Fetching Single Documents

04:46

Updating Documents

03:49

Firebase Auth Setup

02:22

Signing Users Up

05:19

Logging In & Logging Out

06:27

Listening to Auth Changes

03:10

Unsubscribing from Changes

04:41

Next Steps

1 lectures

Bonus Lecture: Next Steps

02:26

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

[NEW] Full-Stack Java Development with Spring Boot 3 & React

[NEW] Full-Stack Java Development with Spring Boot 3 & React

Laravel 10 Build Complete Learning Management System LMS A-Z

Laravel 10 Build Complete Learning Management System LMS A-Z

Practical AutoLISP Programming - Beginner to Advanced

Practical AutoLISP Programming - Beginner to Advanced

Learn to build an e-commerce store with .Net, React & Redux

Learn to build an e-commerce store with .Net, React & Redux

RESTful Web API - The Complete Guide (.NET7 API) Part 2

RESTful Web API - The Complete Guide (.NET7 API) Part 2

RESTful Web API - The Complete Guide (.NET7 API) Part 1

RESTful Web API - The Complete Guide (.NET7 API) Part 1

Clean Code

NestJS Zero to Hero - Modern TypeScript Back-end Development

NestJS Zero to Hero - Modern TypeScript Back-end Development

Working with Vue 3 and Go (Golang)

Working with Vue 3 and Go (Golang)

Apache Kafka Series - Kafka Connect Hands-on Learning

Apache Kafka Series - Kafka Connect Hands-on Learning

JDBC Servlets and JSP - Java Web Development Fundamentals

JDBC Servlets and JSP - Java Web Development Fundamentals

Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

The Complete Introduction to OpenFOAM

The Complete Introduction to OpenFOAM

Software Architecture & Design of Modern Large Scale Systems

Software Architecture & Design of Modern Large Scale Systems

C++ Cơ bản dành cho người mới học lập trình

C++ Cơ bản dành cho người mới học lập trình

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi