Introducci贸n a Angular

1

Todo lo que aprender谩s sobre Angular

2

Instalaci贸n y preparaci贸n del entorno de desarrollo

3

Preparando el entorno para Windows

4

Preparando el entorno para Linux

5

Crea tu primera aplicaci贸n en Angular

Estructuras de control

6

Introducci贸n al Angular CLI y proyecto del curso

7

String interpolation

8

Data binding en Angular

9

Uso de ngIf

10

Uso de ngFor add y delete

11

Uso de ngFor para recorrer objetos

12

Uso de ngSwitch

Componentes

13

驴Qu茅 son los componentes y decoradores?

14

Uso de Inputs y Outputs

15

Ciclo de vida de los componentes

16

Estilos para mostrar la lista de productos

17

Uso de ng generate y ng lint

Pipes y Directivas

18

Usando los pipes de Angular

19

Construyendo un propio pipe

20

Construyendo una directiva propia

M贸dulos y Rutas

21

Introducci贸n al NgModule

22

Creando rutas en Angular

23

Creando la p谩gina home de la tienda

24

Usando routerLink y routerActive

25

Creando el detalle de cada producto

26

Elaboraci贸n de la p谩gina de detalle de producto

27

Creando el m贸dulo del website con vistas anidadas

28

Preparar el proyecto para Lazy Loading

29

Implementaci贸n del Lazy Loading

30

Creando un shared module y core module

31

Guardianes

UI/UX, estilos

32

Instalando Angular Material

33

Instalando un sistema de grillas

34

Creando el header

35

Estilos a product-card

36

Creando vistas con Angular schematic

Servicios

37

Creando nuestros propios servicios: HTTP Client

38

Haciendo una solicitud GET desde el servicio

39

Haciendo una solicitud POST desde el servicio

40

Haciendo una solicitud PUT y DELETE desde el servicio

41

Ambientes en Angular

42

Lista de inventario y detalle

43

Cierre de ejercicio de detalle

Formularios

44

Introducci贸n al FormControl

45

Creando el formulario de productos

46

Ajustar estilos en un formulario

47

Validaciones personalizadas

48

Editar un producto a trav茅s de un formulario

Programaci贸n reactiva

49

A帽adiendo productos al carrito

50

Usa un pipe para hacer un contador de productos

51

Creando la p谩gina de la orden y uso de async

Firebase

52

Instalar Angular Firebase y configurar Firebase Auth

53

Implementando Auth y Guards

54

Subiendo una imagen a Firebase Storage

55

Haciendo deploy a Firebase Hosting

Conclusiones

56

Repaso del curso

Curso de Angular 8

Curso de Angular 8

Nicolas Molina

Nicolas Molina

Todo lo que aprender谩s sobre Angular

1/56
Recursos
Transcripci贸n

Aportes 48

Preguntas 8

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Me parece todo muy bien. Una sugerencia es que el docente en la primera clase explique cu谩l proyecto (y la versi贸n de Angular) se va a trabajar.

En la parte de abajo del nombre del docente se puede escribir informaci贸n relevante, como los comandos, las extensiones que se utilizan los editores de texto (los cuales no est谩n tampoco en los pr贸ximos cursos de configuraci贸n de editores de video), o links.

Este comentario solo a nivel constructivo, para que el estudiante se pueda ubicar r谩pidamente en el tiempo, en las versiones y pueda tomar notas mas r谩pidos para ser mas productivos.

El curso de git de @freddier tiene un excelente ejemplo de esto que estoy mencionando.

Saludos, un fuerte abrazo鈥!

Buenas noches les comparto mis notas del curso para los que estan comenzando espero les sirva. acepto comentarios y retroalimentaci贸n para enriquecer mas este documentos.

Documento

Gracias por actualizar el curso de Angular!

56 clases creo que es el curso mas largo que voy a tomar.

馃摃 Introducci贸n a Angular

驴Qu茅 es Angular?

Angular es un framework opensource desarrollado por Google聽para facilitar la creaci贸n y programaci贸n de aplicaciones web de una sola p谩gina, las webs SPA (Single Page Application).

驴Por qu茅 Angular?

Angular separa completamente el frontend y el backend en la aplicaci贸n, evita escribir c贸digo repetitivo y mantiene todo m谩s ordenado gracias a su patr贸n MVC (Modelo-Vista-Controlador) asegurando los desarrollos con rapidez, a la vez que posibilita modificaciones y actualizaciones.

Entre otras ventajas, este framework es modular y escalarle adapt谩ndose a nuestras necesidades y al estar basado en el est谩ndar de componentes web, y con un conjunto de interfaz de programaci贸n de aplicaciones (API) permite crear nuevas etiquetas HTML personalizadas que pueden reutilizarse.

