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

Focused View

Lucas Barake

11:13:21

37 View

1. Introduction

1. Introduction.mp4

01:25

2. What does this course include.mp4

02:49

3. What is JavaScript.html

4. What is TypeScript.html

5.1 Node.js.html

5. Installing Node.js.mp4

02:36

6.1 VSCode Configuration JSON File.html

6.2 VSCode Download.html

6. Installing Visual Studio Code (VSCode) And Setting up the Dev Evnironment.mp4

03:33

2. Lexical Structure

1. What is the lexical structure.mp4

04:28

2. Defining Variables.mp4

09:13

3. Naming Conventions And Best Practices.mp4

04:12

4. Primitive Types and Unions in TypeScript.mp4

15:17

5. Challenge Primitive Types and Unions.mp4

04:10

6. Arithmetic Operators, Unary Operators, and NaN.mp4

08:44

7. Coercing to a Number.mp4

03:41

8. Infinity.mp4

01:30

9. Compound Assignment Operators.mp4

02:06

10. Wrap-up Challenge.mp4

03:44

3. Control Statements

1. If Statements and Conditional Operators.mp4

09:07

2. Challenge If Statements and Conditional Operators.mp4

04:18

3. Truthy and Falsy Values.mp4

04:51

4. Logical Operators And And (AND) and (OR).mp4

05:05

5. Challenge Logical Operators.mp4

02:46

6. Compiling TypeScript to JavaScript.mp4

07:09

7. While Loop.mp4

06:09

8. Do While Loop.mp4

02:02

9. Challenge While Loop.mp4

03:46

10. Switch Statement.mp4

03:37

11. Challenge Switch Statement.mp4

05:04

12. For Loop.mp4

03:14

13. Challenge For Loop.mp4

03:12

14. Ternary Operator.mp4

03:51

15. Challenge Fizz Buzz.mp4

06:03

16. Block Scoping and Hoisting.mp4

04:05

4. Functions and Types

1. Introduction to Functions.mp4

07:28

2. Guard Clauses.mp4

08:13

3. Challenge Functions.mp4

03:43

4. Parameters Passed by Value.mp4

04:50

5. Anonymous Functions.mp4

02:58

6. Arrow Functions.mp4

02:44

7. Typing Functions in Variables.mp4

02:33

8. Challenge Types of Functions.mp4

04:04

9. Functions Returning Functions And Type Aliases.mp4

10:23

10. Challenge Functions Returning Functions And Type Aliases.mp4

02:58

11. Immediately Invoked Function Expression (IIFE).mp4

04:15

12. Functions as Function Arguments (Callbacks).mp4

03:28

5. Objects

1. Introduction to Objects.mp4

10:26

2. Adding, Removing, and Modifying Properties.mp4

06:29

3. Objects Challenge And Passing By Reference.mp4

07:19

4. Destructuring Assignment of Objects.mp4

07:19

5. Optional Chaining (.) And Nullish Coalescing Operator ().mp4

08:27

6. Non-Null Assertion Operator.mp4

01:57

7. Readonly Objects.mp4

03:28

6. Arrays

1. Introduction to Arrays.mp4

06:56

2. Basic Properties and Methods of Arrays.mp4

04:17

3. Challenge Shopping Cart.mp4

04:02

4. Nesting Arrays.mp4

02:28

5. Tuples with TypeScript And Destructuring Assignment.mp4

07:46

6. Rest and Spread Operators.mp4

09:39

7. Iterating over Arrays Imperatively w forof.mp4

05:04

8. Challenge Removing Items from Shopping Cart.mp4

05:09

9. .forEach() Method with Challenge.mp4

04:49

10. .map() Method with Challenge.mp4

08:13

11. .find() Method with Challenge.mp4

03:28

12. .filter() Method with Challenge.mp4

03:38

13. .every() And .some() Methods with Challenge.mp4

04:07

14. .reduce() Method with Challenge.mp4

08:36

15.1 Guide.html

15. Guide When to Use Each Method.mp4

02:11

16. Making Objects Iterable.mp4

03:43

7. Collections (Maps And Sets) and OOP (Object-Oriented Programming)

1. Introduction to OOP.mp4

06:58

2. Inheritance.mp4

08:31

3.1 Challenge.html

3. Challenge Classes.mp4

09:05

4. Polymorphism.mp4

02:57

5. Interface (TypeScript).mp4

05:15

6. Access Modifiers (public, protected And private).mp4

03:17

7. Encapsulation.mp4

04:47

8. Introduction to Generics.mp4

08:53

9. Type Assertion (as type).mp4

