Angular: De cero a experto from Udemy

Angular de cero a experto: (Angular 17+)

Angular es un framework para desarrollo de aplicaciones de todo tipo, por defecto genera aplicaciones web muy poderosas y robustas, y si se mezcla con otras tecnologías, puedes hacer aplicaciones móviles y de escritorio también con el mismo código.

Sobre Angular 17+

Se añadió contenido y secciones sobre Angular 17 y la nueva sintaxis, para que puedan aprovechar al máximo los últimos cambios del framework.

Este curso te ayudará a aprender Angular (la última versión) a profundidad mediante ejercicios y tareas que tú mismo harás. Partiendo de cero conocimiento de TypeScript hasta crear un sistema robusto de autenticación, uso de mapas, consumo de servicios y mucho más. Puntualmente tocamos estos temas:

Bases de TypeScript y ESCMAScript
Hola Mundo en Angular
Componentes
Directivas
Servicios
Módulos
Todos los pipes de Angular
Rutas
Rutas Hijas
Carga perezosa o Lazyload de módulos
Guards
Protección de rutas
Autenticación mediante JsonWebTokens
Mapas
Uso de librerías de terceros escritas en Angular
Uso de librerías NO escritas para Angular
Consumo de APIs
CRUD
SPA
Git
GitHub
Despliegues a producción
MongoDB
Node
Re-utilización de componentes, directivas, servicios..
Comunicación entre componentes y módulos
Uso de extensiones reactivas
PrimeNG
Material Design
Bootstrap
Tailwind
Defer
Triggers
Signals
1. Writable Signals
2. Computed Signals
Efectos
Standalone components
Y mucho más...

Este es un curso robusto y fuerte, que contiene todo lo que necesitarás para trabajar en Angular y poder desenvolverte como deseas en el Framework, eso incluye poder leer la documentación, errores y optimizaciones de código para mejorar la forma de escribir nuestras aplicaciones.

AI finalizar el curso, podrás crear tus propias aplicaciones usando Angular y poder comprender código de otros desarrolladores porque seguimos estándares recomendados por el framework, sin contar que también hay información extra dentro del mismo para seguir el camino una vez terminado el curso.

What's inside

Learning objectives

Angular profundamente
Desarrollar tus propias aplicaciones usando angular
Seguir estándares y buenas prácticas framework

Aprender angular basado en typescript
Usar librerías de terceros
Aprender otros temas relacionados en desarrollo de aplicaciones con angular

Angular profundamente
Desarrollar tus propias aplicaciones usando angular
Seguir estándares y buenas prácticas framework
Aprender angular basado en typescript
Usar librerías de terceros
Aprender otros temas relacionados en desarrollo de aplicaciones con angular

Syllabus

Introducción al curso

Introducción

¿Cómo funciona el curso?

¿Cómo hacer preguntas?

Instalaciones necesarias y recomendadas

Hoja de atajos - Recomendaciones

Nota de Actualización - ¡Importante!

Nueva sintaxis en Angular

¡Únete a Nuestra Comunidad de DevTalles en Discord!

Conceptos generales para empezar con Angular y TypeScript

Introducción a la sección

¿Qué es TypeScript? y ¿Por qué Angular usa TypeScript?

10 Mitos y realidades de Angular

Bases de TypeScript - Recomendado

Temas puntuales de la sección

Inicio de proyecto - TypeScript

Tipos básicos y conceptos generales

Objetos, arreglos e interfaces

Funciones básicas

Funciones con objetos como argumentos

Tarea sobre objetos e interfaces

Desestructuración de Objetos

Desestructuración de Arreglos

Desestructuración de argumentos

Resolución de la tarea - Desestructuración

Importaciones y exportaciones

Clases básicas

Constructor de una clase

Extender una clase

Priorizar composición sobre herencia

Genéricos

Decoradores

Encadenamiento opcional

Código fuente de la sección

Angular

Exposición sobre Angular

Nuestro primer proyecto en Angular

Explicación de cada archivo del proyecto

Explicación de cada archivo - Parte 2

App Component

Contador

Contador Component

Funcionalidad del contador

Componente Hero y directorios

Interpolación, estructura HTML y estilos

One way data binding - enlazado en una sola vía

Tarea - Cambiar nombre y edad

Directiva *ngIf

Directiva *ngFor

Ng-template y el ngIf-else

Módulos en Angular

Tarea sobre módulos

Bonus: Hacer respaldo de nuestro proyecto en GitHub

Expandir Bases de Angular

Continuación del proyecto

Módulo DBZ (Dragon Ball Z)

Resolución de la tarea - DBZ Module

Diseño de la pantalla a trabajar

Pensemos en componentes pequeños

Resolución de la tarea - AddCharacter

@Input() - Recibir del padre

Expandiendo el *ngFor

ngClass - Clases basado en condiciones

FormsModule y ngModel

@Output() - Emitir eventos al padre

Formas de depurar la app

Añadir personaje al listado

Solución de la tarea - Flujo completo

Servicios

Paquetes externos - UUID

Resolución de la tarea

Servicio Privado

Despliegues a producción

Generar build de producción

HttpServer Local y Netlify

GitHub Pages

Package.json Scripts

GifsApp

Demostración de la sección

Nota de actualización

Inicio de proyecto - GifsApp

Diseño y estructura inicial del proyecto

