Angular Framework Intermedio - Código y UI de Calidad

El curso de Angular Framework te guiará en la construcción de aplicaciones web profesionales con código limpio y eficiente, utilizando las mejores prácticas de desarrollo para crear interfaces de usuario (UI) de calidad, atractivas e intuitivas. Aprenderás a escribir código reutilizable, modular y fácil de mantener, para que puedas construir aplicaciones escalables y de alto rendimiento.

Por Yirsis Serrano | Administrador en T.I. y Fullstack Developer

Sobre este curso

✔️ El Curso de Angular Framework Intermedio es una formación completa y exhaustiva diseñada para desarrolladores que desean llevar sus habilidades en Angular al siguiente nivel.

Angular es una tecnología desarrollada y mantenida por Google que se ha consolidado como una de las más poderosas y utilizadas en el desarrollo de aplicaciones web modernas.

Este curso, ofrecido por G-Talent.Net, te permitirá dominar los conceptos más avanzados de Angular, proporcionándote las herramientas necesarias para crear aplicaciones web de alto rendimiento, escalables y con una interfaz de usuario (UI) intuitiva y de calidad profesional.

A lo largo del curso, aprenderás a desarrollar aplicaciones utilizando las mejores prácticas de la industria, escribiendo código limpio, modular y reutilizable que facilita el mantenimiento y la escalabilidad de los proyectos.

Además, explorarás cómo integrar Angular con otras tecnologías y frameworks de UI para crear interfaces atractivas y eficientes.

También adquirirás habilidades para trabajar con herramientas como Git y GitHub, empleando metodologías de ramificación y patrones de desarrollo que optimizan la colaboración en equipo y el control de versiones.

El curso está estructurado en diversas unidades que abarcan desde la instalación y configuración inicial del entorno de desarrollo hasta la implementación de monorepos y la creación de documentación con Storybook. Se profundiza en temas como los frameworks CSS y la integración de Angular con Docker, proporcionando una formación integral que cubre todos los aspectos del desarrollo con Angular.

Además, al finalizar, tendrás la oportunidad de aplicar tus conocimientos en un proyecto final, construyendo un portafolio con PrimeNG que refleje tus habilidades adquiridas.

¿El curso es para 2 o más personas?

Dale a tu equipo acceso a más de 500 cursos en G-Talent en cualquier momento y lugar.


Curso Online
2.390 estudiantes
Acceso de por vida
101 clases
Acceso para siempre
Español
Garantía de reembolso de 30 días

Lo que aprenderás

🟧 Comprender y aplicar conceptos avanzados de Angular: Adquirir conocimientos profundos sobre la arquitectura de Angular, incluyendo su uso de la programación orientada a objetos y el desarrollo basado en módulos.

🟧 Desarrollar aplicaciones web escalables y de alto rendimiento: Utilizar las mejores prácticas de desarrollo para construir aplicaciones web robustas y optimizadas.

🟧 Escribir código limpio, modular y reutilizable: Implementar técnicas de escritura de código que faciliten el mantenimiento y la escalabilidad de las aplicaciones.

🟧 Aplicar buenas prácticas de desarrollo en proyectos reales: Aprender a utilizar patrones de diseño, estructuras de carpetas eficientes, y metodologías de trabajo en equipo con Git y GitHub.

🟧 Integrar tecnologías adicionales en aplicaciones Angular: Utilizar herramientas y frameworks de UI adicionales, como CSS frameworks y Storybook, para mejorar la experiencia del usuario y la documentación de componentes.

🟧 Implementar soluciones innovadoras y colaborativas en equipos de desarrollo: Colaborar efectivamente con otros desarrolladores y proponer soluciones innovadoras para desafíos de desarrollo web.

Temario

Duración 12h 51m
1 recursos descargables
101 clases

U1: Instalaciones

→ Repositorio del curso
→ Gist de instalaciones
→ Instalaciones necesarias
→ Extensiones Necesarias
→ Extensiones Recomendadas
→ Bonus: Wallpaper del curso

U2: Package Manager - pnpm

→ Introducción a los manejadores de paquetes
→ Instalación de pnpm
→ Ventajas y uso de pnpm
→ pnpm en Angular

U3: Scaffold Tradicional

→ Creación del proyecto
→ Módulo Shared
→ Módulo de Paginas
→ Módulo Auth
→ Shared Components
→ Módulos abstractos

U4: Scaffold Tradicional

→ Root Module
→ Core Module
→ Interceptors
→ Models
→ Enums, Interfaces y más
→ Shared Module
→ Layout Module
→ Pages Module
→ Bootswatch
→ Módulos Abstractos
→ Smart and Dumb Pattern
→ Smart Components
→ Repaso general de la sección

U5: GitFlow

→ Estructura de GitFlow
→ Implementando GitFlow
→ Features
→ Conflictos con Merge
→ Versionamiento semántico y Tags
→ GitHub Releases
→ Alias en Bash
→ Mis Git Alias

U6: JSDoc y Docstrings

→ Importancia de documentar
→ Docstrings Básicos
→ Más de Docstrings
→ Generar documentación con JSDocs

U7: Introdución a los Monorepos

→ Monorepos y Multirepos
→ Diferencia entre Monorepo y Micro-Frontend

U8: Scaffold Tradicional

→ Introducción a Nx Workspace
→ Crear Monorepo con Nx
→ Estructura de un Monorepo
→ Primeros pasos con Nx
→ Incluyendo Bootstrap CDN
→ Creando Componentes con Nx
→ Comandos estilo Angular en Nx
→ Archivo de configuración de Angular
→ Creando Proyecto con Routing
→ Routing Libs
→ Shared UI Libs
→ Custom Directives
→ Nx Graphs
→ BONUS: Nx Console

