Typescript : The beginner guide (2023 edition)

Focused View

Robin Lebhar

5:43:32

113 View

1. Introduction

1. Introduction.mp4

06:26

2.1 Git branch.html

2.2 index.html.html

2. Setup and compile Typescript.mp4

09:52

2. Core concepts

1.1 Git branch.html

1. Primitives.mp4

06:15

2.1 Git branch.html

2. Functions, default and optionals parameters.mp4

07:30

3.1 Git branch.html

3. Objects.mp4

05:06

4.1 Git branch.html

4. Arrays.mp4

07:12

5. Object Oriented programming a super quick refresher.mp4

07:59

6.1 Git branch.html

6. Interfaces Create your own types.mp4

06:10

7.1 Git branch.html

7. Classes.mp4

04:35

8.1 Git branch.html

8. Private ,Public and Static.mp4

05:05

9.1 Git branch.html

9. Tuples.mp4

02:13

3. Mini project - Bank accounts

1.1 Git branch.html

1. Execute Typescript in a Node environement.mp4

03:08

2. Calm down Nodemon.html

3.1 bank specification.zip

3.2 bank story.zip

3. Exercise Bank Account.mp4

04:45

4.1 Git branch.html

4. Exercise - Part 1 - Casting.mp4

06:04

5.1 Git branch.html

5. Exercise - Part 2 - Interests.mp4

04:57

6.1 Git branch.html

6. Exercise - Part 3 - Favorite accounts.mp4

06:49

7.1 Git branch.html

7. Exercise - Part 4 - Writing a story.mp4

03:36

4. More core concepts

1.1 Git branch.html

1. Enums.mp4

05:50

2.1 Git branch.html

2. Unions.mp4

07:57

3.1 Git branch.html

3. Is operator to narrow types.mp4

04:53

4.1 Git branch.html

4. Types and Heritage.mp4

07:41

5.1 Git branch.html

5. Get and Set accessors.mp4

05:48

6.1 Git branch.html

6. Protected access modifier.mp4

03:17

7.1 Git branch.html

7. Implements.mp4

03:46

8.1 Git branch.html

8. Abstract.mp4

06:52

9.1 Git branch.html

9. Generics.mp4

07:01

10.1 Git branch.html

10. Generic classes.mp4

06:41

5. Exercise Wizard and Spells

1.1 Wizard Specifications.pdf

1.2 Wizard story.pdf

1. Introduction.mp4

05:29

2.1 Git branch.html

2. Spell classes.mp4

06:14

3.1 Git branch.html

3. Wizard class.mp4

06:45

4.1 Git branch.html

4. Story.mp4

04:01

5.1 Git branch.html

5. Conditional typing.mp4

04:40

6. Decorators

1.1 Git branch.html

1. Class decorators.mp4

05:21

2. Method decorators.mp4

08:32

7. A real React + Typescript project

1. App presentation.mp4

02:13

2.1 Git branch.html

2. Set up a React Typescript project with Vite.mp4

05:07

3. The trivia API explained.mp4

04:16

4.1 Git branch.html

4. Setup Chakra UI to quickly layout the app.mp4

03:02

5.1 bubble.zip

5.2 Git branch.html

5.3 logo.zip

5. Layout.mp4

10:25

6.1 Git branch.html

6.2 Slider doc.html

6. Slider.mp4

13:30

7.1 Git branch.html

7. Save qty and go to next step.mp4

09:42

8.1 Git branch.html

8. Fetching the categories.mp4

07:47

9.1 Git branch.html

9. Displaying categories.mp4

09:20

10.1 Git branch.html

10. Handle mixed categories.mp4

03:16

11.1 Git branch.html

11. Set quiz difficulty.mp4

07:57

12.1 Git branch.html

12. Loading quiz questions.mp4

11:25

13.1 Git branch.html

13. Displaying questions and answers.mp4

08:53

14.1 Git branch.html

14.2 Lottie file.html

14.3 Lottie React.html

14. Lottie animations.mp4

10:03

15.1 Git branch.html