Diseño de Gifs Components

Resolución de la tarea - CardList

@ViewChild - Referencia al HTML

GifsService

Validaciones al servicio

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Desarrolla conocimientos sólidos en Angular desde cero hasta niveles avanzados, brindando una base completa para el desarrollo de aplicaciones

Enseña TypeScript como base para Angular, lo que es esencial para comprender el desarrollo con Angular

Cubre una amplia gama de temas, desde componentes básicos hasta autenticación y gestión de datos, proporcionando una comprensión integral de Angular

Incluye prácticas y tareas para reforzar el aprendizaje, lo que permite a los estudiantes aplicar activamente los conceptos

Aborda temas relacionados con el desarrollo de aplicaciones con Angular, como el uso de librerías de terceros y las prácticas recomendadas

El instructor, Fernando Herrera, no es ampliamente reconocido por su trabajo en el desarrollo Angular

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Angular: De cero a experto with these activities:

Crear una colección de recursos de Angular

Show steps

Mejorar la organización y el acceso a los recursos de Angular al crear una colección personalizada.

Browse courses on Angular

Show steps

Recopilar y seleccionar recursos valiosos de Angular, como artículos, tutoriales y proyectos de ejemplo
Organizar los recursos en categorías o etiquetas relevantes
Almacenar y compartir la colección en una plataforma de gestión de recursos

Participar en sesiones de estudio o grupos de práctica con otros estudiantes

Show steps

Mejorar la comprensión y retención al discutir conceptos de Angular y resolver problemas con otros estudiantes.

Browse courses on Angular

Show steps

Encontrar o formar un grupo de estudio o práctica
Establecer horarios y temas de discusión regulares
Participar activamente en discusiones y resolver problemas

Realizar ejercicios TSCraping

Show steps

Practicar el uso de TSCraping para mejorar la comprensión y habilidades prácticas con Angular.

Browse courses on Angular

Show steps

Instalar y configurar TSCraping
Explorar la documentación y ejemplos de TSCraping
Crear y ejecutar scripts de scraping simples
Resolver problemas comunes de scraping

Seven other activities

Expand to see all activities and additional details

Show all ten activities

Sigue tutoriales de Angular más recientes

Show steps

Familiarízate con las últimas funciones y mejores prácticas de Angular siguiendo tutoriales actualizados.

Browse courses on Angular

Show steps

Identifica tutoriales relevantes sobre la última versión de Angular.
Sigue los pasos de los tutoriales para implementar nuevas funciones en tus proyectos.
Experimenta con las nuevas técnicas y patrones aprendidos.

Seguir tutoriales avanzados de Angular en blogs y canales de YouTube

Show steps

Ampliar el conocimiento y las habilidades de Angular al explorar recursos avanzados y especializados.

Browse courses on Angular

Show steps

Identificar tutoriales avanzados de Angular en fuentes confiables
Seguir los tutoriales y experimentar con los conceptos y técnicas presentados
Aplicar lo aprendido en proyectos personales o contribuciones al código abierto

Iniciar un proyecto personal de Angular que incorpore varias bibliotecas y técnicas

Show steps

Aplicar conocimientos y habilidades de Angular en un proyecto práctico que integra varias bibliotecas y técnicas.

Browse courses on Angular

Show steps

Idear una idea para un proyecto de Angular interesante y desafiante
Investigar y seleccionar bibliotecas y técnicas de Angular relevantes
Diseñar y desarrollar la arquitectura y las características del proyecto
Integrar y utilizar las bibliotecas y técnicas externas

Crea una aplicación de portafolio de Angular

Show steps

Solidifica tus habilidades de Angular creando una aplicación de portafolio que muestre tus proyectos y habilidades.

Browse courses on Angular

Show steps

Diseña la estructura y el flujo de la aplicación.
Implementa componentes, servicios y rutas modulares.
Integra librerías y herramientas de terceros para mejorar la funcionalidad.
Implementa técnicas avanzadas como manejo de estado, efectos y optimización.

Crear un blog o artículo sobre un proyecto personal de Angular

Show steps

Fortalecer la comprensión y habilidades de comunicación técnica al documentar un proyecto de Angular.

Browse courses on Angular

Show steps

Elegir un proyecto de Angular para documentar
Planificar la estructura y el contenido del blog o artículo
Escribir y editar el contenido
Publicar y promover el blog o artículo

Asistir a talleres o conferencias sobre Angular

Show steps

Obtener conocimientos y habilidades actualizadas de expertos de la industria y conocer las tendencias y mejores prácticas de Angular.

Browse courses on Angular

Show steps

Investigar y encontrar talleres o conferencias relevantes sobre Angular
Inscribirse y asistir al evento
Participar activamente en sesiones, talleres y discusiones

Contribuir a un proyecto de código abierto de Angular

Show steps

Aplicar conocimientos y habilidades de Angular en un entorno práctico mientras se contribuye a la comunidad de código abierto.

Browse courses on Angular

Show steps

Encontrar un proyecto de código abierto de Angular para contribuir
Revisar la documentación y el código base del proyecto
Identificar y solucionar errores o implementar nuevas funciones
Enviar solicitudes de extracción y participar en las revisiones de código

Career center

Learners who complete Angular: De cero a experto will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

Angular

De cero a experto

Here's a deal for you

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses