Trang chủ

Programming Languages

JavaScript

JavaScript and TypeScript: The Complete Guide (Vite & Node)

JavaScript and TypeScript: The Complete Guide (Vite & Node)

Loại khoá học: Programming Languages

Fundamentals of Web Development with JavaScript and TypeScript

50.000 VND

25 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ả

Welcome to JavaScript and TypeScript: The Complete Guide (Vite & Node.js)! In this course, you will learn the fundamental concepts of both JavaScript and TypeScript, two of the most popular programming languages for web development. You will start from the beginning and progress to build interactive and responsive web applications.

TypeScript is a powerful superset of JavaScript that adds strong typing and object-oriented features to the language. It allows you to write cleaner, more maintainable, and more efficient code and is quickly becoming the preferred choice for professional developers. In this course, you will learn how to leverage these features to write better code and build more robust web applications.

Throughout the course, you will learn how to use JavaScript and TypeScript to create modern web applications (both front-end and back-end) and gain practical experience through exercises and projects. You will also learn how to debug and troubleshoot code and master best practices and design patterns for web development.

Whether you are new to programming or an experienced developer looking to enhance your skills, this course is designed to help you master JavaScript and TypeScript and build web applications like a professional. By the end of the course, you will have a solid foundation in these languages, front-end (Vite.js), and back-end (Node.js), and be well on your way to becoming a competent web developer.

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

Learn TypeScript without knowing TypeScript

Learn how to use JavaScript and TypeScript to create front-end and back-end applications with Node and Vite.

Become an expert in writing clean, maintainable and efficient code with JavaScript and TypeScript.

Gain hands-on experience in creating web applications through projects and practical exercises.

Learn Node js.

Learn TypeScript.

Learn JavaScript.

Learn Zod.

Learn Express js.

Learn Asynchronous Programming (Promises & Async/Await).

Learn about the Event Loop.

Yêu cầu

To get the most out of this course, it is recommended that you have a basic understanding of pseudocode and algorithms, as well as some familiarity with HTML and CSS. This will help you understand the concepts and techniques taught in the course and apply them to real-world web development projects.

Nội dung khoá học

14 sections

Introduction

6 lectures

Introduction

01:25

What does this course include?

02:49

What is JavaScript?

00:35

What is TypeScript?

02:01

Installing Node.js

02:36

Installing Visual Studio Code (VSCode) & Setting up the Dev Evnironment

03:33

Lexical Structure

10 lectures

What is the lexical structure?

04:28

Defining Variables

09:13

Naming Conventions & Best Practices

04:12

Primitive Types and Unions in TypeScript

15:17

Challenge: Primitive Types and Unions

04:10

Arithmetic Operators, Unary Operators, and NaN

08:44

Coercing to a Number

03:41

Infinity

01:30

Compound Assignment Operators

02:06

Wrap-up Challenge

03:44

Control Statements

16 lectures

If Statements and Conditional Operators

09:07

Challenge: If Statements and Conditional Operators

04:18

Truthy and Falsy Values

04:51

Logical Operators && (AND) and || (OR)

05:05

Challenge: Logical Operators

02:46

Compiling TypeScript to JavaScript

07:09

While Loop

06:09

Do While Loop

02:02

Challenge: While Loop

03:46

Switch Statement

03:37

Challenge: Switch Statement

05:04

For Loop

03:14

Challenge: For Loop

03:12

Ternary Operator

03:51

Challenge: Fizz Buzz

06:03

Block Scoping and Hoisting

04:05

Functions and Types

12 lectures

Introduction to Functions

07:28

Guard Clauses

08:13

Challenge: Functions

03:43

Parameters Passed by Value

04:50

Anonymous Functions

02:58

Arrow Functions

02:44

Typing Functions in Variables

02:33

Challenge: Types of Functions

04:04

Functions Returning Functions & Type Aliases

10:23

Challenge: Functions Returning Functions & Type Aliases

02:58

Immediately Invoked Function Expression (IIFE)

04:15

Functions as Function Arguments (Callbacks)

03:28

Objects

7 lectures

Introduction to Objects

10:26

Adding, Removing, and Modifying Properties

06:29

Objects Challenge & Passing By Reference

07:19

Destructuring Assignment of Objects

07:19

Optional Chaining (?.) & Nullish Coalescing Operator (??)

08:27

Non-Null Assertion Operator

01:57

Readonly Objects

03:28

Arrays

16 lectures

Introduction to Arrays

06:56

Basic Properties and Methods of Arrays

04:17

Challenge: Shopping Cart

04:02

Nesting Arrays

02:28

Tuples with TypeScript & Destructuring Assignment

07:46

Rest and Spread Operators

09:39

