Udemy

Platform

Español

Language

Web Development

Category

Curso de Angular 11 - Desde cero hasta profesional

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 4, 5, 6, 7, 8, 9, 10 y 11

4.32 (4193 reviews)

10548

Students

14.5 hours

Content

Jan 2021

Last Update
$94.99
Regular Price

Topics


What you will learn

Dominar Angular 4, 5, 6, 7, 8, 9, 10 y 11

Dominar TypeScript dentro Angular

Desarrollar aplicaciones web SPA

Mejorar la capacidad de adaptación a otros frameworks JavaScript

Aumentar las posibilidades laborales como desarrollador

Crear aplicaciones web modernas con Angular 11, Angular 10, Angular 9, Angular 8, Angular 7, Angular 6, Angular 5, Angular 4 y Angular 2


Description

Bienvenido al curso de Angular 11, vas a aprender paso a paso como desarrollar aplicaciones web front-end con la nueva versión de este framework de Google.

Este curso es compatible con Angular 2 final, Angular 4, Angular 5, Angular 6, Angular 7, Angular 8, Angular 9, Angular 10 y Angular 11.

Angular es el framework para JavaScript estándar para crear webs SPA. Es uno de los frameworks más populares para desarrollar aplicaciones modernas y escalables en el lado del cliente. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender Angular.

Angular ha dado un salto de calidad con respecto a la versiones anteriores del framework, como AngularJS. Ahora utilizaremos TypeScript para definir nuestras clases, propiedades y métodos, el código es mucho más limpio y se ha mejorado el funcionamiento general del framework.

Al finalizar el curso serás capaz de desarrollar tus propias aplicaciones web SPA (Single Page Apps) con Angular y modificar otras que ya estén programadas con este framework.

Este es el único curso de Angular en Español que existe hasta la fecha y está diseñado para que aprendas a desarrollar webapps en el cliente para el mundo real mediante ejemplos prácticos, paso a paso y de forma fácil para que no te quedes con dudas.

Se tratan desde los aspectos más básicos y sencillos hasta los más avanzados, por tanto no es necesario que sepas nada de AngularJS, ni de Angular 2 para aprender a usarlo, aunque si que necesitarás saber JavaScript y HTML para aprovechar al 100% este curso.

Durante el  curso verás muchísimos ejemplos prácticos. Iremos usando cada una de las partes fundamentales del framework y haremos un ejemplo en cada una de ellas.

Además en uno de los capítulos del curso desarrollaremos varias aplicaciones web SPA completas desde cero, para unir todas las piezas del puzzle.

Abordaremos el desarrollo de las aplicaciones partiendo desde cero, desde la creación de los componentes necesarios, uso de rutas y servicios, creación y consumo de servicios REST (mediante un API REST) con el componente HTTP de Angular, hasta la creación y validación de formularios, entre otras cosas.

A parte de esto, en los cursos de Víctor Robles conseguirás soporte y ayuda muy rápida, actualizaciones constantes con todo lo nuevo que va saliendo de Angular, etc.

Si quieres aprender Angular sin dolor, practicando poco a poco, subir de nivel en el desarrollo frontend con JavaScript y aumentar tus oportunidades laborales ¡Este es tu curso!

Échale un vistazo al currículo del curso para ver todos temas que aprenderás.

Únete al curso y sube de nivel: ¡¡ Aprende Angular !!


Screenshots

Curso de Angular 11 - Desde cero hasta profesional
Curso de Angular 11 - Desde cero hasta profesional
Curso de Angular 11 - Desde cero hasta profesional
Curso de Angular 11 - Desde cero hasta profesional

Content

Introducción

Antes de continuar aprendiendo Angular

Introducción al Curso de Angular 5, Angular 7, Angular 8 y Angular 9 en Español

Instalaciones y primeros pasos

Instalar una teminal de comandos (opcional)

Instalar NodeJS

Documentación para las siguientes clases

¿Que haremos en las siguientes clases?

Instalar Angular de forma básica

Angular CLI + Instalación de Angular + Hola mundo

Crear proyecto en el editor de código

Resaltar el código de Angular

Crear alias en la terminal

Analisis de la estructura de ficheros

Elementos que conforman Angular

Componentes y plantillas

¿Que es un componente y como funciona?

Crear un componente

Ejercicio y múltiples componentes

TypeScript dentro de Angular

¿Que es TypeScript?

Propiedades y tipos de datos

El contructor, métodos de un componente y NgOnInit

Diferencia entre let y var

Crear clases, modelos de datos y objetos

Directivas, binding y eventos

¿Que es una directiva?

Directiva ngIf y evento click

Directiva ngFor

Directivas ngSwitch y ngStyle

Two way data-binding

NgStyle en atributo

NgClass en atributo

Directiva ngClass

