Curso de Angular 6

Curso de Angular 6

Ver por:

¿Quieres compartir tus conocimientos?Crea un tutorial

Introducción al Curso

Toma esta clase gratis ahora

Introducción

Introducción al Curso

2:00 min

Introducción a Angular

5:00 min

Configurando nuestro proyecto en Git y Github

3:00 min

Introducción a Angular CLI y al proyecto de Platzinger

1:00 min

Instalación del entorno de desarrollo en Mac OS

9:00 min

Instalación del entorno de desarrollo en Windows e información acerca del editor que usaré (WebStorm) y alternativas

11:00 min

Corriendo nuestra app en el navegador

4:00 min

Reto: Desarrolla un tutorial escrito comparando Angular con otro Framework (Vue, React)

1:00 min

Definición de la estructura del App

¿Qué hará nuestra app? ¿Cuál es su arquitectura? ¿De qué pantallas se compondrá? ¿Cuál será su look?

6:00 min

Explorando el sistema de archivos

6:00 min

¿Qué son y cómo generar los primeros componentes de nuestra app?

9:00 min

Navegación básica entre componentes

10:00 min

Componentes anidados: Creando un componente con nuestras rutas de navegación que funcione como menú

3:00 min

Reto: Varias conversaciones a la vez

1:00 min

Basics de Angular y TypeScript

¿Cómo usar tipos de datos con TypeScript?

11:00 min

Qué son las interfaces de TypeScript y su implementación

9:00 min

NgFor aplicado en la lista de usuarios

6:00 min

NgIf aplicado en la lista de usuarios

5:00 min

Navegación con parámetros

7:00 min

Accediendo a nuestros usuarios desde Conversation.ts

6:00 min

Creando un servicio de usuarios e Inyectando el servicio en nuestros componentes

8:00 min

Pipes en Angular (date, number, json)

7:00 min

Creando nuestro propio pipe para buscar entre nuestros contactos

11:00 min

Estilos

¿Cómo usar estilos CSS y referenciar recursos?

5:00 min

Instalando librerías usando npm (bootstrap y font-awesome) y Referenciando CSS en el angular.json

12:00 min

Reto: Cambiar ícono según estatus

1:00 min

Implementando estilos en la pantalla de login

10:00 min

Terminando de implementar los estilos de nuestra pantalla de login

12:00 min

Implementando estilos en el navbar

10:00 min

Implementando estilos en la pantalla de home

11:00 min

Implementando estilos en home, lista de contactos

10:00 min

Implementando estilos en profile

11:00 min

Reto: Estilos en la pantalla de conversación

1:00 min

Usando ngClass para añadir estilos dinámicos

4:00 min

Reto: Mejorar estilos en la pantalla de conversación

1:00 min

Acceso a datos remotos y login

¿Qué es Firebase? Creando nuestro proyecto

3:00 min

Diferencia entre conexión por sockets y HTTP

4:00 min

Instalación y setup de la librería AngularFire a través de npm

6:00 min

Login/Registro de usuarios con email y password

13:00 min

Reemplazo del servicio de usuarios por un servicio dinámico con conexión a Firebase

20:00 min

Guards para verificar Firebase auth

14:00 min

Creando un CRUD implementando un API REST HTTP (con diversos backends)

2:00 min

Reto: Implementar API HTTP

1:00 min

Opciones y subida de imágenes

Perfil de usuario

10:00 min

Seleccionar fotos usando una librería para image cropping

9:00 min

Guardando las imágenes de perfil en nuestra base de datos de firebase

15:00 min

Conversación

¿Cómo resolver el problema de comunicación en tiempo real?

3:00 min

Enviando un mensaje (con reproducción de sonido)

16:00 min

Mostrando conversación

12:00 min

Enviando un zumbido (con reproducción de sonido y animación)

15:00 min

Reto: Envía una foto

1:00 min

Amigos

Planeación previa para la característica, ¿cómo generaremos las solicitudes?

2:00 min

Enviando una solicitud de amistad

22:00 min

Generando el modal de solicitud de amistad

26:00 min

Aceptando solicitudes de amistad

16:00 min

Mostrando sólo contactos que son amigos

7:00 min

Componentes anidados (con paso de parámetros)

10:00 min

Reto: Mensaje personal en Solicitud de Amistad

1:00 min

Deploy

Creando un wrapper para desktop, usando Electron

28:00 min

Reto: Dándole Características PWA a nuestra App

1:00 min

Exportando app para web, complementando con Firebase Hosting

6:00 min

Conclusión

Conclusión

1:00 min

Cuéntanos

1:00 min
nuevosmás votadossin responder
Elberth Jair Agreda Rosero
Elberth Jair Agreda Rosero
Estudiante
·hace 9 días
¿Profe, por qué siempre usas promesas y no observables?
1
JesusVarela
JesusVarela
Estudiante
·hace 16 días
  1. no se como colocar una imagen aqui.
  2. la palaba predicate me da error.
  3. este es el codigo y no se que de malo tie...
0
kikekeys
kikekeys
Estudiante
·hace 23 días
Desde el segundo 30 que empieza definir una SPA entiendo entonces que un framework/librería orientado a componentes(...
1
Samuel Gonzalez Alvarez
Samuel Gonzalez Alvarez
Estudiante
·el mes pasado
Al intentar abrir la página de login sólo me carga el navbar, todo corre bien pero esa sitio en especial no funciona import { Injec...
1
OSCAR ALFREDO CHAFLOQUE TAMPECK
OSCAR ALFREDO CHAFLOQUE TAMPECK
Estudiante
·el mes pasado
si quiero actualizar el deploy repito todos los pasos o basta con un ng-build y un deploy
1
ma74ny
ma74ny
Estudiante
·hace 2 meses
¿cómo evito que ingresen al login una vez que ya iniciaron sesión?
1
Rafael Aguilar
Rafael Aguilar
Estudiante
·hace 2 meses
Donde descargo el interface de los usaurios?
2
Manuel Esteban Rodríguez Gómez
Manuel Esteban Rodríguez Gómez
Estudiante
·hace 2 meses
Vscode al escribir en el home.component el codigo {{user.nick}} - {{user.age}} concretamente al escribir user. no me da ninguna posible ...
0
Alberth Andrés Velásquez mejia
Alberth Andrés Velásquez mejia
Estudiante
·hace 2 meses
buenas tardes tengo un problema con this.friends.find(predicate: src/app/convesation/convesation.component.ts:24:47 - error TS1005: ‘,’ e...
1
Yulii
Yulii
Estudiante
·hace 2 meses
¿En qué curso puedo obtener más información sobre conexión por sockets?
1