|
1 | | -#cursoAngularUdemy |
2 | | -Repositorio de los proyectos realizados para este curso |
| 1 | +#Curso Angular de Udemy |
| 2 | +Este archivo contiene enlaces a los repositorios generados para los proyectos de este curso de Udemy, ya que están almacenados en una organización que no es visible desde mi perfil público. |
| 3 | + |
| 4 | +##Hola Mundo |
| 5 | +- ¿Qué son los componentes? |
| 6 | +- ¿Qué son las directivas estructurales? |
| 7 | +- Uso de plunker para nuestra primera interacción con Angular. |
| 8 | +- Trabajando de forma local un proyecto en Angular. |
| 9 | +- Introducción sobre todos los archivos usados en el QuickStart de Angular. |
| 10 | +- Uso de Bootstrap 4 para nuestros estilos. |
| 11 | +- Crear archivos .HTML para que se encarguen de la estructura visual de nuestros componentes. |
| 12 | +- Crear una aplicación con 3 componentes re-utilizables. |
| 13 | +-*ngFor y el*ngIf |
| 14 | + |
| 15 | +https://github.com/curso-angular-udemy/pr1-hola-mundo |
| 16 | + |
| 17 | +##Aplicación de una sola página (SPA) |
| 18 | +- Crear una aplicación de una sola página (Single Page Application) |
| 19 | +- Creación de proyectos de Angular usando el CLI (Command Line Interface) |
| 20 | +- Instalar bootstrap o librerías de terceros usando el Angular-CLI |
| 21 | +- Creación de rutas de nuestra aplicación |
| 22 | +- Uso de RouterLink y RouterLinkActive para movernos de página y colocar clases a los elementos activos. |
| 23 | +- Uso del modulo Router, que nos permite movernos de página mediante código. |
| 24 | +- Obtención de parámetros vía URL. |
| 25 | +- Configuración de nuestro primer servicio en Angular para el manejo de la data. |
| 26 | +- Breve introducción a los Pipes |
| 27 | +- Uso del buscador del navbar para realizar una consulta a nuestro arreglo de héroes. |
| 28 | + |
| 29 | +https://github.com/curso-angular-udemy/pr2-heroes-app |
| 30 | + |
| 31 | +##Pipes |
| 32 | + |
| 33 | +- Pipes uppercase y lowercase |
| 34 | +- Pipe Slice |
| 35 | +- Pice Decimal |
| 36 | +- Pipe Percent |
| 37 | +- Pipe Currency |
| 38 | +- Pipe Json |
| 39 | +- Pipe Async |
| 40 | +- Pipe Date |
| 41 | +- Pipes personalizados |
| 42 | +- Capitalizar palabras y nombres |
| 43 | +- Creación de un pipe, que permite cargar recursos externos de forma segura. |
| 44 | + |
| 45 | +https://github.com/curso-angular-udemy/pipes |
| 46 | + |
| 47 | +##SpotyApp |
| 48 | + |
| 49 | +- Refuerzo de rutas y parámetros de rutas. |
| 50 | +- Uso de carruseles del Bootstrap 4 |
| 51 | +- Uso del HTTP para obtener información |
| 52 | +- Uso de la API de Spotify para obtener información de: |
| 53 | +- Artistas |
| 54 | +- Albumes |
| 55 | +- Audio |
| 56 | +- Trabajo sobre el manejo de data asíncrona. |
| 57 | +- ngModel para enlazar campos de texto a variables del componente. |
| 58 | +- Widgets de Spotify |
| 59 | +- HTML5 audio |
| 60 | +- Observables |
| 61 | +- Maps |
| 62 | + |
| 63 | +https://github.com/curso-angular-udemy/spotyapp |
| 64 | +https://github.com/curso-angular-udemy/spotify-get-token |
| 65 | + |
| 66 | +##Lista de deseos - IONIC App |
| 67 | + |
| 68 | +- Uso del local storage guardar localmente información para nuestras aplicaciones. |
| 69 | +- Introducción a ionic. |
| 70 | +- Uso del framework de ionic. |
| 71 | +- Uso de servicios que afectan el local storage. |
| 72 | +- Uso de ionic DevApp para desplegar nuestra aplicación |
| 73 | +- Control de estilos usando Angular. |
| 74 | +- Manejo de la información a través de servicios ( update, delete, insert y select ) al local storage. |
| 75 | +- Uso de pipes impuros para realizar filtros. |
| 76 | + |
| 77 | +https://github.com/curso-angular-udemy/pr4-deseos |
| 78 | + |
| 79 | +##Componentes, directivas de atributos, ciclo de vida... |
| 80 | + |
| 81 | +- Cambios en el estilo de algún elemento HTML utilizando variables en los componentes. |
| 82 | +- Comprender y aplicar CSS en un determinado scope, sin afectar los demás componentes. |
| 83 | +- Adicionar y remover clases según variables o cualquier tipo de condición. |
| 84 | +- Crearemos directivas personalizadas. |
| 85 | +- Uso del ngSwitch. |
| 86 | +- Crearemos una pequeña aplicación para el uso de rutas y rutas hijas. |
| 87 | +- Comprenderemos el ciclo de vida de un componente o directiva. |
| 88 | + |
| 89 | +https://github.com/curso-angular-udemy/miscelanea |
| 90 | + |
| 91 | +##Aplicación de autenticación con Auth0 |
| 92 | + |
| 93 | +- ¿Qué es Auth0 y la documentación basada en Angular 2? |
| 94 | +- Autenticación con Facebook, Twitter, Google, entre otros... |
| 95 | +- Creación de un formulario de captura para la creación de usuarios. |
| 96 | +- Personalización de la caja de login. |
| 97 | +- Uso de servicios para bloquear rutas que no son válidas si el usuario no esta autenticado. |
| 98 | +- Obtener la información del perfil del usuario ingresado. |
| 99 | + |
| 100 | +https://github.com/curso-angular-udemy/authApp |
| 101 | + |
| 102 | +##Formularios |
| 103 | + |
| 104 | +- Diferentes aproximaciones que tiene angular para trabajar formularios. |
| 105 | +- Profundizaremos en el uso del ngModel. |
| 106 | +- Utilizar las validaciones pre fabricadas. |
| 107 | +- Crear validaciones personalizadas. |
| 108 | +- Crear validaciones asíncronas. |
| 109 | +- Realizar un submit utilizando el ngSubmit. |
| 110 | +- Postear información únicamente cuando el formulario es valido, |
| 111 | +- Crear formularios del lado del componente. |
| 112 | +- Cargar información por defecto a los formularios. |
| 113 | +- Subscribirnos a los cambios de los valores de los formularios. |