Practical Typescript

Focused View

John Smilga

13:02:11

230 View

1. Introduction

1. Typescript Info.mp4

02:50

2. Setup

1. Useful Info.mp4

02:06

2. Template.mp4

04:07

3. Files and Folders.mp4

05:56

4. Build Step.mp4

03:56

3. Typescript Fundamentals

1. Type Annotations.mp4

04:41

2. Type Inference.mp4

01:37

3. First Challenge.mp4

03:27

4. Setup Info.mp4

03:02

5. Union Type.mp4

04:15

6. Type Any.mp4

03:24

7. Practical Example.mp4

05:34

8. Challenge - Union Type.mp4

02:00

9. Arrays.mp4

04:48

10. Challenge - Arrays.mp4

02:03

11. Object Fundamentals.mp4

08:07

12. Challenge - Objects.mp4

03:32

13. Functions - Parameters.mp4

04:56

14. Functions - Returns.mp4

04:03

15. Type Any Example.mp4

03:12

16. Challenge - Functions 1.mp4

03:45

17. Functions - Optional Parameters.mp4

02:28

18. Functions - Default Parameters.mp4

02:31

19. Functions - Rest Parameter.mp4

06:05

20. Functions - Void Keyword.mp4

01:46

21. Functions - Type Guards.mp4

04:05

22. Functions - Objects As Parameters.mp4

05:57

23. Excess Property Check.mp4

02:38

24. Challenge - Functions II.mp4

06:03

25. Type Alias.mp4

05:09

26. Type Alias - Additional Info.mp4

02:42

27. Challenge - Type Alias.mp4

07:29

28. Intersection Type.mp4

03:50

29. Computed Properties.mp4

01:29

30. Interface - Fundamentals.mp4

05:05

31. Interface - Methods.mp4

05:32

32. Interface Methods - More Options.mp4

06:49

33. Callenge - Interface I.mp4

03:46

34. Interface - Merge and Extend.mp4

11:03

35. Challenge - Interface II.mp4

07:42

36. Interface - Type Predicate.mp4

05:04

37. Interface vs Type Alias.mp4

02:11

38. Tuple.mp4

05:10

39. Enum - Fundamentals.mp4

04:32

40. Enum - Reverse Mapping.mp4

04:22

41. Challenge - Tuple and Enum.mp4

03:13

42. Type Assertion.mp4

07:56

43. Type - Unknown.mp4

06:16

44. Type - Never.mp4

08:31

45. Modules - Intro.mp4

05:11

46. Modules - ES6.mp4

07:21

47. Modules - JS File.mp4

03:40

48. Type Guards - Typeof.mp4

04:15

49. Type Guards - Equality and in.mp4

03:50

50. Type Guards - Truthy and Falsy.mp4

03:01

51. Type Guards - Instanceof.mp4

05:18

52. Type Guards - Type Predicate.mp4

04:53

53. Type never Gotcha.mp4

02:57

54. Type Guards - Discriminated Unions.mp4

07:35

55. Generics - Intro.mp4

07:59

56. Generics - First Function and Interface.mp4

05:33

57. Generics - Promise Example.mp4

04:15

58. Generics - Create Array.mp4

05:13

59. Generics - Multiple Types.mp4

02:11

60. Generics - Type Constraints.mp4

04:08

61. Generics - Type Constraints Second Example.mp4

03:46

62. Generics - Default Type.mp4

06:15

63. Fetch Data - Basics.mp4

07:04

64. Fetch Data - Setup Type.mp4

03:02

65. Fetch Data - Gotcha.mp4

02:02

66. Zod Library.mp4

08:17

67. Declaration Files.mp4

08:51

68. TS Config.mp4

03:21

69. Classes - Intro.mp4

02:56

70. Classes - Default Property.mp4

02:25

71. Classes - Readonly Modifier.mp4

00:54

72. Classes - Public and Private Modifiers.mp4

04:38

73. Classes - Constructor Shortcut.mp4

03:16

74. Classes - Getters and Setters.mp4

05:13

75. Classes - Implement Interface.mp4

02:47

76. Tasks Project - Setup.mp4

07:37

77. Tasks Project - Useful Info.mp4

10:13

78. Tasks Project - Select Elements.mp4

04:35

79. Tasks Project - Submit Event.mp4

03:22

80. Tasks Project - Event Gotcha.mp4

02:17

81. Tasks Project - Add Task.mp4

02:15

82. Tasks Project - Render Task.mp4

02:40

83. Tasks Project - Local Storage.mp4

05:35

84. Tasks Project - Checkbox.mp4

03:22

4. Typescript and React

1. Setup.mp4

01:58

2. Files and Folders.mp4

06:18

3. Component Return.mp4

04:35

4. Props - Inline.mp4

05:02

5. Props - Type Alias Interface.mp4

01:41

6. Children Prop.mp4

05:55

7. State.mp4

07:13

8. State - Custom List.mp4

04:35

9. Events - Change Event.mp4

06:31

10. Events - Form Event.mp4

09:21

11. Challenge - Intro.mp4

02:58

12. Challenge - First Solution.mp4

07:20

13. Challenge - Alternative Solution.mp4

01:33

14. Challenge - Typescript Solution.mp4

05:14

15. Context API - Basic Example.mp4

11:27

