Typescript and Angular Crash Course – Joe Santos Garcia

Hi my name is Joe Santos Garcia a web developer based out of NYC. I’ve worked on projects for major companies. I have a successful youtube channel with over 50,000 subscribers who love my tutorials and over 50,000 students world wide in multiple platforms. My goal is to get all my students and subscribers to level of being hired as a developer.

Course Curriculum

First Section
StartOverview Of Typescript Course (3:04)
StartRequirements (2:42)
StartSetting up for typescript (7:28)
Typescript Crash Course
StartUsing TSLint (8:55)
StartDeclare Variables (4:39)
StartDeclaring Types (12:13)
StartArrow Function (6:06)
StartWhere’s all the other features? (4:43)
StartInterfaces (9:43)
StartClasses and objects (9:33)
StartCreating Methods (10:46)
StartPublic Private and Protected (14:41)
StartDeclare properties from constructor (4:19)
StartGetters and Setters (5:33)
StartImplement Interface To A Class (5:37)
StartClass Inheritance (19:41)
StartModules (11:06)
Angular 8+ Basics
StartWhat is Angular plus installation (3:02)
StartOur First Angular App (9:41)
StartComponents are everywhere (9:28)
StartOur First Angular Component (13:15)
StartGenerate a component (7:19)
StartTemplate Interporlation (6:40)
StartServices and Dependencies Injections (9:46)
StartUsing Directives (8:32)
StartGenerate a service (4:42)
StartAngular Cheat Sheet
Directives and Bindings
StartngIF (7:24)
StartngSwitch (6:37)
StartGoing Over nForOf (7:41)
StartngClass (9:08)
StartngStyle (4:09)
StartProperty Binding (3:03)
StartClass Binding (1:40)
StartStyle Binding (3:15)
StartEvent Binding (10:20)
StartTwo Way Data Binding (5:15)
Project 1 Tabs Component
StartOverview and Generate Component (2:38)
StartCreate HTML & CSS for component (19:08)
StartSelect Tab Logic (6:41)
StartShow selected Tab Content (6:21)
StartFinal touches project 1 (3:50)
Reusable Components
StartPass Data from parent to child (13:31)
StartPassing Down Methods From Parent to Child (5:23)
Startusing ng-content (5:42)
Startusing ng-container (3:55)
StartHow your styles are scoped (6:45)
StartUsing Output Decorator To Pass Down Methods (11:56)
Router
StartHow does a router work (2:15)
StartAdding bootstrap to our app (8:30)
Startsetting up our routes (10:38)
StartOrganize our app with a template layout (8:08)
StartLinking with routerLink (6:14)
StartGetting Params from routes (11:41)
StartGetting Query Params (3:22)
StartNavigate Router (9:15)
Project 2 – Movie App
StartSetting Up Our Movie App (3:42)
StartMake sure you are using bootstrap (2:45)
StartNew Build structore for our application (5:48)
StartSetting up basic routing (8:25)
StartOrganize the App even more (11:05)
StartHomepage HTML CSS (34:29)
StartCreate a Service for Movie Data (10:56)
StartMovie Page HTML and CSS (23:19)
StartLogic for the movie page (23:12)
StartSchedule page html and css part 1 (36:27)
Startschedule html n css part 2 (31:08)
StartNavigate to schedule page (7:42)
Startchoose time of movie (8:44)
StartChoose amount of tickets (8:25)
StartReserving Seats (19:37)
Startreserving seats part 2 (28:41)
StartNavigate to the checkout page (14:58)
StartFinal Video Thank you Page (31:55)
StartComplete Files