Iterating over Arrays Imperatively w/ for...of

05:04

Challenge: Removing Items from Shopping Cart

05:09

.forEach() Method with Challenge

04:49

.map() Method with Challenge

08:13

.find() Method with Challenge

03:28

.filter() Method with Challenge

03:38

.every() & .some() Methods with Challenge

04:07

.reduce() Method with Challenge

08:36

Guide: When to Use Each Method

02:11

Making Objects Iterable

03:43

Collections (Maps & Sets) and OOP (Object-Oriented Programming)

13 lectures

Introduction to OOP

06:58

Inheritance

08:31

Challenge: Classes

09:05

Polymorphism

02:57

Interface (TypeScript)

05:15

Access Modifiers (public, protected & private)

03:17

Encapsulation

04:47

Introduction to Generics

08:53

Type Assertion (as type)

03:25

Challenge: Trim Strings

09:40

Generics with Classes, Optional Function Arguments, and Setters & Getters

06:07

Sets + Challenge

08:26

Maps + Challenge

11:26

Advanced Techniques in TypeScript

10 lectures

Generic Constraints with extends

03:36

Indexed Access

05:12

Keyof Operator

05:34

Challenge: Keyof Operator

01:45

Intersections (&)

05:41

Challenge: Intersections

01:21

Utility Types

06:33

Mapped Types & Modifiers

06:58

Challenge: Recreate the Utility Types

04:08

Const Assertion & Satisfies Operator

06:07

DOM Manipulation: Mini Project & Introduction to Vite

12 lectures

Initializing the Project

04:36

Fundamentals of the DOM

06:22

Querying DOM Elements

05:23

Get List of Elements using querySelectorAll

04:26

Event Listeners and onEvent

05:11

Challenge: Implement the Logic

05:02

Manipulating DOM Elements

03:06

Import JavaScript Files

02:33

Introduction to Vite.js

10:28

Migrating the Project from JavaScript to TypeScript

06:07

Client-Side Rendering (CSR)

08:06

Import & Export (ES Modules)

09:49

Project: Todo List

6 lectures

General View of the Project & Challenge

05:08

Scaffolding the Project

05:57

Create Todo Form

06:05

Rendering the Todos

05:37

Marking Todos as Complete & Deleting Todos

04:34

Project Repository

00:04

Project: Where in the World

19 lectures

Project Overview

03:25

What is an API?

04:13

What is JSON? (& unknown in TypeScript)

08:21

Overview of the Countries API

03:01

Initializing the Project

07:43

XML HTTP Request

09:17

Creating Promises

09:12

Challenge: Manage the Fetch States

03:57

Defining API Response Types

05:56

Challenge: Render the Countries

06:43

Asynchronous Programming with Async/Await (& Try/Catch Blocks)

09:46

fetch() Function

07:54

Challenge: Learn More Button

10:14

Challenge: Borders Logic

04:55

Challenge: Reducing API Calls (Local vs Session Storage)

05:52

Implementing Local Storage

05:54

Refactoring API Calls to Local Storage

03:51

Project Repository

00:04

Event Loop & Asynchronous Programming

18:47

Introduction to the Back-end and Express.js

10 lectures

Scaffolding an Express.js Project

18:21

GET Requests

13:13

HTTP Methods & Codes

06:58

Introduction to Zod

18:31

Middlewares

14:32

Route Parameters

10:18

Checking Out the Official Express Documentation

03:55

Query Parameters

08:51

Generating Unique Identifiers (CUID2 & UUID)

07:12

Routers & Project Structure

17:13

Full-stack Application

12 lectures

Monorepos with Turborepo and PNPM Workspaces

19:54

Configuring Prettier & ESLint in Monorepos

06:45

Calling the Server in the Client & CORS

09:03

Challenge: Fullstack Todo Application

03:37

Reading & Writing Files with Node.js

17:46

Refactoring for Better Error Handling

10:12

Introduction to Testing with Vitest

13:45

Challenge Solution: Implementing the Remaining Tests

05:06

Creating the Error Handler Middleware & Defining the HttpError Exception

07:33

Defining the Routers and Endpoints

12:01

Integrating the Data Access Layer

05:36

GitHub Repository

00:04

Bonus

1 lectures

Bonus Lecture

00:07

Đá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

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 to build an e-commerce store with .Net, React & Redux

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

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Advanced Embedded Systems Bare-Metal Programming Ground Up™

Advanced Embedded Systems Bare-Metal Programming Ground Up™

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Bootstrap - Create 4 Real World Projects

Bootstrap - Create 4 Real World Projects

Build REST APIs with Python, Django REST Framework: Web API

Build REST APIs with Python, Django REST Framework: Web API

Đă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