Cuéntanos

Clase 63 de 63 • Curso de Angular 6 2018

Has llegado al final de este curso y nos encantaría saber qué piensas:

¿Qué ventajas le ves a Angular? ¿Qué desventajas? ¿Cómo lo implementarías en un app que tengas pensado desarrollar?

Escríbenos en Twitter a @platzi y @iBar_Ed tus respuestas, estaremos pendientes.

Juan Antonio Baracat

student•

¿Qué ventajas le ves a Angular?
Las ventajas que veo en Angular es que es un Framework muy maduro y estable, nos propone una arquitectura muy bien pensada y nos brinda las funcionalidades que casi todos los proyectos lo quieren.
¿Qué desventajas?
Como todo Framework tiene su curva de aprendizaje, no lo recomiendo para proyectos pequeños…
¿Cómo lo implementarías en un app que tengas pensado desarrollar?
Tengo pensando usar Angular en proyectos medianos y grandes.

César Augusto Otero Vega

student•

Muy buen curso, Angular nos orienta a tener un código organizado de forma modular, lo cual será una buena opción para implementar a futuros proyectos.

Ruben Garcia

student•

Angular es un framework bastante completo y ademas su estructura permite tener el código organizado.

Creo que su curva de aprendizaje es mayor a otros framework de js.

Elwyn Cumpa

student•

Excelente curso, abarcando los puntos principales en este lenguaje.

Christian Michelle Torres Martínez

student•

Excelente curso, no sabía lo interesante que puede llegar a ser angular y la manera de explicar Eduardo, magnifico

Carlos Uriel de Jesus Sánchez González

student•

¿Qué ventajas le ves a Angular?
framework muy completo
¿Qué desventajas?
curva de aprendizaje alta
¿Cómo lo implementarías en un app que tengas pensado desarrollar?
Muchos proyectos en mi trabajo

Eduardo Rahn

student•

¿Qué ventajas le ves a Angular?
A mi parecer la curva de aprendizaje no es tan elevada como la de otros frameworks de JS. El uso de Typescript simplifica mucho las cosas para los que venimos de la POO y lenguajes como JAVA.

¿Qué desventajas?
La velocidad con la que salen las nuevas versiones hacen que se tenga que estar excesivamente atento a los cambios.

¿Cómo lo implementarías en un app que tengas pensado desarrollar?
Ya tengo 3 en mente y una de ellas va con Electron tambien

Jeffry Davila

student•

¿ventaja le ves a angular?
Es un Framework ,se pueden desarrollar proyectos grandes,tiene buena estética y la manera en como trabaja es decir que trabaja por componentes.

¿Desventajas?
Veo que es mas adecuado usarlo para el lado del cliente, también su documentación, es muy confusa, me tomo días resolver uno de los retos.

¿Lo implementaría en un app que tengas pensado desarrollar?
-En un portal de notas para una escuela.

Developer Resolve Studio

student•

¿Qué ventajas le ves a Angular?
Es un framework que permite crear single page application, tiene un set de herramientas para generar componentes, servicios, guards y también ejecutar la aplicación en un ambiente local. Evita el código espagueti
¿Qué desventajas?
En lo personal no le encuentro desventajas es muy útil en verdad.

¿Cómo lo implementarías en un app que tengas pensado desarrollar?
Para crear un sistema de calificaciones cómodo para las universidades o para trabajar con Big Data con una app de analisis.

Edison Jhon Moya Arias

student•

La mayor ventaja es la estructura que se sigue al programar con este framework, debido a que establece la forma en la que deben organizarse sus elementos (componentes, service, modules, etc).
La desventaja es que te ves obligado a usar typescript para su desarrollo.
Como punto final quisiera recomendar algo para futuros cursos de angular:

Usar modules para crear agrupaciones de componentes dentro de estos y llevar de mejor manera el codigo.
Implementar el desarrollo por ambientes (desarrollo, produccion, etc).

Gabriel Solorzano

student•

Muy bueno el curso Eduardo, congrats!!!!

Me trae tantos recuerdos mi viejo Messenger, y poder replicarlo ha sido un gran aprendizaje.

Ventajas a Angular le veo muchísimas, tiene una gran comunidad, una gran empresa que le da soporte, y esto me ha ayudado a definirme entre tanto mar de frameworks JS.

Desventajas, pues como todo, nada es eterno en el mundo pero definitivamente es un gran framework. Quién sabe que estaremos viendo por ahì en el el 2029.

De implementarlo, por supuesto, como front-end para la web, y eso de Electron abre un mundo de posibilidades para crear "programas ejecutables windows".

Brandon Iván Quiroa Loarca

student•

