Angular 17 desde Cero
Angular 17 desde Cero
Construye una aplicación de ventas con Angular. ¡Ahora con Angular 17!
Sobre este libro
El objetivo principal de este libro es enseñar el framework Angular mediante la creación de un sistema de ventas que contenga una variedad de pantallas y funcionalidades. En lugar de solo mostrar teoria sobre el framework, a la que cualquiera puede acceder fácilmente desde su excelente documentación, ahora empezamos el desarrollo del sistema.
El código fuente de la aplicación lo puedes encontrar aqui
Que vas aprender:
- Como usar los generadores de código de Angular para crear aplicaciones, componentes, módulos, etc.
- Agregar Angular Material a la aplicación y el uso de componentes como Material Card, Material Table, y otros más
- Uso de CSS Flex Box para crear formularios responsivos y listos para usar en dispositivos móviles
- Uso CSS Flex Box para crear tablas responsivas que se conviertan en tarjetas cuando se utilicen pantallas pequeñas.
- Aprenda cómo acceder a la API de la manera correcta, usando Typescript y trabajando con objetos.
- Aprenda directivas de Angular, @if, @for, otras
- Aprenda a pasar datos entre componentes con @Input() y @Output()
- Aprenda a crear módulos y dividir su aplicación de la manera correcta
- Aprenda técnicas para de creación de componentes.
- Aprende a realizar el deploy en páginas de github
- Aprende a usar variables de entorno
- Aprenda a crear componentes listos para usar de Angular Material
- Aprenda a usar Observable Classes
- Aprenda a usar los Servicios para administrar el estado
Sobre de los autores
Tabla de contenidos
-
1 Introducción
- 1.1 Acerca de la PIRATERÍA
- 1.2 Soporte
- 1.3 Código Fuente
- 1.4 Instalación
- 1.5 El Backend (servidor)
-
2 Hola Angular
- 2.1 Instalación
- 2.2 Crear un Espacio de Trabajo y Aplicación Inicial
- 2.3 Las Herramientas de Desarrollo de Angular
- 2.4 Angular Material
- 2.5 Es Hora de Hacer Commit al Proyecto (opcional)
- 2.6 Vamos a Añadir un Repositorio Remoto (opcional)
- 2.7 Abramos el Proyecto en Visual Studio Code
- 2.8 ¿Qué pasa con el Módulo?
-
3 El Comienzo
- 3.1 ¡Vamos a Limpiar!
- 3.2 Los Componentes de Material
- 3.3 Añadiendo Esquemáticos
- 3.4 Añadiendo una Navegación en tu Aplicación
- 3.5 Agregando el Componente Home a App
- 3.6 Cambiando el Inicio
- 3.7 Componentes
- 3.8 Typescript e Interfaces
- 3.9 Componente de Categorías
- 3.10 Rutas
- 3.11 Creando un Tablero de Control
-
4 Categorías
- 4.1 La Tarjeta de Angular Material
- 4.2 Agregando un Estilo Css Global
- 4.3 Más estilos de Margen/espaciado (opcional)
- 4.4 Obteniendo Datos de la API de Categoría
- 4.5 Configurando HttpClient
- 4.6 Servicios
- 4.7 El Servicio de Categoría
- 4.8 Primera Versión del Método GetAll()
- 4.9 Variables de Entorno
- 4.10 Configurando el Tipo de Retorno de la API
- 4.11 Versión Final del Método GetAll()
- 4.12 Usando el MatTable para Mostrar Categorías
- 4.13 Agregando la Columna de Descripción
- 4.14 Nueva Categoría
- 4.15 Crear un Formulario de Categoría
- 4.16 Creando un Formulario de Categoría
- 4.17 Creando un Formulario Reactivo
- 4.18 Agregando el Campo de Descripción
- 4.19 Creando Formularios Responsivos: el Layout CSS FlexBox
- 4.20 Validación
- 4.21 Configuración de Mensajes de Error
- 4.22 Enviar Formulario
- 4.23 Revisando Algunos Patrones de Angular
- 4.24 Controlando la Visibilidad del Formulario
- 4.25 Creando un Botón de Regreso en el Formulario
- 4.26 Vinculación de Eventos
- 4.27 Pasando Datos del Formulario a través de Eventos
- 4.28 Conversión de Tipos
- 4.29 Guardando la Categoría
- 4.30 Editando la Categoría
- 4.31 Corregir un Pequeño Error
- 4.32 Eliminando una Categoría
- 4.33 Lo Que Aprendimos en Este Capítulo
- 4.34 Diferencias Desde Angular 14..15..16
-
5 Categorías de Refactorización
- 5.1 Añadiendo Carga Mientras Se Solicita al Servidor
- 5.2 Cómo Ver la Carga en Funcionamiento
- 5.3 Omitir Pruebas y Creación de Archivo Css en el Archivo de Configuración Angular.json
- 5.4 ¡Es Hora de Desplegar! (opcional)
- 5.5 El “Módulo Material”
-
6 Proveedor
- 6.1 Crear los Componentes de Proveedores
- 6.2 Usando Rutas y Subrutas
- 6.3 DTO de Proveedor
- 6.4 Servicio de Proveedores
- 6.5 Listando Proveedores
- 6.6 Creando un Nuevo Componente
- 6.7 Mostrando un Mensaje Si @for está Vacío
- 6.8 Configurando Rutas
- 6.9 Mostrando un Proveedor
- 6.10 Editar un Proveedor
- 6.11 Formulario del Proveedor
- 6.12 Agregando el Formulario en el SuppliersEditComponent
- 6.13 Eliminar Proveedor
- 6.14 Nuevo Proveedor
- 6.15 Conclusión
-
7 Productos
- 7.1 Archivos Iniciales
- 7.2 El Servicio de Productos
- 7.3 Lista de Productos
- 7.4 Agregar Producto al Carrito
- 7.5 El Botón “AddToCart”
- 7.6 Creando el Icono del Carrito
- 7.7 Añadir una Página de Pago
-
8 Carga Dinámica de Archivos y Componentes
- 8.1 Vistas Diferibles
- 8.2 Estrategias para hacer la aplicación aún más pequeña
- 9 Actualizaciones en el Futuro
Leanpub incondicional, sin riesgo, 100% de felicidad garantizada
Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.
80% de regalías. Gana $16 en un libro de $20.
Pagamos 80% de regalías. No es un error tipográfico: ganas $16 en una venta de $20. Si vendemos 5000 copias no reembolsadas de tu libro o curso por $20, ganarás $80,000.
(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)
De hecho, los autores han ganadomás de $12 millonesescribiendo, publicando y vendiendo en Leanpub.
Aprende más sobre cómo escribir en Leanpub
Actualizaciones gratis. Libre de DRM.
¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).
La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.
Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.
Aprende más sobre los formatos de Leanpub y dónde puedes leerlos