Routing y navegación

Configurar el routing

Menú de navegación

Marcar elementos del menú

Rutas y parámetros por la url

Redirecciones con el router

Servicios

Crear y utilizar un servicio

Ejercicio con los servicios

Pipes

Introducción a las pipes y filtros

Pipes para fechas

Filtros para transformar carácteres

Pipes personalizados

Formularios

Introducción a los formularios de Angular

Crear formularios

Validar formularios

Ejercicio con formularios. Primera parte.

Ejercicio con los formularios. Segunda parte.

Servicios, HTTP y AJAX

Crear servicio para hacer peticiones HTTP

Operator map

rxjs/Observable

Peticiones AJAX en Angular (HTTP, Llamadas a servicios REST)

Más tipos de peticiones HTTP

NgTemplate (if, else y then)

Introducción a NgTemplate

Crear componente y ruta

If y else con NgTemplate

If, else y then

Los ejercicios (recurso)

Creando un API REST

Instalar servidor de aplicaciones web local

Introducción al desarrollo del servicio REST

Acceso CORS y hosts virtuales

Desarrollo de servicios REST

Añadir carpeta al proyecto

Creando la base de datos

Instalar Framework para hacer APIs REST

Configuraciones y pruebas básicas

El cliente REST Postman

Conexión a la base de datos

Método para guardar productos

Devolver el listado de productos guardados

Conseguir un producto

Método para borrar productos

Actualizar productos

Subir imágenes al servidor

Configurar cabeceras HTTP y acceso CORS

El servicio REST (recurso)

Desarrollando una webapp completa

Introducción a la creación de la webapp con Angular

Instalar y generar proyecto base de Angular

Incluir Bootstrap y jQuery

Maquetación web inicial (CSS y Bootsrap)

Estilos para el menú de navegación y el footer

Página Home

Configurar el router

Página de error 404

Enlaces del menú de navegación

Sección de productos

Marcar elementos del menú

Fichero de configuración global (ES6)

Creando el servicio en Angular

Listado de productos

Sección para crear productos

Formulario para añadir productos

Recoger los datos del formulario

Validación del formulario

Guardar nuevos productos

Librería de uploads

Subir imágenes

Estilos para el listado

Página de detalle del producto

Mostrar detalles

Página de edición de productos

Formulario para actualizar productos

Enlaces en botones

Poder borrar productos

La webapp (recurso)

Comunicación entre componentes

Ejercicio con propiedades Input (Decorador @Input)

Decorador Output - Ejemplo practico

Angular 5

Antes de empezar esta sección...

Actualizar NodeJS

Instalar Angular 5

Actualizar un proyecto de Angular 4 a Angular 5

Módulo HttpClient

Repaso de componentes y directivas en Angular 5

¿Que es un componente en Angular 5?

Como crear componentes en Angular 5 (Angular 4+)

Directiva condicional NgIf

Directiva NgFor

¿Que es TypeScript aplicado a Angular 5?

Plantillas independientes

Propiedades y tipos de datos

Angular 6

Instalar Angular 6

Solución al error Vulnerabilities de NPM y Node

Novedades en la estructura de ficheros y directorios

Migrar un proyecto de Angular a la ultima versión

Soluciones a problemas con Rxjs y Observable de Angular

Angular 7, 8 y 9

Angular 7 - Novedades e instalación paso a paso

Angular 8

Angular 9

Angular 9

Tips, Tricks y extras

Usar jQuery dentro de Angular

Proyecto de Angular en producción

BONUS - Despedida y regalos

BONUS - Despedida y sorpresas extra



Reviews

R
Raul30 September 2020

Hasta el momento me gusta el curso pero siento que cuando hay errores en el código, las respuestas son muy "simples"; a veces simplemente son links y dentro de los links solo es "si tienes este error, hasta esto". No explican el por que del error ni nada y siento que eso no nos ayuda para resolver algún problema similar en el futuro

L
Luis30 September 2020

La informacion me parece buena, solo siento que algunos videos se han quedado un poco desactualizados

C
Carlos17 September 2020

Esta muy bien explicado por el profesor, pero de momento esta algo anticuado, ya que es sobre la versión 4 de Angular y ya va por la 10. He tenido problemas al crear la API Rest con Slim framework ya que utiliza una versión muy antigua. Estaría bien que se fuera actualizando. Por lo demás todo correcto. (Estoy a mitad de curso)

W
Walter4 September 2020

excelente curso, explica todo, soporte 1A, despues del curso me pude tener éxito en el desarrollo de una webapp con symfony y todo estuvo muy bien, gracias al curso, muy bien explicado.

C
Carlos21 August 2020

Genial este curso me ha servido para aprender Angular desde 0 hasta poder hacer un sitio web completo en este lenguaje.

C
Cerberus4 February 2020

