Angular Framework Intermedio - Código y UI de Calidad

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.