U9: Despliegue de Monorepos

→ Compilación y Despliegues Locales
→ Despliegues en Netlify

U10: Storybook

→ ¿Qué es Storybook?
→ Añadir Storybook al Proyecto
→ Primer Historia
→ Props y Module Metadata
→ Docs y ArgTypes
→ Rounded Story
→ Escalando Componentes
→ Custom Background
→ Custom Text Color

U11: Despliegue de Storybook

→ Compilar Storybook
→ Despliegue en GitHub Pages

U12: Angular y Docker

→ Instalación de Docker
→ Creación del proyecto de Angular
→ Dockerfile y Dockerignore
→ http-server y Docker
→ Construcción de Imágenes
→ Creando Contenedores del App

U13: Frameworks CSS

→ Introducción a los frameworks
→ Instalación de Tailwind en Angular
→ Maquetado simple en Tailwind
→ Creando un nuevo proyecto
→ Instalaciones vía CDN
→ Instalación vía node_modules
→ Personalización de Bootstrap
→ Instalación vía Archivos

U14: UI Frameworks

→ Instalación de Angular Material
→ Creando Navbar y Sidebar
→ Maquetando un Dashboard con Angular Material
→ Instalando PrimeNG
→ Cierre de sección

U15: PROYECTO FINAL: Portafolio con PrimeNG

→ Iniciando el Proyecto
→ Componente Menu
→ pTemplate y Logo en Menu
→ Items e Iconos
→ Routing
→ Cards y Home Page
→ PrimeFlex
→ Break Points
→ Maquetando un Proyecto
→ Listando Proyectos
→ Página de Skills
→ Terminando el portafolio

Evaluación del curso

→ Este curso contiene un examen final

G-Tools: Para estudiantes

→ Acceso exclusivo a herramientas de vanguardia para estudiantes: mejora tu empleabilidad, participa en eventos exclusivos, aprovecha nuestro asistente virtual inteligente y más.

⚑ Certificado de finalización

→ Tu certificado digital personalizado, una insignia única de tus logros, con validez internacional, duración del curso y código QR para verificación instantánea.

Instructor del Curso
Instructor

Yirsis Serrano

Experto en desarrollo de software y tecnologías de la información, con una sólida formación en diversas áreas de la informática. Yirsis Serrano cuenta con múltiples certificaciones y una amplia experiencia profesional como Fullstack Developer, manejando diversos Stacks y frameworks en distintos lenguajes de programación.

Yirsis ha demostrado un gran compromiso con la educación tecnológica, creando contenido de alta calidad y accesible, dirigido tanto a principiantes como a profesionales avanzados. Su enfoque innovador y práctico en la enseñanza se refleja en cada una de sus clases, diseñadas para ofrecer una experiencia educativa completa y accesible para todos los niveles.

Como instructor de G-Talent, Yirsis ofrece una enseñanza alineada con los últimos avances tecnológicos, asegurando que sus estudiantes adquieran las habilidades necesarias para destacar en el competitivo mundo de la tecnología y el desarrollo de software.

Además de su rol como instructor, Yirsis ha colaborado en numerosos proyectos de desarrollo de software, aplicando su expertise en tecnologías Fullstack para crear soluciones eficientes y robustas.

¿Qué hace a Yirsis diferente?

▪️ Experiencia Amplia y Diversificada: Con una sólida base en administración de T.I. y desarrollo Fullstack, Yirsis tiene un enfoque integral que abarca desde la arquitectura del software hasta su implementación.

▪️ Certificaciones Reconocidas: Cuenta con múltiples certificaciones en diversas áreas de la informática, lo que garantiza un nivel de enseñanza alineado con los estándares internacionales.

▪️ Enfoque en la Educación Práctica: Yirsis se especializa en crear cursos que combinan teoría con aplicaciones prácticas reales, facilitando que los estudiantes apliquen lo aprendido en situaciones del mundo real.

¡Demuestra tu logro con un certificado oficial!

Al completar el curso, recibirás tu certificado digital verificado para compartirlo con tu familia, amigos, empleadores y en tu red profesional.

Suma valor a tu perfil y abre nuevas oportunidades.

¿Qué esperar de los cursos de G-Talent?

  • Estudia a tu ritmo

    Consigue cursos en video, impartidos por instructores de primera, para estudiar a tu propio ritmo

  • Aprende de los mejores

    Lleva cursos de alta calidad desarrollados expertos seleccionados con cuidado

  • Calidad garantizada

    ¿No estás seguro?, todos nuestros cursos ofrecen garantía de éxito de 30 días

  • Acompañamiento permanente

    Aprende a tu ritmo, con actualización, acceso y acompañamiento de por vida.

  • Certificado personalizado

    Consigue un certificado de clase mundial, con validez internacional y código único cifrado QR

  • Descubre G-Talent Studio

    Accede a herramientas premium, beneficios exclusivos y apoyo en tu empleabilidad. Disponible para estudiantes con Acceso Total.

$16.99 $47.00

Acceso sólo a este curso

$67.00 $120.00

Acceso Total (2 cuotas sin intereses)

Compra este curso individual
$16.99 USD
$47.00 USD
Ahorro: $30.01 USD
Pago único. Oferta por tiempo limitado.
Mejor opción
Desbloquea TODO G-Talent
$67.00 USD
$120.00 USD
Ahorro: $53.00 USD
Por solo un pago único anual, accede a más de 500 en IA, Marketing, Negocio, Finanzas y más.

G-Talent.Net

G-Talent.Net

G-Talent.Net

G-Talent.Net