15. Shuffling questions and coloring answers.mp4

05:33

16.1 Git branch.html

16. Progress bar.mp4

05:16

17.1 Chakra Circular Progress.html

17.2 Git branch.html

17. Timer.mp4

12:27

18. Score.mp4

11:51

19.1 Chakra Spinner.html

19.2 Git branch.html

19. Fixing the categories loading.mp4

02:59

Description

Supercharge your Javascript projects with TypeScript and learn how to build a React + Typescript web project !

What You'll Learn?

Use the TypeScript language to make your JavaScript typed, robust, and consistent.
Setup Typescript in a new or an existing project
Types and how to use them
Classes
Namespaces
Interfaces
Genericity
Decorators
Typescript in a vanilla HTML/CSS/JS project
Typescript in a React project

Who is this for?

Any Javascript developer ( jquery dev, Angular Dev, React Dev, Vue Dev, Svelte dev...)

What You Need to Know?

Basic HTML/CSS/Javascript knowledges

More details

Description
TypeScript was developed by Microsoft and has become a reference in the JavaScript community.

TypeScript is the language or rather the layer that can be added to a JavaScript project (such as React, Angular, Vue, Node.JS, Electron, and many other great technologies).

It gives you access to everything that JavaScript can do, so you don't lose anything and you can do a lot more!

Any respectable JavaScript project, regardless of the framework or library used, utilizes TypeScript.
This is even more true, especially in the professional world.
In this course learn why TypeScript is very powerful when added to JavaScript, what it enables, and how to use it.

You'll also learn how to use it in a React project !

The program includes:

The Typescript language :

Primitives types and how to use them
How the TypeScript compiler works
Classes with TypeScript
Functions, default and optionals parameters
Objects
Arrays
Object oriented programming
Namespaces and modules
Interfaces
Enumerations
Access modifier
Types
Type casting
Generics
Decorators
+ Â A full React +Â Typescript projectÂ :
Create a Vite +Â React +Â Typescript project
Build a full React +Â TS web app !

This course will explore the basics as well as more complex and advanced aspects of TypeScript in a casual and progressive manner!

Learning TypeScript is a way to enhance your skills, gain essential knowledge in the web and mobile world, and truly be an asset in the professional sphere.
Who this course is for:
Any Javascript developer ( jquery dev, Angular Dev, React Dev, Vue Dev, Svelte dev...)

User Reviews

Rating

average 0

Total votes0

Focused display

ENGLISH My name is Robin, I am a French engineer. Most specifically I am FullStack lead developper.I had the chance to work as web architect and lead developer in small and larger companies, in France, Canada and US.I am fond of modern web technologies and I really want to demistify the development. I want people to understand that , you don't need to be a code genius to be a great developer. You just need patience and motivation.I had 7 courses on Udemy France, and I was best seller thanks to my React and Redux course.My method is to move step by step with you, provide simple explanations, schemas and corrections.I try to talk with you in a casual way, like I would with a friend and not with a student.My courses are for all audiences, doesn't matter that you are a super beginner or a super experienced developer ;)--------------------------------------------------FRANCAISJe m'appel Robin, Je suis Ingénieur et plus spécifiquement je suis Lead developpeur full stack. Depuis bientôt 10 ans.J'ai eu la chance de travailler en tant qu'architecte et lead developpeur dans entreprises de toutes tailles, en France, au Canada et aux Etats-Unis.Je suis passionné par les nouvelles techno web et mobiles et je veux vraiment démistifier le developpement en général. Je veux que les gens comprenent qu'il n'y a pas besoin d'être un génie du code ou des maths pour être un super developpeur. Il faut juste de la patience et de la motivation.J'ai pour méthode d'avancer pas à pas et je m'éfforce de fournir des explications simples, d'aller à l'essentiel et de fournir des schémas et des corrections pour accompagner mes explications.Je te parlerai comme on parle a un ami et non pas comme un prof parlerai à un étudiant.Mes cours sont pour tous le monde qu'importe que tu sois un developpeur super experimenté ou grand débutant :)

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.