Curso de Angular 2 en Español - Crea webapps desde cero

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 2, el sucesor de AngularJS
4.2 (737 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,695 students enrolled
$19
$35
46% off
Take This Course
  • Lectures 89
  • Length 12 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2016 Spanish

Course Description

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

Angular 2 se va a convertir el framework para JavaScript estándar. 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 2.

Angular 2 ha dado un salto de calidad con respecto a la versión anterior (AngularJS). Ahora utilizaremos TypeScript para definir nuestras clases, propiedades y métodos, el código es mucho más limpio y se han eliminado cosas como el Scope y muchas directivas que no tenían mucho sentido, en definitiva es un framework completamente nuevo.

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 2 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 para aprender a usarlo, aunque si que necesitarás saber JavaScript y HTML para aprovechar al 100% este curso.

Durante las más de 10 horas (y en aumento) del 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 una aplicación web SPA completa desde cero, para unir todas las piezas del puzzle.

Crearemos una aplicación web de gestión de restaurantes, en la cual podremos crear, editar y eliminar restaurantes, subir imágenes al servidor con Angular y una sección que elegirá un restaurante al azar.

Abordaremos el desarrollo de esta aplicación partiendo desde cero, desde la creación de los componentes necesarios, uso de rutas y servicios, consumo de servicios REST (mediante un API Rest programada en PHP) con el componente HTTP de Angular 2, 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 2, etc.

Si quieres aprender Angular 2 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 2 !!

What are the requirements?

  • HTML
  • CSS
  • JavaScript

What am I going to get from this course?

  • Dominar Angular 2
  • Desarrollar aplicaciones web SPA
  • Actualizaciones constantes con las novedades de Angular2
  • Mejorar la capacidad de adaptación a otros frameworks JavaScript
  • Aumentar las posiblidades laborales como desarrollador

What is the target audience?

  • Desarrolladores web
  • Programadores que quieren adquirir nuevos conocimientos
  • Estudiantes de informatica de ciclos formativos o universidad
  • Programadores novatos que saben HTML y JavaScript

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción al curso completo de Angular 2
08:22

Introducción al curso de Angular 2 en Español.

Article

Diferencias que hay entre Angular 1 y Angular 2

Section 2: Empezando con Angular 2
Article

Descargar los programas necesarios para hacer el curso.

04:36

Vemos como instalar un servidor web APACHE+MYSQL+PHP en local

05:55

En esta clase vemos como instalar Cygwin y algunos paquetes como GIT

Article

Aprendemos a resaltar el código TypeScript en Sublime Text.

Article

Aprende TypeScript y programación orientada a objetos

Article

Recomendaciones para el curso de Angular 2 completo en Español paso a paso y desde cero.

09:39

Aprendemos a instalar Angular 2 en nuestro equipo.

Section 3: Componentes, plantillas y eventos
Article

En esta clase aprenderemos cuales son los elementos principales que conforman la arquitectura de Angular 2.

14:14

En esta clase veremos como prepara el proyecto de Angular 2, como crear nuestro primer componente y como hacer un Hola Mundo.

Directorio Typings
Article
Article

Instalación limpia en un click de Angular 2. Paquete de Angular 2 con todo instalado.

06:47

Aprenderemos a mostrar los valores de las propiedades del componente en la plantilla.

03:12

Veremos que son y como usar el tipado de datos de TypeScript.

03:23

Aprenderemos a separar la plantilla del componente en ficheros HTML.

05:13

En esta clase veremos como implementar el constructor en nuestro componente y profundizaremos en el uso de métodos y propiedades.

06:33

Crearemos una clase para los datos.

03:32

Aprenderemos a asignarle una hoja de estilos especifica a un componente concreto.

08:41

En esta clase aprenderemos a usar las directivas NgIf y NgClass y además veremos como usar el evento click.

08:56

En esta clase aprenderemos utilizar el Two-way data binding en Angular 2.

05:41

Usaremos las directivas NgFor y NgIf y aprenderemos a definir arreglos en TypeScript.

01:08

Seguimos usando las directivas NgFor y NgIf y aprendiendo a definir arreglos en TypeScript.

Array de Objetos
Article
19:53

Veremos como crear varios componentes y utilizarlos en la aplicación. Además trabajaremos con el Two-way data binding y el evento click.

Section 4: Servicios, Routing y formularios
15:01

Veremos que son, para que sirven, como crear y utilizar los servicios dentro de Angular 2.

Article

Configuración previa necesaria.

15:36

Haremos funcionar el sistema de rutas y lo utilizaremos de forma básica.

18:42

Veremos como crear más rutas y como añadir datos a un array mediante un servicio.

Article

Import de clases en el servicio.

09:36

Aprenderemos a pasar parámetros por la URL en las rutas que tenemos definidas.

16:35

Aprenderemos a trabajar con los formularios y además veremos como validarlos.

Article

Como convertir strings a enteros en JavaScript.

Section 5: Desarrollando una aplicación web desde cero (HTTP, Consumir API REST)
Article

Veremos como evitar errores con el CORS al hacer peticiones AJAX al servidor.

Article

Como crear varios hosts virtuales en Apache.

Article

Como crear un API RESTful con PHP

03:28

Analizamos el API REST y la base de datos que vamos a utilizar en el proyecto. Descarga el API REST esta en un recurso de esta clase. Copia el directorio del ZIP en tu directorio www de tu servidor web local e importa la base de datos a tu PHPMyAdmin o el gestor de MySQL que uses.

06:39

Preparando el proyecto de Angular y creando nuestro primer componente.

10:28

Añadimos los estilos CSS básicos para que la aplicación se vea bien.

03:47

En esta clase vamos a crear el componente para el listado de restaurantes.

02:22

Crearemos un modelo de datos para los restaurantes.

14:04

Crearemos el servicio para los restaurantes, configuraremos el módulo HTTP de Angular 2 y crearemos un método que lanzará una petición AJAX al API.

10:11

Mostraremos el listado de restaurantes sacado de la base de datos.

09:12

Le damos estilos al listado de los restaurantes.

04:38

Añadimos un loader para cuando se está cargando la lista de restaurantes.

Article

Vemos una alternativa para hacer el efecto loading en las peticiones HTTP

19:10

Crearemos la página del detalle del restaurante. Empezaremos creando el componente.

06:56

Mostramos los datos en la página del detalle del restaurante.

04:39

Aprenderemos a hacer redirecciones y le daremos estilos CSS a la página del restaurante.

06:29

Crearemos un menú de navegación que funcione con las rutas de Angular 2.

14:37

Crearemos un componente para añadir restaurantes.

03:11

Validaremos el formulario de adición de restaurantes.

13:49

Haremos un método que le pedirá a un API REST que añada nuestro restaurante a la base de datos.

11:38

Crearemos un componente para editar restaurantes.

03:37

Añadiremos la lógica necesaria al servicio para actualizar los datos de un restaurante.

09:38

Añadiremos la posiblidad de eliminar restaurantes.

14:31

Aprenderemos a subir imágenes desde un formulario de Angular al servidor.

02:22

Aprenderemos a subir imágenes desde un formulario de Angular al servidor en la edición del restaurante.

01:08

Mejoras en la subida de archivos.

09:37

Programaremos la página donde comemos hoy.

Section 6: Descarga el código del curso
Article

Descarga el código creado en el curso de Angular2 para compararlo con el tuyo o como ayuda.

Section 7: Actualizar la aplicación web a Angular 2 RC
Documentación
Article
09:23

En este vídeo veremos como instalar Angular 2 RC y como hacer un hola mundo.

10:59

En esta clase veremos cuales son los cambios principales entre Angular 2 BETA y Angular 2 RC y como migrar nuestra aplicación.

Article

Clases y ejercicios de Angular 2 en Castellano online, todas las versiones actualizadas.

Section 8: Pipes y filtros
05:36

Veremos como utilizar los pipes, tuberias o filtros predefinidos en Angular 2.

08:28

Veremos como crear nuevos pipes

Article

Continuamos trabajando con las tuberías personalizadas.

Section 9: Actualización a la versión final de Angular 2
00:36

Explico que pasos vamos a seguir para realizar la migración de nuestra aplicación web de restaurantes desarrollada durante el curso a la versión final y definitiva de Angular 2 desde cero, paso a paso y en Español

19:33

Aprenderemos a como hacer una instalación limpia de Angular 2.0 en su versión final (final release) poco a poco hasta la creación de un componente y un modulo base.

37:18

Aprenderemos a migrar la aplicación web de restaurantes desarrollada en el curso a la versión final de Angular 2. Además veremos los cambios y diferencias introducidos en la ultima versión definitiva, trabajaremos con el router, componentes, plantillas, directivas, módulos y mucho más. Todo explicado desde cero y paso a paso en Español.

Article

Aplicación web completa con Angular 2 en la versión final (final release). victorroblesweb.es

Section 10: Angular CLI
15:00

Aprenderemos a utilizar Angular CLI para Angular 2, veremos un montón de comandos como el ng new, ng generate, ng serve, etc. Además Angular CLI utiliza Webpack.

19:48

Veremos como poner un proyecto de Angular 2 en el servidor de producción. Aprenderemos a usar Angular CLI para generar un build con Webpack y pasar nuestra aplicación web completa de Restaurantes (SPA) a un servidor Apache2. Además veremos como poner un proyecto de Angular 2 en un subdirectorio y como configurar hosts virtuales con Apache.

Manual de Angular CLI para Angular 2

Curso completo de Angular 2 - victorroblesweb.es

Section 11: [EXTRA] Prácticas y ejercicios con Angular 2 (Release Cantidadate)
Article

En esta clase veremos como Instalar Angular 2 RC 2 y haremos unas pruebas con el nuevo router alpha 7 de Angular.

10:05

En esta clase veremos como instalar la versión de Angular 2 RC3 y hacer un Hola Mundo.

18:30

En este video veremos como configurar y usar el nuevo router y veremos como crear una navegación básica entre dos componentes cada uno asociado a una ruta, etc.

35:15

En esta clase vamos a hacer un ejercicio completo con Angular JS 2 en la que vamos a practicar con el nuevo router, las directivas, componentes, etc.

Section 12: [EXTRA] Curso adicional de Angular 2 (last, novedades, practicas y how to does)
18:14

En este video tutorial aprenderemos a instalar Angular 2 rc.5 y como hacer un hola mundo. Además podrás descargar documentación.

41:22

En esta clase trabajaremos con el routing de Angular 2, además aprenderemos a trabajar con NgModule y muchas cosas más.

16:40

Volveremos a repasar el uso de los servicios, http client y AJAX en Angular 2, en su versión más actualizada.

21:40

Aprenderemos a trabajar con los nuevos formularios de Angular 2.

19:33

En esta clase vemos como instalar Angular 2 en su release definitiva desde cero y paso a paso, además crearemos un componente y dejaremos todo preparado para desarrollar con este nuevo framework de Google.

14:00

En este tutorial veremos como crear y utilizar componentes, plantillas, app.module y como utilizar multiples componentes dentro de nuestra aplicación web con Angular 2 Final.

24:08

En esta clase del curso de Angular 2 en Español - Crea webapps desde cero aprenderemos a utilizar el sistema de rutas o routing de la versión final de Angular 2 y además veremos como trabajar con los componentes, el NgModule, etc.

00:21

En esta clase veremos como hacer animaciones con Angular 2.

Section 13: Despedida
Article

Documentación oficial de Angular 2

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Víctor Robles, Desarrollador web

Soy desarrollador web en una empresa y llevo inmerso en el mundo de la programación y la informática desde los 15 años.

Me encanta programar y todo lo relacionado con Internet y las nuevas tecnologías, crear cosas y enseñar a los demás.

Soy casi completamente autodidacta, por eso voy a ofrecerte muchos de mis conocimientos para que tú puedas aprender más fácilmente y más rápido de lo que yo lo hice y hago cada día.

Puedes saber más de mí en mi blog y en mis perfiles en las diferentes redes sociales ;) .

Ready to start learning?
Take This Course