No sabia que tan poderoso podia ser angular, hasta que decidi tomar los cursos de Eduardo. Buenisimos por cierto!

Luis Javier Quijije Parrales

student•

¿Qué ventajas le ves a Angular?

Puedo crear SPA de una manera mas intuitiva.
Al combinar con firebase el realtime es sorprendente para dejar de usar socket.io de node.
Permiter usar gran cantidad de controles de terceros.
El ngserve es increible, ya no tengo q hacer refresh. ¿Qué desventajas?
Definitivamente es para developers pro. ¿Cómo lo implementarías en un app que tengas pensado desarrollar?
Actualmente estoy creando una SPA para un cliente de trade-marketing y como bckend uso firebase firestore.

Fernando Rocha Olivera

student•

¿Qué ventajas le ves a Angular? arquitectura muy simple de utilizar. ¿Qué desventajas? el versionamiento de librerias ¿Cómo lo implementarías en un app que tengas pensado desarrollar? actualmente estoy haciendo mi tesis con angular y con un web service en .netCore

Brayan Andres Gallego Cardona

student•

¿Qué ventajas le ves a Angular?

Es un framework muy potente y se pueden hacer muchas cosas con el.
Se puede ajustar a las necesidades que tengamos. ¿Qué desventajas?
Es algo complejo de usar si eres muy nuevo en programación. ¿Cómo lo implementarías en un app que tengas pensado desarrollar?
lo pienso utilizar en un aplicativo web para mi negocio.

Cesar Cadavid

student•

Angular nos permite de forma organizada poder desarrollar nuestro front, mantener un estándar y todo mucho mas organizado, me gustaría desde ahora implementarlo en todos mis desarrollos personales, es un framework muy poderoso y con mucho futuro, gracias

carlos mauricio severiche

student•

Muy buen curso y bien explicado, seguiré profundizando más para seguir aprendiendo.

Gabriel Uviedo

student•

Me gustó mucho el curso, cubrio varios temas y se salió de Angular para dar inicio a otros conocimientos. Excelente!

Diego ARTURO PAREDES CARRILLO

student•

Excelente curso, muy bien explicado. Cubrió varios aspectos y despejó muchas dudas!

WALTER RAUL CANCHAN HERMOZA

student•

Me encanto el curso, excelente profesor, este el resultado del curso: https://platzinger-b8062.firebaseapp.com/ Gracias por compartir estos conocimientos..

Cuéntanos

Introducción

Qué aprenderás sobre Angular 6

Introducción a Angular

Configurando nuestro proyecto en Git y Github

Introducción a Angular CLI y al proyecto de Platzinger

Instalación del entorno de desarrollo en Mac OS

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

Corriendo nuestra app en el navegador

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

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?

Explorando el sistema de archivos

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

Navegación básica entre componentes

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

Reto: Varias conversaciones a la vez

Basics de Angular y TypeScript

¿Cómo usar tipos de datos con TypeScript?

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

NgFor aplicado en la lista de usuarios

NgIf aplicado en la lista de usuarios

Navegación con parámetros

Accediendo a nuestros usuarios desde Conversation.ts

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

Pipes en Angular (date, number, json)

Creando nuestro propio pipe para buscar entre nuestros contactos

Estilos

¿Cómo usar estilos CSS y referenciar recursos?

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

Reto: Cambiar ícono según estatus

Implementando estilos en la pantalla de login

Terminando de implementar los estilos de nuestra pantalla de login

Implementando estilos en el navbar

Implementando estilos en la pantalla de home

Implementando estilos en home, lista de contactos

Implementando estilos en profile

Reto: Estilos en la pantalla de conversación

Usando ngClass para añadir estilos dinámicos

Reto: Mejorar estilos en la pantalla de conversación

Acceso a datos remotos y login

¿Qué es Firebase? Creando nuestro proyecto

Diferencia entre conexión por sockets y HTTP

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

Login/Registro de usuarios con email y password

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

Guards para verificar Firebase auth

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

Reto: Implementar API HTTP

Opciones y subida de imágenes

Perfil de usuario

Seleccionar fotos usando una librería para image cropping

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

Conversación

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

Enviando un mensaje (con reproducción de sonido)

Mostrando conversación

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

Reto: Envía una foto

Amigos

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

Enviando una solicitud de amistad

Generando el modal de solicitud de amistad

Aceptando solicitudes de amistad

Mostrando sólo contactos que son amigos

Componentes anidados (con paso de parámetros)

Reto: Mensaje personal en Solicitud de Amistad

Deploy

Creando un wrapper para desktop, usando Electron

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

Exportando app para web, complementando con Firebase Hosting

Conclusión

Conclusión

Cuéntanos