Typescript in Angular - An Easy Start

  Рет қаралды 1,793

Monsterlessons Academy

4 жыл бұрын

When people just start writing Angular applications it's really difficult to write correct and transparent Typescript code but this is super important.
In this video you will learn how to write Angular Typescript to make your code less errors prone. I will also show you how to create Typescript interfaces and cover all your code with typings.
► Advanced Angular course ➡️ monsterlessons-academy.com/courses/angular-and-ngrx-building-real-project-from-scratch?
► Download the FREE PDF Now. Pass Your JS Interview with Confidence! ➡️ monsterlessons-academy.com/newsletter_subscribers/javascript_interview?
► Join Thousands of Learners! Start My Advanced Courses Today ➡️ monsterlessons-academy.com/courses?
► Boost Your Knowledge! Read My Popular Blog Posts Here ➡️ monsterlessons-academy.com/posts?
LOOKING FOR THE VIDEO EDITOR? ➡️ ekaterina.kochergina.business@gmail.com
MOST POPULAR COURSES
► Javascript interview questions ➡️ monsterlessons-academy.com/courses/javascript-interview-questions-coding-interview?
► Typescript interview questions ➡️ monsterlessons-academy.com/courses/typescript-interview-questions-coding-interview?
► React interview questions ➡️ monsterlessons-academy.com/courses/react-interview-questions-coding-interview-course?
► Angular Interview Questions ➡️ monsterlessons-academy.com/courses/angular-interview-questions-coding-interview-2023?
► Angular Testing ➡️ monsterlessons-academy.com/courses/angular-testing-unit-testing-angular-and-e2e-testing?
► React Testing ➡️ monsterlessons-academy.com/courses/react-testing-unit-testing-react-and-e2e-testing?
► Building real project with Angular + NgRx ➡️ monsterlessons-academy.com/courses/angular-and-ngrx-building-real-project-from-scratch?
► Building real NestJS API ➡️ monsterlessons-academy.com/courses/nestjs-building-an-api-for-real-project-from-scratch?
► Building real fullstack project ➡️ monsterlessons-academy.com/courses/build-fullstack-trello-clone-websocket-socket-io?
► RxJS Crash Course ➡️ monsterlessons-academy.com/courses/rxjs-crash-course-reactivex-from-zero-to-hero?
SERVICES THAT I'M USING
Learn new skills anytime with Skillshare. ➡️ skillshare.eqcm.net/c/5473521/1085653/4650
Build your website effortlessly with Squarespace ➡️ squarespace.syuh.net/ba6mmx
Get fast delivery and Prime Video with Amazon ➡️ www.amazon.com/tryprimefree?tag=mla01-20
Get affordable domains from Namecheap ➡️ namecheap.pxf.io/21ojA0n
Protect your privacy with NordVPN today! ➡️ nordvpn.sjv.io/jrKWQZ
Ultahost: Fast, reliable hosting for your website. ➡️ ultahost.sjv.io/VmoyAM
CONNECT WITH ME!
► TWITTER - monster_lessons
► INSTAGRAM - monsterlessonsacademy
► FACEBOOK - monsterlessonsacademy
► LINKEDIN - www.linkedin.com/company/monsterlessons-academy
► TIKTOK - www.tiktok.com/@monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacademy/monsterlessonsacademy/tree/typescript-and-interfaces-in-angular
TIMESTAMPS
0:00 Introduction
0:50 Why do you need Angular type definitions
3:12 Creating Angular typescript interface
4:17 Using Typescript interfaces in Angular
8:04 Any in Typescript
9:25 Using interfaces for Angular input and output decorators
11:30 Call to action
This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

Пікірлер: 10
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 жыл бұрын
WATCH NEXT: Typescript Interview Questions and Answers - Dominate Your Next Interview - kzbin.info/www/bejne/aqHUlqJ-gctsf7csi=2gqvcpDDDDRorNpX
@serhiitachuk
@serhiitachuk 4 жыл бұрын
👍👍We need more lesson about TS with Angular!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 4 жыл бұрын
Sure. Will come in the future!
@isandracruz3447
@isandracruz3447 2 жыл бұрын
Very useful!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 жыл бұрын
Glad you think so!
2 жыл бұрын
thank you for your videos. Probably after I created folder types, my code was broken. And asked several installation, it is neccessery? I do not use buffer, in my code :) For example: TS2591: Cannot find name 'Buffer'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add 'node' to the types field in your tsconfig.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 жыл бұрын
I can't say exactly what causes the problem. By installing @types/something you just add typings from typescript to a specific lib.
2 жыл бұрын
@@MonsterlessonsAcademy thank you, I installed everything what was requested and now it works...
@NGprime
@NGprime Жыл бұрын
need more video and project from your udemy course
@MonsterlessonsAcademy
@MonsterlessonsAcademy Жыл бұрын
You can just take my udemy course :)