Angular 14 desde Cero
Angular 14 desde Cero
Construye una aplicación de ventas con Angular
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.
La aplicación que aprenderás está disponible en este enlace
El código fuente de la aplicación lo puedes encontrar aquí
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 Flex Layout para crear formularios responsivos y listos para usar en dispositivos móviles
- Uso Flex Layout 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, ngIf, ngFor y 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
- Código fuente disponible
Tabla de contenidos
-
1 Introducción
- 1.1 Sobre la PIRATERIA
- 1.2 Apoyo
- 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 una aplicación inicial
- 2.3 Las Angular Dev Tools (Las herramientas de desarrollo angular)
- 2.4 Angular Material
- 2.5 Es hora de utilizar git (nuestro commit) (optional)
- 2.6 Agreguemos un repositorio remoto (opcional)
- 2.7 Abramos el proyecto en Visual Studio Code
-
3 El Inicio
- 3.1 Vamos a limpiar !
- 3.2 Agregando Schematics
- 3.3 Agregar navegación en su aplicación
- 3.4 Agregar el componente home a la aplicación
- 3.5 Cambiando el Home
- 3.6 Components
- 3.7 Typescript e Interfaces
- 3.8 Componente Categories
- 3.9 Rutas
- 3.10 Haciendo un Dashboard
-
4 Categorias
- 4.1 La tarjeta (Card) de Angular Material
- 4.2 Agregar un estilo CSS global
- 4.3 Más estilos de margin/spacing (opcional)
- 4.4 Obtener datos de la API de categoría
- 4.5 Configuración de HttpClientModule
- 4.6 Servicios (Service)
- 4.7 El servicio de categoría
- 4.8 Primera versión del método getAll()
- 4.9 Variables de entorno
- 4.10 Configuración del tipo de retorno de la API
- 4.11 Versión final del método getAll()
- 4.12 Uso de MatTable para mostrar categorías
- 4.13 Agregar la columna de descripción
- 4.14 Nueva categoría
- 4.15 Crear un formulario de categoría
- 4.16 Crear un formulario de categoría
- 4.17 Creando un Reactive form (Formularios reactivos)
- 4.18 Importación de módulos de formulario y corrección de errores
- 4.19 Agregar el campo de descripción.
- 4.20 Creación de Formularios Responsives: El Angular Flex Layout
- 4.21 Agregar fxLayout en el Formulario de Categoría
- 4.22 Validación
- 4.23 Configuración de mensajes de error
- 4.24 Enviar Formulario
- 4.25 Revisando algunos Angular patterns (Patrones de Angular)
- 4.26 Controlar la visibilidad del formulario
- 4.27 Crear un botón atrás en el formulario
- 4.28 Event binding
- 4.29 Pasar datos de formulario a través de eventos
- 4.30 Guardar la categoría
- 4.31 Editar la categoría
- 4.32 Arreglar error
- 4.33 Eliminar una categoría
- 4.34 Conclusión de este capítulo
-
5 Refactorizar Categorias
- 5.1 Form Builder (generador de formularios)
- 5.2 Agregar carga mientras se solicita el servidor
- 5.3 Cómo ver el trabajo de carga
- 5.4 Agregar Spinner de Carga a un Material Button
- 5.5 Usando Async - Await
- 5.6 Crear una lista en lugar de la tabla en pantallas pequeñas
- 5.7 Vamos a conocer la extensión Angular Files
- 5.8 Saltar tests y creación de archivos css en el archivo de configuración angular.json
- 5.9 Otra forma de cargar datos asíncronos
- 5.10 ¡Es hora de desplegar! (opcional)
-
6 Proveedor
- 6.1 Crear los componentes de los proveedores
- 6.2 Uso de rutas y rutas secundarias
- 6.3 Provedor DTO
- 6.4 Servicio Suppliers
- 6.5 Lista de proveedores
- 6.6 Configuración de rutas
- 6.7 Mostrando un proveedor
- 6.8 Editar un proveedor
- 6.9 Formulario de proveedor
- 6.10 Agregar el formulario en el SuppliersEditComponent
- 6.11 Eliminar Supplier
- 6.12 Nuevo Supplier
- 6.13 Conclusion
-
7 Productos
- 7.1 Archivos Iniciales
- 7.2 El servicio de productos
- 7.3 Listado de Productos
- 7.4 Añadir producto al carrito de compra
- 7.5 Programación del botón “AddToCart”
- 7.6 Crear el icono del carrito
- 7.7 Ajuste de la posición del icono
- 7.8 Agregar una página de pago
-
8 Actualización a Angular 14
- 8.1 Actualiza tu angular cli
- 8.2 ¿Cómo actualizar?
- 8.3 Empecemos la acctualización!
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