16. Context API - Theme Example.mp4

06:47

17. useReducer - Setup.mp4

05:02

18. useReducer - Counter.mp4

04:36

19. useReducer - Status.mp4

04:40

20. Fetch Data - UseEffect and Fetch API.mp4

08:07

21. Fetch Data - Type and Schema.mp4

06:36

22. Fetch Data - React Query and Axios.mp4

09:20

23. RTK - Slice.mp4

11:08

24. RTK - Setup.mp4

04:58

25. RTK - Complete.mp4

03:50

26. Tasks Project - Setup.mp4

04:06

27. Tasks Project - Form Setup.mp4

04:00

28. Tasks Project - Add Task.mp4

03:15

29. Tasks Project - List.mp4

05:47

30. Tasks Project - Local Storage.mp4

03:28

5. Store App

1. Intro.mp4

02:19

2. InstallSetup.mp4

02:14

3. Boilerplate.mp4

05:25

4. Tailwind Intro.mp4

01:13

5. Tailwind Info.mp4

09:31

6. Tailwind Install.mp4

02:43

7. Shadcnui Install.mp4

07:58

8. Shadcnui Info.mp4

08:46

9. Redux Toolkit - Setup.mp4

08:02

10. Create Pages.mp4

08:29

11. React Router - Setup.mp4

04:34

12. Link Component.mp4

04:58

13. Outlet Component - Shared Layout.mp4

10:19

14. Header Component.mp4

12:00

15. Tailwind Custom Class.mp4

02:38

16. Navbar Component - Setup.mp4

07:43

17. Logo Component.mp4

03:18

18. Links List.mp4

03:56

19. Links Dropdown Component.mp4

09:30

20. NavLinks Component.mp4

03:03

21. Change Theme.mp4

02:42

22. ApplyTheme Function.mp4

05:24

23. Theme Slice.mp4

04:11

24. ModeToggle Component.mp4

04:41

25. CartButton Component.mp4

02:59

26. ErrorPage Component.mp4

09:30

27. About Page Component.mp4

02:40

28. Error Element Component.mp4

05:15

29. Landing Page - Setup.mp4

03:16

30. Custom Fetch Function.mp4

03:45

31. Product Types.mp4

04:28

32. Loader Function.mp4

04:43

33. Landing Page - Loader.mp4

10:39

34. Section Title.mp4

05:06

35. FormatAsDollars Function.mp4

04:27

36. Products Grid Component.mp4

07:50

37. Hero Component.mp4

03:42

38. Hero Carousel.mp4

06:05

6. Bonus

1. Bonus.html

Description

Unleash the Power of TypeScript: Dive into Type Annotations, Generics, React Integration, and Build Modern Apps

What You'll Learn?

Understand TypeScript Basics: Grasp type annotations, inference, union types, and handling "any", "unknown", and "never" types.
Master Advanced Features: Learn generics, data fetching, and Zod library for validation in TypeScript.
Integrate with React: Master TypeScript integration with React, covering component structure, prop handling, and state management.
Build Modern Applications: Develop skills to create store applications with TypeScript, Shadcn/ui, React Router, authentication, and pagination.

Who is this for?

Ideal for developers seeking to master TypeScript, from basics to advanced concepts, and apply it in building modern React applications.

What You Need to Know?

Knowledge of Javascript

More details

Description
Dive into the world of TypeScript with our "Practical TypeScript" course, designed for developers seeking a comprehensive understanding from the basics to advanced concepts. This course begins with setting up a TypeScript project using Vite, guiding you through a series of tutorials that cover essential TypeScript features and best practices.
You'll learn about type annotations, type inference, and the practical applications of type annotation, along with an exploration of union types and the handling of "any", "unknown", and "never" types. The course also covers the fundamentals of arrays and objects, and introduces challenges to reinforce learning. Additionally, you'll delve into the complexities of functions in TypeScript.
As you advance, the course explores more sophisticated TypeScript features, such as generics, fetching data with TypeScript, and working with the Zod library for data validation. You'll also gain insights into TypeScript declaration files and class-based programming with TypeScript. Each tutorial is designed to provide hands-on experience, enabling you to effectively apply TypeScript features in real-world scenarios.
Furthermore, this course extends to integrating TypeScript with React, covering component structure, prop handling, state management, event handling, and complex component structures. You'll learn about using React's Context API, reducers, and global state management in a TypeScript environment, as well as data fetching and validation techniques. The course concludes with a practical task management application, highlighting the use of localStorage and task state management.
Finally, the course culminates in building a modern store application with TypeScript,Â Shadcn/ui, and React Router, incorporating features such as authentication and pagination. Join us in "Practical TypeScript" to elevate your skills and confidently apply TypeScript in your development projects, from basic to advanced levels.
Who this course is for:
Ideal for developers seeking to master TypeScript, from basics to advanced concepts, and apply it in building modern React applications.

User Reviews

Rating

average 0

Total votes0

Focused display

TypeScript

John Smilga

Instructor's Courses

Hello, I am John Smilga and I am a web developer. I live and work in Sarasota, FL. I spend most of my day, experimenting with HTML, CSS and Javascript (and it's endless list of frameworks). I enjoy coding and the challenge of learning something new everyday. You can also find me at youtube channel Coding Addict.

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.