OBJETIVO
Crear aplicaciones con buenas pr谩cticas, conociendo cada uno de los artefactos, herramientas y el ecosistema que ofrece Angular, al final poder crear aplicaciones de gran calidad para poner a producci贸n.
馃挭馃徏

tengo muchas espectativas sobre este curso, vamos con todo!!!

Excelente esperando este curso desde hace rato, al profe Molina

Al fin! el curso actualizado de Angular! a darle con todo!

Vengo desde el curso expert, pues primero debo de empezar con este 馃槂

Nico! me da mucho gusto que seas el profesor, te sigo desde hace a帽os y he aprendido bastante de ionic y angular por tus aportes a la comunidad!.
Saludos!.

Nuevamente comenzando el curso de angular 馃槂 si alguien quiere estudiar en conjunto yo feliz 馃槂

Bienvenidos a Angular o conocido anteriormente como Angular.JS
Angular es una plataforma o framework open source desarrollado por Google en la cual puedes desarrollar aplicaciones web progresivas y facilitando la creaci贸n y programaci贸n de estas, tambi茅n nos permite el uso de formularios reactivos hacer testing o utilizar dise帽o de materialice o material design para realizar tus aplicaciones o p谩ginas web 贸sea las single page aplications.

Muchas esperanzas en este curso, Quiero aprender Angular estoy siguiendo la ruta tal cual la indican, Vamos 馃敟馃敟

Emocionado por empezar a aprender algo diferente! (vengo de trabajar unicamente con react), mas herramientas para la resolucion de problemas #NoParesDeAprender

Donde encuentro el link a github?

Motivado por el curso 馃槑

Angular CLI: https://cli.angular.io/

Vamos con toda la energ铆a. Aprendamos Angular.

Nico crack.

Creo que decid铆 antes angular y despu茅s React

Los frameworks son temporales pero las matem谩ticas son eternas.
Los frameworks tienen fecha de caducidad pero las matem谩ticas no.

Llevo tomando dos veces el curso, porque olvide algunos conceptos de Angular, y me sigue pareciendo muy completo cada clase.
Comparto mis notas, pueden duplicarlo y dejar un comentario si desean
https://pickled-dugout-35a.notion.site/Angular-8-a77dca76773e4b83b98a3db13dddbcc7
Espero les sirva, Saludos 馃槂

Curso de Angular 8 por Nicol谩s Molina

OBJETIVO
Crear aplicaciones con las buenas pr谩cticas, conociendo cada una de las herramientas y el ecosistema que ofrece Angular, al final podr谩s crear aplicaciones de gran calidad para poner en producci贸n.

驴QUE ES ANGULAR?

Angular es un Framework de dise帽o de aplicaciones y una plataforma de desarrollo para crear aplicaciones de una sola p谩gina eficientes y sofisticadas, es de c贸digo abierto y mantenido por Google.
La finalidad de Angular es facilitarnos el desarrollo de aplicaciones web y adem谩s darnos herramientas para trabajar con los elementos de una web de una manera m谩s sencilla y optima.

**Angular incluye: **

  • Un marco basado en componentes para crear aplicaciones web escalables.

  • Una colecci贸n de bibliotecas bien integradas que cubren una amplia variedad de caracter铆sticas, que incluyen enrutamiento, administraci贸n de formularios, comunicaci贸n cliente-servidor y m谩s.

  • Un conjunto de herramientas para desarrolladores que le ayudar谩n a desarrollar, compilar, probar y actualizar su c贸digo.

Tengo el viernes una entrevista y nunca he estudiado ANGULAR.
驴Conseguir茅 el trabajo?

Se deber铆a renovar el curso

Verngaaaaaaaaaaaaaa

Tengo muchas muchas expectativas con este curso.

Muy buenas expectativas del curso

a comenzar, se ve bueno.

Soy nuevo en esto de tiendas online, me gustar铆a saber si es que hay alguna manera de conectar la tienda que hacemos en este curso, con un sistema de pago como PayPal, para que sea realmente completa la web.

Con toda para este curso y la carrera!

Excelente! vamos con todo!

vamos

Genial Este curso

Veamos...

vamos!

Empezamos!

Alguien sabe el nombre de cada uno de estos iconos?

Buena Vibra. Let鈥檚 Go! 馃槂

Se ve que se viene pesado este curso, Angular es un monstruo 馃く. A darle 馃殌!!

Excelente

A iniciar con todo un nuevo curso 馃槃

guardians

Quisiera saber siempre estos cursos CU脕NDO los sacaron, siempre es con la triqui帽uela para que uno haga cursos viejos鈥

f

Por favor que no sea como el de vue que qued贸 obsoleto por el cambio de Vue2 a Vue3 馃憦馃憦馃憦馃憦

Para los que como yo estan empezando en este mundo de angular recomiendo tambien este gitbook https://ngchallenges.gitbook.io/project/angular

con angular puedo hacer app moviles ?