|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/aprende-angular-desde-0-con-10-proyectos-completos/
课程评论:没有评论
课程名称:从零开始学习Angular,通过10个完整项目 课程概述:欢迎来到我的Angular课程!Angular在前端开发中正在迅速增长,如果你在这个领域,迟早需要学习Google的这个JavaScript框架。在本课程中,我们将从小型应用程序开始,逐步实现更复杂的项目,全面学习Angular的各个组件。 课程内容包括: - **基础级项目:** 1. **问答应用**:学习基本的Angular结构、项目创建、Bootstrap安装、模型创建、控制流(@if和@for)及事件处理(点击)。 2. **任务列表**:创建自己的任务并可视化完成状态,涉及输入输出、组件间通信及管道(Pipe DatePipe)。 3. **联系人表单**:通过表单添加联系人并显示,学习应用路由、表单处理、数据共享服务及管道(Pipe TitleCasePipe)。 4. **鸡尾酒应用**:利用cocktaildb API进行搜索,学习API服务调用、简单分页、URL参数获取及控制流(@switch)。 - **中级项目:** 5. **梦想旅行**:拖放功能实现国家列表,学习AsyncPipe、Google Maps及拖放功能。 6. **美发预约**:通过表单进行预约,包含基础登录、json-server、日历管理、Subjects及响应式表单。 7. **汉堡皇后**:模仿快餐连锁的下单面板,包含后端,学习Docker、Stripe支付及Angular Material。 - **高级项目:** 8. **动态博客**:用Angular创建博客以展示帖子,包含后端,实现懒加载、解析器、指令及SEO。 9. **控制面板**:动态博客的后台管理,能管理帖子和类别,学习token与cookie登录、token刷新与拦截器。 10. **费用控制**:创建日常开支收入控制应用,使用Firebase作为后端,学习Firebase集成、身份验证、CRUD及动画图表。 期待在课程中见到你!
¡Bienvenidos a mi curso de Angular! Angular esta experimentando un crecimiento enorme en el desarrollo web Front-End, haciendo que si estas en este sector tarde o temprano tengas que aprender este framework Javascript de Google.En este curso, quiero que te inicies en este framework y lo haremos haciendo desde pequeñas aplicaciones a otras más complejas.Aprenderemos todos los componentes que forman Angular para hacer nuestras aplicaciones web.Estas serán las aplicaciones que haremos en este curso:- Nivel básico:1. Pregunta y respuestas: primera aplicación para empezar con lo más básico de angular.¿Qué aprenderás?- Creación y estructura de un proyecto- Instalación de bootstrap- Creación de modelos- Control flow: @if y @for- Eventos nativos (click)2. Lista de tareas: creamos nuestras propias tareas y podremos visualizar aquellas que estén completas y las que no.¿Qué aprenderás?- Inputs- Outputs- Comunicación entre componentes- Pipe DatePipe3. Formulario de contactos: añadiremos nuestros contactos a través de un formulario y los visualizaremos en pantalla.¿Que aprenderás?- Enrutamiento de una aplicación- Creación y manejo de formularios- Uso de servicios para compartir datos entre componentes- Pipe TitleCasePipe4. Cocktail app: usando la API de cocktaildb, realizaremos filtros para buscar nuestros cocktails preferidos.¿Qué aprenderás?- Uso de servicios para llamar APIs- Paginación simple- Obtener parámetros de una URL- Control flow: @switch- Nivel intermedio:5. Viajes soñados: Cargaremos una lista de países en una lista que podremos arrastrar y mover a otra lista usando drag and drop.¿Qué aprenderás?- AsyncPipe- Google Maps- Drag and Drop- @defer6. Reservas peluqueria Juani: Usando un formulario, introduciremos los datos para añadir una reserva. Mediante un logueo, podremos ver las reservas que nos han creado.¿Que aprenderás?- Login basico- Uso de json-server- Fullcalendar- Subjects- Formularios reactivos7. Burguer Queen: Imitamos los paneles de pedido rápido de las cadenas de comida rápida. Incluye backend.¿Que aprenderás?- Uso de docker para nuestro backend- Stripe para pagos- Angular Material- Signals- Nivel avanzado:8. Blog dinámico: Hacemos un blog en Angular para visualizar posts. Incluye backend.¿Qué aprenderás?- Lazy Load- Resolvers- Directivas- SEO9. Dashboard: Parte trasera de la aplicación de blog dinámico, nos permitirá gestionar posts y categorías. Incluye backend.¿Que aprenderás?- Login con token y cookies- Refresco de token- Interceptors- Componentes reutilizables- ng-select10. Controla gastos: Aplicación para controlar nuestros gastos e ingresos de nuestro dia a dia. Usamos Firebase como si fuera un backend.¿Que aprenderás?- Integracion de Firebase- Autenticacion con Firebase- CRUD+ Paginacion con Firebase- Animaciones- Gráficas¡Nos vemos en el curso!