• Skip to primary navigation
  • Skip to content

DOMINICODE.COM

  • Home
  • Blog
  • Cursos
  • Mentoría
  • Acerca de mí
  • Contacto
  • Cuenta
  • Mis Cursos
  • Registro

Curso Angular 7

Aprende a crear los ficheros de distribución con Angular CLI, para publicar tu aplicación, en github pages o Firebase hosting

10 enero, 2019 by

Este curso está gratis en Youtube

Lo puedes ver aquí

  • Aprende los conceptos, arquitectura y capacidades de una aplicación Angular
  • Aprende a trabajar a fondo con los componentes
  • Entiende como Angular se diferencia de otros web frameworks
  • Usarás las nuevas características de ES6 y un lenguaje de tipados como TypeScript
  • Desarrollar un aplicación desde cero usando Angular 7
  • Explorar código y buenas prácticas en Angular
  • Entender y usar formularios en Angular, Observables, Dependency Injection, and Routing
  • CRUD en Angular. Crear, Recuperar, Modificar y Eliminar, usando Http service
  • Aprende a crear los ficheros de distribución con Angular CLI, para publicar tu aplicación, en github pages o Firebase hosting

Módulos

Módulo 1: Presentación Curso

Lecciones

  • Presentación, Que aprenderás
  • Qué es Angular?
  • Repaso versiones Angular
  • Requerimientos antes de empezar

Módulo 2: Introducción Typescript & ES6

Lecciones

  • ¿Qué es Typescript?
  • Instalación Typescript
  • Let & Const scope ( ES6 )
  • Template Literals ( ES6 )
  • Arrow functions ( ES6 )
  • Spread operator ( ES6 )
  • Tipos básicos Typescript
  • Interfaces
  • Classes

Módulo 3: Angular CLI

Lecciones

  • Instalar Angular CLI
  • Angular Extensiones para VS Code
  • Generando nuevo proyecto con Angular CLI
  • Comandos Angular CLI & Anatomía de Proyecto

Módulo 4: Introducción Componentes

Lecciones

  • Qué es un Componente?
  • Anatomía de un Componente & Annotation

Módulo 5: Data Binding

Lecciones

  • Introducción Data Binding
  • One-Way Data Binding {{ hola }}
  • Two-Way Data Binding
  • Interpolation
  • Property Binding
  • Event Binding

Módulo 6 Ejercicios

Lecciones

  • Ejercicios de Módulo 6

Módulo 7: Angular modules

Lecciones

  • Angular modules

Módulo 8: Angular libraries

Lecciones

  • Introducción Angular Material
  • Datepicker Angular Material
  • Introducción ng-bootstrap
  • Ejercicio ng-bootstrap Calendar
  • Introducción ng2-charts

Módulo 9: Componentes avanzado

Lecciones

  • Decorator @Component
  • Lifecycle Component
  • ngOnChanges – Lifecycle
  • ngOnInit – Lifecycle
  • Otros métodos del ciclo de vida de un componente
  • Decorator @Input()
  • Decorator @Output()

Ejercicio práctico #1

Vamos a poner en práctica todo lo que hemos aprendido hasta ahora.

Lecciones

  • Montamos proyecto, añadimos Angular Material
  • Creamos base de datos en Firebase, Instalamos dependencias.
  • Reto
  • Solución Reto – Añadimos Toolbar
  • Métodos Edit & Delete – Firebase
  • Angular Material, Firebase CRUD
  • Finalizamos nuestra APP!!

Módulo 10 : Templating

Lecciones

  • HTML como template
  • Template reference variables
  • Safe navigation operator

Módulo 11 : Directives

Lecciones

  • Directives Angular (tipos de estructuras)
  • Directives Angular – Directivas de Atributos
  • Creando Customs directives

Módulo 12: Pipes

Lecciones

  • Pipes incorporados
  • Creando Customs pipes

Módulo 13: Formularios

Lecciones

  • Introducción
  • Template driven forms
  • Validación de formularios
  • Formularios Reactive
  • Validaciones de Formularios Reactive

Módulo 14: Dependency Injection

Lecciones

  • Introducción dependency injection
  • Creando y Registrando nuestro service
  • @Injectable decorator
  • Ejercicio Http & Service
  • Ejercicio Http (json-server)

Módulo 15: Routing And Navigation

Lecciones

  • Introducción, @angular/router library
  • Configurando rutas
  • RouterOutlet, RouterLink, RouterLinkActive
  • Nested Routes
  • Parámetros en las rutas (Path parameters, Query Parameters)
  • Guards
  • Resumén Rutas Angular

Módulo 16: RxJs

Lecciones

  • Introducción RxJs
  • Observable & Subscription
  • Streams
  • Operators
  • Subject

Módulo 17: HTTP

Lecciones

  • Introducción @angular/http library
  • Angular in-memory-web-api (Mock web api)
  • GET/POST/PUT/DELETE
  • Ejercicio práctico HTTP Module

Módulo 18: Deployment

Lecciones

  • ng build con Angular CLI
  • Deploy en Firebase hosting

Módulo 19: Novedades Angular 7

Lecciones

  • Cli Prompts
  • Virtual Scroll
  • Drag & Drop

© Copyright 2019 DOMINICODE · All Rights Reserved · Powered by WordPress