[MUSIC]
Bienvenido a este curso sobre Front-End JavaScript Frameworks: Angular.
Este es el segundo curso en la especialización en aplicaciones web de pila completa y
multiplataforma móvil.
Este curso trata de frameworks JavaScript, Angular en particular.
Debes estar preguntándote, ¿es Angular dos, o es Angular?
Aclararemos eso en la primera lección sobre la introducción a Angular
en este curso.
Me alegro de que hayas decidido unirte a este curso.
Y espero que te diviertas pasando por este curso.
Antes de embarcarse en este curso,
quiero asegurarme de que usted tiene suficiente conocimiento de HTML y CSS.
Y también un buen conocimiento de trabajo de JavaScript, especialmente ES 5 JavaScript.
Ahora, este curso usaremos Typescript como el lenguaje para
escribiendo nuestras aplicaciones Angular.
Ahora, si te preguntas ¿debería saber Typescript y
debería saber ES 2015+, la versión más reciente de JavaScript?
Bueno, su kilometraje puede variar.
Mi enfoque para aprender estos nuevos idiomas es usarlos y
luego aprender en el camino.
Así que eso es lo que haremos en este curso.
No te presentaré explícitamente a Typescript específicamente en este curso.
Pero en lugar de escribir el código, voy a ilustrar varias características
de Typescript en el contexto de Angular a medida que desarrolla
la aplicación Angular, en los ejercicios como parte de este curso.
Otro punto que me gustaría aclarar fuertemente en esta etapa
es que veo el desarrollo web y el diseño como dos partes.
La primera parte es el Diseño Web en sí, la Experiencia de Usuario o
Diseño Inferface de Usuario, el Diseño Visual, el Prototipado, los colores,
gráficos y animación.
Y todos esos aspectos de cómo un sitio web o
incluso una aplicación móvil deben ser diseñados.
Ahora está el otro aspecto que está construyendo y
despliegue de aplicaciones web y aplicaciones móviles.
Ahora en este curso, nos concentraremos más en la construcción y
despliegue de aplicaciones web.
Si usted está buscando el aspecto de diseño del diseño web y desarrollo,
entonces este no es el curso correcto para usted.
Cuando hablo de esa implementación, construcción y desarrollo
de aplicaciones web, estamos hablando de habilidades de aprendizaje
que son esenciales para traducir un diseño en un código de trabajo.
Así que aquí, en esta especialización, ya hemos aprendido acerca de Bootstrap 4.
En este curso, vamos a aprender acerca de Angular.
Entonces aprenderemos sobre Ionic y NativeScript.
Y luego también el desarrollo del lado del servidor usando el ecosistema de nodo y nodo.
Así que esa es la concentración de este curso en particular.
Así que estamos hablando de codificación real, en lugar de diseño de sitios web.
La otra pregunta que surgirá en tu mente es ¿qué es exactamente el desarrollo web
pila completa?
Si ya has tomado el curso anterior,
te he presentado al desarrollo web de pila completa.
Si no lo ha hecho, la primera lección de este curso
sería una introducción rápida al desarrollo web de pila completa.
Y vamos a colocar este curso en el contexto del desarrollo web de pila completa.
Así que es por eso que en el primer curso cubrimos Bootstrap 4,
en este curso vamos a concentrarnos en Angular.
Luego, en el próximo curso, veremos a Ionic y Cordova para
haciendo multiplicado por el desarrollo móvil.
Luego veremos NativeScript en el cuarto curso.
Y luego, finalmente, veremos el desarrollo del lado del servidor,
incluyendo ambos haciendo la capa de lógica empresarial usando el ecosistema de nodo.
Y la capa de almacenamiento de datos usando MongoDB en esta especialización.
Este curso específico, como se espera, se concentra en Angular.
Se les presentará a los diversos aspectos del marco angular a través de
un conjunto de ejercicios que se construyen unos sobre otros.
Así que es una secuencia de ejercicios donde voy a introducir varios conceptos angulares.
Y luego inmediatamente le mostraremos cómo aplicamos estos conceptos en el contexto
de una aplicación angular que desarrollaremos a lo largo de este curso.
Ahora en el camino, cuando diseñamos las vistas de Angular,
haremos uso del material Angular, para hacer la interfaz de usuario de nuestros componentes Angular.
Y haremos layouts usando el Angular Flex-Layout en este curso.
La alternativa sería usar Bootstrap 4 que hemos aprendido anteriormente.
Pero pensé que este curso también le proporcionará
la oportunidad de aprender otro marco de interfaz de usuario front-end.
Eso es Material Angular y Angular Flex-Layout para
haciendo exactamente las mismas cosas que hemos hecho con Bootstrap 4.
De esta manera aprenderá dos formas diferentes de abordar el diseño de la interfaz de usuario
usando Bootstrap 4 o usando Material angular más Angular Flex-Layout.
También te presentaremos a los conceptos básicos de TypeScript
a través de los ejercicios mientras duplicamos nuestra aplicación Angular.
El curso en sí se organizará en cuatro módulos.
Los cuatro módulos están diseñados para corresponder a cuatro semanas de este curso.
Pero por supuesto, permítanme enfatizar a ustedes
que no necesitan ser presionados por los plazos que tenemos en este curso.
Usted puede tomar su propio tiempo para pasar por el curso.
Es más importante entender todos y cada uno de los aspectos de Angular.
Si necesitas tiempo adicional, no dudes en pasar a la próxima sesión de este curso.
Y luego continuar.
Todo el trabajo que hayas completado en una sesión será automáticamente llevado
a la siguiente sesión del curso.
Así que no dejes que los plazos te presionen para que te apresures para completar este curso.
Ahora, habiendo dado esa idea general,
veamos lo que cada uno de los cuatro módulos cubrirá en este curso.
El primer módulo le presentará a Full Stack Web Development,
la idea general y la vista de imagen grande.
Inmediatamente después, veremos una breve descripción general de Git y Node.
Si has hecho el curso anterior de Bootstrap 4,
entonces habrías cubierto estos dos ya en el curso anterior.
Entonces puedes saltar rápidamente a
la primera lección que te introduce a Angular, la introducción a Angular.
Después de la introducción al marco Angular y luego configurar nuestra aplicación Angular
usando material Angular y Angular Flex-Layout.
Luego pasaremos a estudiar más sobre los componentes angulares.
¿Cuál es el papel de los componentes angulares en el diseño de una aplicación angular y
el diseño de las diversas vistas que se admitirán en su aplicación angular?
Eso debería llevarte hasta la primera tarea de este curso.
El segundo módulo se concentra en servicios angulares, enrutamiento
y aplicaciones de una sola página.
Observamos cómo la retroalimentación angular apoya el acceso a los datos y
cómo podemos hacer uso de los servicios para acceder a los datos.
Además, cómo podemos hacer uso de los datos en el diseño
nuestras vistas para nuestros diversos componentes angulares.
Así que ahí es donde el aspecto de enlace de datos entra en la imagen.
Luego veremos el enrutamiento angular y
cómo podemos implementar aplicaciones de una sola página en Angular.
Te explicaré qué es una aplicación de una sola página y
luego veremos cómo podemos diseñar una usando el marco angular.
Y eso te llevará hasta la segunda tarea en este curso.
El tercer módulo se concentra en formas angulares.
Luego veremos las Formas Reactivas Angulares y
también cómo la programación Angular y Reactiva funcionan juntas.
Y cómo Angular aprovecha la programación Reactiva para
implementando diversas formas de soporte dentro de la aplicación Angular.
Así que veremos las formas impulsadas por plantillas, luego veremos las formas Reactivas Angular,
y luego veremos cómo Angular apoya las promesas.
Y luego también eche un vistazo a la programación reactiva en RxJS en el contexto
de cómo Angular aprovecha RxJS para admitir varias características dentro del marco.
Eso te llevará hasta la tercera tarea de este curso.
El módulo final analiza la comunicación cliente-servidor.
Cómo su aplicación Angular puede comunicarse con un servidor
que proporciona datos que se pueden obtener desde el lado del servidor y
luego se usa para representar las vistas dentro de su aplicación Angular.
En consecuencia, también veremos cómo cualquier cambio que desee
hacer en los datos puede reflejarse en el lado del servidor,
desde su aplicación Angular.
Veremos Angular y el módulo HTTP dentro de Angular.
Veremos cómo se aprovecha la API REST para
diseñando su aplicación Angular,
también veremos Animaciones y Directivas en Angular.
En particular, las directivas de atributo en Angular.
Vamos a ver las directivas de estructura en el primer módulo.
Veremos brevemente las pruebas de aplicaciones Angular, y finalmente
veremos cómo construiremos e implementaremos nuestra aplicación Angular en un servidor.
Y eso debería llevarte hasta la tarea final en este curso.
En el camino, también tenemos una pista de honores integrada en este curso.
Si quieres trabajar en tu propio proyecto usando Angular,
entonces la pista de honores te ofrece la oportunidad de trabajar
en tu propio proyecto dentro de este curso en particular.
Así que echa un vistazo a la pista de honores, y si eso te interesa, también puedes continuar con
desarrollando tu propio proyecto Angular en el contexto de este curso.
Espero que disfrutes pasando por este curso y aprendes Angular.
La última palabra que os dejo es ser paciente.
Angular requiere mucha paciencia para aprender.
Habrá muchos conceptos y tecnologías
que encontraréis a medida que paséis por este curso.
Por favor, no se apresure sólo para completar el curso.
Tómese su tiempo para entender cada paso antes de terminar este curso.
Espero que disfrutes tomando este curso.
[MÚSICA]