03:25

10. Challenge Trim Strings.mp4

09:40

11. Generics with Classes, Optional Function Arguments, and Setters & Getters.mp4

06:07

12. Sets + Challenge.mp4

08:26

13. Maps + Challenge.mp4

11:26

8. Advanced Techniques in TypeScript

1. Generic Constraints with extends.mp4

03:36

2. Indexed Access.mp4

05:12

3. Keyof Operator.mp4

05:34

4. Challenge Keyof Operator.mp4

01:45

5. Intersections ( And).mp4

05:41

6. Challenge Intersections.mp4

01:21

7. Utility Types.mp4

06:33

8. Mapped Types And Modifiers.mp4

06:58

9. Challenge Recreate the Utility Types.mp4

04:08

10. Const Assertion And Satisfies Operator.mp4

06:07

9. DOM Manipulation Mini Project And Introduction to Vite

1.1 HTML File.html

1. Initializing the Project.mp4

04:36

2. Fundamentals of the DOM.mp4

06:22

3. Querying DOM Elements.mp4

05:23

4. Get List of Elements using querySelectorAll.mp4

04:26

5. Event Listeners and onEvent.mp4

05:11

6. Challenge Implement the Logic.mp4

05:02

7. Manipulating DOM Elements.mp4

03:06

8. Import JavaScript Files.mp4

02:33

9. Introduction to Vite.js.mp4

10:28

10. Migrating the Project from JavaScript to TypeScript.mp4

06:07

11. Client-Side Rendering (CSR).mp4

08:06

12. Import And Export (ES Modules).mp4

09:49

10. Project Todo List

1.1 HTML.html

1. General View of the Project And Challenge.mp4

05:08

2. Scaffolding the Project.mp4

05:57

3. Create Todo Form.mp4

06:05

4. Rendering the Todos.mp4

05:37

5. Marking Todos as Complete And Deleting Todos.mp4

04:34

6.1 GitHub Repository.html

6. Project Repository.html

11. Project Where in the World

1. Project Overview.mp4

03:25

2. What is an API.mp4

04:13

3. What is JSON ( And unknown in TypeScript).mp4

08:21

4. Overview of the Countries API.mp4

03:01

5. Initializing the Project.mp4

07:43

6. XML HTTP Request.mp4

09:17

7. Creating Promises.mp4

09:12

8. Challenge Manage the Fetch States.mp4

03:57

9. Defining API Response Types.mp4

05:56

10. Challenge Render the Countries.mp4

06:43

11. Asynchronous Programming with AsyncAwait ( And TryCatch Blocks).mp4

09:46

12. fetch() Function.mp4

07:54

13. Challenge Learn More Button.mp4

10:14

14. Challenge Borders Logic.mp4

04:55

15. Challenge Reducing API Calls (Local vs Session Storage).mp4

05:52

16. Implementing Local Storage.mp4

05:54

17. Refactoring API Calls to Local Storage.mp4

03:51

18.1 GitHub Repository.html

18. Project Repository.html

12. Bonus

1.1 YouTube Channel.html

1. Bonus Lecture.html

Description

Fundamentals of Web Development with JavaScript and TypeScript

What You'll Learn?

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.

Who is this for?

This course is designed for aspiring web developers or anyone who wants to learn the fundamentals of JavaScript and TypeScript. It is suitable for beginners with little or no programming experience, as well as experienced developers who want to learn these popular programming languages. Whether you are new to web development or looking to improve your skills and knowledge, this course will provide you with the tools and techniques you need to create modern web applications. If you are passionate about programming and want to learn how to create interactive and responsive web applications, this course is for you.

What You Need to Know?

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.

More details

Description
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.
Who this course is for:
This course is designed for aspiring web developers or anyone who wants to learn the fundamentals of JavaScript and TypeScript. It is suitable for beginners with little or no programming experience, as well as experienced developers who want to learn these popular programming languages. Whether you are new to web development or looking to improve your skills and knowledge, this course will provide you with the tools and techniques you need to create modern web applications. If you are passionate about programming and want to learn how to create interactive and responsive web applications, this course is for you.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

TypeScript

Lucas Barake

Instructor's Courses

I am a passionate software developer with a strong background in web development. I have a deep understanding of programming languages such as JavaScript and TypeScript, and I have a track record of building modern, interactive, and responsive web applications. I am always seeking to learn and improve my skills, and I enjoy sharing my knowledge and experience with others through teaching and mentorship. In my free time, I enjoy staying up to date with the latest developments in the tech industry and exploring new technologies and frameworks.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.