We may earn an affiliate commission when you visit our partners.
Course image
Fernando Herrera

Angular de cero a experto: (Angular 17+)

Read more

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:

  1. Bases de TypeScript y ESCMAScript

  2. Hola Mundo en Angular

  3. Componentes

  4. Directivas

  5. Servicios

  6. Módulos

  7. Todos los pipes de Angular

  8. Rutas

  9. Rutas Hijas

  10. Carga perezosa o Lazyload de módulos

  11. Guards

  12. Protección de rutas

  13. Autenticación mediante JsonWebTokens

  14. Mapas

  15. Uso de librerías de terceros escritas en Angular

  16. Uso de librerías NO escritas para Angular

  17. Consumo de APIs

  18. CRUD

  19. SPA

  20. Git

  21. GitHub

  22. Despliegues a producción

  23. MongoDB

  24. Node

  25. Re-utilización de componentes, directivas, servicios..

  26. Comunicación entre componentes y módulos

  27. Uso de extensiones reactivas

  28. PrimeNG

  29. Material Design

  30. Bootstrap

  31. Tailwind

  32. Defer

  33. Triggers

  34. Signals

    1. Writable Signals

    2. Computed Signals

  35. Efectos

  36. Standalone components

  37. 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.

Enroll now

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

Syllabus

Introducción al curso
Introducción
¿Cómo funciona el curso?
¿Cómo hacer preguntas?
Read more
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

Save this course

Save Angular: De cero a experto to your list so you can find it easily later:
Save

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
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
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
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
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
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
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
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
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
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
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.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Angular: De cero a experto.
Desarrollo de páginas con Angular
Most relevant
Docker - Guía práctica de uso para desarrolladores
Most relevant
Conceptos básicos de React
Most relevant
Architecting with Google Kubernetes Engine: Production en...
Most relevant
Securing and Integrating Components of Your App - Español
Most relevant
NodeJS: De cero a experto
Most relevant
Componentes Tecnológicos y Operaciones
Most relevant
React: De cero a experto ( Hooks y MERN )
Most relevant
Iniciación A La IA con IBM Watson
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser