ANGULAR desde cero | Curso tutorial completo gratis por Sergie Code
Sergie Code
247,391 views
📺 Next Video: Angular 18 Updates → NOVEDADES ANGULAR 18 | Curso tutorial comp...
The course you’ve all been asking for is finally here! Angular is an open-source framework built with TypeScript, maintained by Google and an active developer community. Designed for efficiently creating dynamic and single-page applications (SPAs), Angular offers a robust component-based structure.
My React course has already surpassed 100K views, and many of you have been asking for an Angular course—so here it is at last!
To follow this course, you should be familiar with HTML, CSS, JavaScript, and TypeScript. You can find complete courses on all four technologies in this channel. Here's the playlist:
CURSOS COMPLETOS DE DESARROLLO WEB GRATIS ...
If you find this course helpful, make sure to subscribe to my channel so you don’t miss out on upcoming tutorials! Soon, I’ll be covering the first steps in popular libraries and frameworks with high demand in the job market. My goal is to help you acquire the necessary knowledge to build your own web applications without spending money on expensive programming courses.
Course Sections
00:00:00 Introduction
00:00:52 Installing Required Programs
00:16:42 Angular CLI
00:27:31 First Angular App
00:46:55 Modules (ngModule)
00:58:48 Components
01:32:51 Data Binding
01:49:04 Component Communication (Input/Output)
02:13:28 Services & Dependencies
02:34:56 Directives
02:42:29 Pipes (Filters)
02:57:11 Routing
03:05:51 Bootstrap
03:15:26 Navigation & Routes
03:21:15 Router & ActivatedRoute
03:30:56 Control Structures (ngIf, ngFor, ngSwitch, ng-container)
03:54:54 Forms
04:37:32 Lifecycle Hooks (ngOnInit, ngOnChanges, ngOnDestroy)
05:00:51 APIs & HTTP Client (Backend/API Connection)
05:55:10 Angular 16 Updates (Signals, Standalone Components)
06:29:12 Angular 17 Updates (New Syntax)
06:51:35 Project: Task List App (Using Angular 16/17)
07:14:08 Project: Landing Page (Using Angular 17)
07:58:00 Conclusion
Important Links for the Course
📺 Angular 18 Updates Video:
NOVEDADES ANGULAR 18 | Curso tutorial comp...
📂 Gist: Required Installations
https://gist.github.com/sergiecode/1e...
📂 Repository: Task List App Styles
https://github.com/sergiecode/base-li...
📂 Final Repository: Completed Task List Project
https://github.com/sergiecode/lista-t...
📂 Final Repository: Completed Landing Page
https://github.com/sergiecode/landing...
📂 Repository: Slides, Presentations & Images
https://github.com/sergiecode/angular...
My Social Media
📸 Instagram: Instagram: sergiecode
🧑🏼💻 LinkedIn: LinkedIn: sergiecode
📽️ YouTube: @sergiecode
😺 GitHub: https://github.com/sergiecode
👤 Facebook: Facebook: sergiecodeok
🎞️ TikTok: TikTok: sergiecode
🕊️ Twitter: Twitter: sergiecode
🧵 Threads: https://www.threads.net/@sergiecode
20 Comments
Agradezco enormemente al creador del curso por su paciencia y dedicación al elaborarlo. Esta atención a los fundamentos y la explicación clara hacen que aprender Angular sea mucho más significativo y comprensible. ¡Totalmente recomendado para cualquiera que quiera dominar este framework!
Súper dinámicos y bien explicados.
Pd: sería muy lindo ver el de Vue js jajaja
Saludos!!
ANGULAR desde cero | Curso tutorial completo gratis por Sergie Code
Sergie Code
247,391 views
📺 Next Video: Angular 18 Updates → NOVEDADES ANGULAR 18 | Curso tutorial comp...
The course you’ve all been asking for is finally here! Angular is an open-source framework built with TypeScript, maintained by Google and an active developer community. Designed for efficiently creating dynamic and single-page applications (SPAs), Angular offers a robust component-based structure.
My React course has already surpassed 100K views, and many of you have been asking for an Angular course—so here it is at last!
To follow this course, you should be familiar with HTML, CSS, JavaScript, and TypeScript. You can find complete courses on all four technologies in this channel. Here's the playlist:
CURSOS COMPLETOS DE DESARROLLO WEB GRATIS ...
If you find this course helpful, make sure to subscribe to my channel so you don’t miss out on upcoming tutorials! Soon, I’ll be covering the first steps in popular libraries and frameworks with high demand in the job market. My goal is to help you acquire the necessary knowledge to build your own web applications without spending money on expensive programming courses.
Course Sections
00:00:00 Introduction
00:00:52 Installing Required Programs
00:16:42 Angular CLI
00:27:31 First Angular App
00:46:55 Modules (ngModule)
00:58:48 Components
01:32:51 Data Binding
01:49:04 Component Communication (Input/Output)
02:13:28 Services & Dependencies
02:34:56 Directives
02:42:29 Pipes (Filters)
02:57:11 Routing
03:05:51 Bootstrap
03:15:26 Navigation & Routes
03:21:15 Router & ActivatedRoute
03:30:56 Control Structures (ngIf, ngFor, ngSwitch, ng-container)
03:54:54 Forms
04:37:32 Lifecycle Hooks (ngOnInit, ngOnChanges, ngOnDestroy)
05:00:51 APIs & HTTP Client (Backend/API Connection)
05:55:10 Angular 16 Updates (Signals, Standalone Components)
06:29:12 Angular 17 Updates (New Syntax)
06:51:35 Project: Task List App (Using Angular 16/17)
07:14:08 Project: Landing Page (Using Angular 17)
07:58:00 Conclusion
Important Links for the Course
📺 Angular 18 Updates Video:
NOVEDADES ANGULAR 18 | Curso tutorial comp...
📂 Gist: Required Installations
https://gist.github.com/sergiecode/1e...
📂 Repository: Task List App Styles
https://github.com/sergiecode/base-li...
📂 Final Repository: Completed Task List Project
https://github.com/sergiecode/lista-t...
📂 Final Repository: Completed Landing Page
https://github.com/sergiecode/landing...
📂 Repository: Slides, Presentations & Images
https://github.com/sergiecode/angular...
My Social Media
📸 Instagram: Instagram: sergiecode
🧑🏼💻 LinkedIn: LinkedIn: sergiecode
📽️ YouTube: @sergiecode
😺 GitHub: https://github.com/sergiecode
👤 Facebook: Facebook: sergiecodeok
🎞️ TikTok: TikTok: sergiecode
🕊️ Twitter: Twitter: sergiecode
🧵 Threads: https://www.threads.net/@sergiecode
Para poder hacer el curso necesitamos usar el ngModule por lo cual podés usar Angular 17 y agregarle --no-standalone a las creaciones de proyectos para que mantenga el módulo, de esta forma:
ng new nombre-de-la-aplicación --no-standalone
El --no-standalone te instalará el app.module.ts y el ngmodule al igual que se usaba en Angular 16 para atrás
Sino podemos usar Angular 16 con NODE 18!
-- Enlaces importantes para el curso --
📺 VIDEO NOVEDADES ANGULAR 18: https://www.youtube.com/watch?v=Qmci2rvN4F8
📂 Gist de Instalaciones necesarias para el curso: https://gist.github.com/sergiecode/1e9e6989c7b6326f8b53155c919805d4
📂Repositorio de Estilos para App Lista Tareas: https://github.com/sergiecode/base-lista-tareas-angular
📂Repositorio final de Lista de Tareas (finalizado): https://github.com/sergiecode/lista-tareas-curso-angular
📂Repositorio final de Landing Page (finalizada): https://github.com/sergiecode/landing-page-angular-17
📂Repositorio con las presentaciones, diapositivas e imagenes: https://github.com/sergiecode/angular-diapositivas