Inicio del curso

1

De qué tratará este curso sobre Angular 4

Introducción a Angular 4

2

Versionamiento en Angular

3

¿Qué es Angular? Versiones y ventajas

4

Typescript: qué es

5

Introducción al Proyecto: PlatziSquare!

Setup del Ambiente de Trabajo

6

Herramientas de trabajo y Angular CLI

7

Generación y estructura de Angular 4

8

RETO: Haz un cambio simple en el proyecto.

Conceptos Básicos

9

Para qué nos sirven los Módulos y Componentes

10

Tipos de Data Binding y String Interpolation

11

Property Binding

12

Event Binding

13

Two Way Data Binding

14

Directivas en Angular 4 y ngFor

15

Directiva ngIf

16

Instalando librerías con NPM (Google Maps)

Directivas

17

Directivas ngStyle y ngClass

18

Directiva ngSwitch

19

Directiva de atributo

20

Host Listeners

21

Host Binders

Angular UI

22

Angular Material y Bootstrap

23

Configurando e implementando Bootstrap en nuestro proyecto

Ruteo

24

Qué hace el router en Angular 4

25

Implementación de Rutas en el Proyecto

26

Diferencias entre href y routerLink

27

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos

28

Parámetros en Rutas

29

Parámetros tipo Query

30

Creando una vista de detalle para el proyecto

31

Creando la página de contacto para PlatziSquare

Servicios

32

Qué son los servicios en Angular 4

33

Creando nuestro propio servicio

34

Configurando Firebase en nuestro proyecto

35

Guardando Records en Firebase

36

Obteniendo records desde Firebase

37

Obteniendo coordenadas usando Geocoding

38

Reto: Crear una vista para editar records

39

Mostrando marcadores en el Mapa de Google

Conexión Remota (Http y Sockets)

40

Funcionamiento de los llamados Http y Sockets

41

Qué es una arquitectura cliente - servidor

42

Enviando llamados tipo POST

43

Enviando llamados tipo GET

44

Formateando respuestas del servidor con el operador map()

45

Manejando errores HTTP

Pipes

46

Utilidad de los Pipes en Angular 4

47

Usando los pipes por defecto de Angular

48

Parámetros en pipes

49

Creando nuestro propio pipe

Animaciones en Angular

50

Configurando animaciones en nuestro proyecto

51

Transiciones

52

Callbacks

53

Solución al Reto: Añadiendo animaciones a nuestra aplicación

Testing en Angular

54

Introducción a unit tests

55

Configuración de testing por default

56

Corriendo los tests

57

Creando unit tests para componentes

58

Integración de Unit Test con Servicios

Autenticación y Protección de Rutas

59

Cómo funcionan los JSON Web Tokens

60

Preparación de vistas para login y registro

61

Registrando usuarios

62

Loggeando usuarios

63

Protección de Rutas

64

Autenticación con redes sociales.

65

Logout

RxJS

66

Qué es RxJS

67

Configurando RxJS en nuestro proyecto

68

Uso de los Observables

69

Implementando un TypeAhead

70

Implementando un TypeAhead 2

71

Solución al reto autocompletar los campos de dirección usando observables

Publicando nuestro proyecto

72

Publicando en Firebase Hosting

Fin del curso

73

Conclusión ¿Qué aprendimos en el curso?

74

Reto final del curso - realiza un nuevo modulo de PlatziSquare de acuerdo con las historias de usuario

Sesiones en vivo

75

Creando un traser bullet de PlatziSquare

76

Sesión de preguntas y respuestas

77

Release de Angular 5

78

Sesión de preguntas y respuestas

79

Angular Universal

Contenido Bonus

80

Actualización de angular, versión 6.0

Curso de Angular 4

Curso de Angular 4

Eduardo Ibarra

Eduardo Ibarra

De qué tratará este curso sobre Angular 4

1/80
Recursos

En éste curso Eduardo Ibarra, nos enseñara a construir aplicaciones profesionales en Angular 4. Los temas que trabajaremos a los largo del curso son:

  • Introducción
  • Configuración del ambiente de trabajo
  • Conceptos básicos
  • Directivas
  • Rutas
  • HTTP
  • Servicios en Angular 4
  • Pipes
  • Angular UI
  • Animaciones
  • Testing
  • Seguridad
  • Rx.js
  • Publicaremos la app

Aportes 35

Preguntas 3

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Vengo del futuro , no se descarguen la ultima version de Angular para hacer este curso , asegurense de estar trabajando con Angular 4.0 porque sino no les va a andar el proyecto.

Hola! actualmente esta la versión 8 de angular. Mi pregunta es si este curso quedo desactualizado a día de hoy o vale la pena hacerlo? Porque para hacer angular 6 recomiendan este curso.

Se sugiere comenzar desde los cursos de Angular 4, para ir desde los conceptos más básicos

¿ Sigue siendo este curso obligatorio para la carrera de Angular ? Lo digo porque el framework ya va por la versión 8 y esta es la 4 😜

28 de febrero del 2019. Apartir del video 35 es imposible seguir al profe. Actualicen el curso.

Aprenderé Angular 4 y posteriormente pasare a angular 6.

Vamos a Ver que Tal el Curso.!!

😃

exelente

buenas clases

Vamos con toda la actitud!!!

No importa la versión de Angular (la 8 actualmente), los conceptos son los mismos Daniel Muñoz. De hecho si lees en la documentación de Angular ellos lo llaman Angular sin ningún número. Saludos

Empezando con todo, espero aprender mucho

Espero poder aprender en este curso nuevas cosas que me puedan ser de utilidad para las paginas web

Ready!

que conocimientos previos se necesitan para tomar el curso?

hola vengo por los gifs de las presentaciones :'V

Excelente observación

Let's go

vamos con todo!

exelente, estaba esperando aprender angular, y espero que sean por las bases realmente , ya que es un framework … 😃

Busquen alternativas para tener varias versiones de angular en el PC, para poder estar a la vanguardia y a la vez ver las cosas elementales que explica este curso, por ejemplo revisen este link: https://stackoverflow.com/questions/43018777/angular-cli-different-versions-in-the-same-computer
Vamos a darle al Front 😄

No descarguen la ultima versión del curso, descarguen solo la versión 4

Vamos a comenzar.

Que tanto cambiara de una versión a otra? Yo no creo que sea tanto, pero veo que hay muchos preocupados si aprender esta versión.

Siempre es bueno empezar por las bases!

ya va siendo la hora de una actualización no creen?

Excelente!

Angular desde la versión 2.X ya esmuy similar hasta la actual Angular 8.X

uno más 😃

Muchas expectativas de aprender y darle con toda

muy buen inicio

Exelente

Con ganas de aprender!!!

Hola, es necesario aprender Angular 4 para hacer el curso de Angular 6? Es recomendable?