Buen curso y un gran maestro, pero la verdad que necesita actualizar los vídeos. Por ejemplo no se explica como crear componente a través del angular CLI, que es algo fundamental y que te simplifica mucho el proceso de creación. Muy buen profesor y explicaciones claras y concisas.

C
Cristian30 January 2020

Está muy bien explicado pero como maneja desde Angular 4 hasta 9, puedes tener problemas con algunos códigos de las otras versiones a la 8 por librerías pero el instructor si apoya cuando le preguntas o puedes buscarlo en internet.

A
Alejandro15 January 2020

EL inicio del curso esta muy bueno, bien explicado, pero cuando comienza hablando de las nuevas versiones, de cada una de ellas, todo se vuelve repetitivo. lo de mas está excelente.

E
Elias6 December 2019

Buen curso, buen profe, entrega bien la información pero ponerle "Profesional" Creo es un nombre que le queda grande. Es mas bien introductorio o todo lo que necesitas para empezar a programar que es distinto a ser un "Profesional". El curso a nivel de programación, en realidad llega hasta angular 4 (Que es soportado hasta Angular 8). Pero todos los nuevo features posteriores a la version 6 en adelante, solo habla de las novedades, pero no de sus implementaciones , de que me sirve eso ? El problema del curso es que se ve que partió el curso con una versión menor a Angular 8 y reutilizó los videos anteriores, agregando las actualaziones de las versiones posteriores. Pero algunos cambios realizados en videos anteriores, no son soportados por la versión 8 (Problema de http que es removido en la versión 8.) . Ademas dejé una pregunta, osea mas que una pregunta, una recomendación sobre un problema en el video 18 (Modulo http) y la borró. Siempre dice instalar la version de angular CLI lastest y por ejemplo lo dice en la sección de Angular 5 y si instalas la lastest es la versión 8, no la 5. Toda la sección 16, de angular 5 excepto el primer video, es calcado de los videos de la sección 3,4,5. Nada nuevo. Falto hablar sobre Interceptores, Roles y permisos, @ViewChild, tablas, filtros, ordenamiento, paginacion, DataSource, Directivas propias, que son muy utiles en el día a día.

I
Ignacio4 December 2019

El curso está bien, aprendí y lo que dice es aplicable. Algo anticuado, aunque con los parches de las versiones nuevas terminas por programar en 8. Hice varias preguntas cuando estaba atascado a lo largo del mismo y no obtuve respuesta. Al final lo solucioné todo rebuscando en google. Vi varias personas más con preguntas que se tuvieron que contestar ellos mismos u otros alumnos. Mis preguntas ya no aparecen en el curso, quise poner la respuesta por si alguien más tenía el problema, pero ya no es posible. Si es una técnica para que los alumnos aprendan a resolver los problemas ok, pero al menos una respuesta estaría bien.

J
Jonas4 December 2019

Excelente curso, muy bien explicado, y muy buena la resolucion de errores en vivo, lamentablemente se desvia un poco en el consumo de api rest ya que se utiliza php y se pierde un poco el enfoque, aunque entiendo que es algo perfectamente normal Hay problemas en el consumo de api rest y veo que mucha gente queda estancada, yo personalmente lo resolvi instalando wamp, ya que como dices apache tiene sus pro y contras, y a veces resolver esos problemas quitan demasiado tiempo. Continuo con el curso esperando cumpla las expectativas como hasta ahora.

R
Ricardo29 November 2019

Quizá faltó colocar más clases con las nuevas acotaciones de angular 8. Pero de resto todo muy bien me gusta como explica y se ve que los errores que surgen al paso de las clases los aclara

F
Francisco19 November 2019

A la hora de uso del servidor hay muchos problemas y es muy farragoso. El curso hasta ahora no es de Angular 8 es más dirigido a Angular 4 y un poco a Angular 6. En Angular 8 han cambiado mucho el tratamiento de servicios y es fácil perderse. He tenido que echar muchísima mano de fuera porque hay dudas que no han sido contestadas y las soluciones que se han dado a dudas similares no han dado resultado.

L
Luis6 November 2019

muy bien explicado, sin enredos, las explicaciones son muy adecuadas sin términos complicados de entender ni palabras complejas.

V
Victor30 October 2019

No se como expresarlo... tirstemente esta enfocado hacia Linux, no hay comandos windows. Para mi no sirve por que las personas que se van a capacitar desarrollan en ambiente 100% windows. No tiene opcion de instalar linux de ninguna forma, la consola que sugiere para el desarrollo tampoco se puede instalar en los equipo. Asi que adquiri el curso por nada. Deberian de avisar esto en la presentacion del curso para no adquirir cosas que no se vana ocupar.



1156926

Udemy ID

3/24/2017

Course created date

11/1/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore