Curso de Angular 2 en Español - Crea webapps desde cero
4.1 (1,172 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.
3,700 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Curso de Angular 2 en Español - Crea webapps desde cero to your Wishlist.

Add to Wishlist

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.1 (1,172 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.
3,700 students enrolled
Created by Víctor Robles
Last updated 5/2017
Spanish
Current price: $25 Original price: $30 Discount: 17% off
30-Day Money-Back Guarantee
Includes:
  • 12 hours on-demand video
  • 24 Articles
  • 15 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • HTML
  • CSS
  • JavaScript
Description

Bienvenido al curso de Angular 2, vas a aprender paso a paso como desarrollar aplicaciones web front-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 !!

Who 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
Curriculum For This Course
89 Lectures
12:21:08
+
Introducción al curso completo de Angular 2
2 Lectures 08:27

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

Preview 08:22

Diferencias que hay entre Angular 1 y Angular 2

Diferencias entre AngularJS y Angular 2
00:05
+
Empezando con Angular 2
7 Lectures 21:26

Descargar los programas necesarios para hacer el curso.

Descargar Sublime Text, Node.js y Wamp Server
00:15

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

Instalar Wamp Server
04:36

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

Instalar Cygwin + Git
05:55

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

Código TypeScript en Sublime Text
00:19

Aprende TypeScript y programación orientada a objetos

Aprende TypeScript
00:06

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

Recomendaciones para el curso
00:34

Aprendemos a instalar Angular 2 en nuestro equipo.

Instalar Angular 2
09:39
+
Componentes, plantillas y eventos
16 Lectures 01:30:52

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

Teoría: Elementos que conforman Angular 2
01:41

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

Preparar Angular 2, primer componente y ¡Hola Mundo!
14:14

Directorio Typings
00:36

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

Instalar Angular 2 con dos clicks
01:13

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

Mostrar propiedades de un componente
06:47

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

Tipos de datos en TypeScript
03:12

Aprenderemos a separar la plantilla del componente en ficheros HTML.

Plantillas en ficheros HTML independientes
03:23

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

El constructor, métodos y propiedades
05:13

Crearemos una clase para los datos.

Crear un modelo de datos
06:33

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

Estilos CSS para un componente
03:32

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

Preview 08:41

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

Two-way data binding
08:56

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

Directiva NgFor, NgIf y arrays en TypeScript. Parte 1
05:41

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

Directiva NgFor, NgIf y arrays en TypeScript. Parte 2
01:08

Array de Objetos
00:09

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

Múltiples componentes, evento click y two-way data binding
19:53
+
Servicios, Routing y formularios
8 Lectures 01:16:51

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

Crear y usar un servicio
15:01

Configuración previa necesaria.

Base href
00:19

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

Routing básico
15:36

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

Rutas y añadir datos con un servicio
18:42

Import de clases en el servicio.

Importar modelo en el servicio
00:22

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

Rutas con parámetros
09:36

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

Formularios y validación
16:35

Como convertir strings a enteros en JavaScript.

Convertir string a entero
00:39
+
Desarrollando una aplicación web desde cero (HTTP, Consumir API REST)
27 Lectures 03:07:16

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

Evitar errores con el CORS en Apache
00:06

Como crear varios hosts virtuales en Apache.

Crear hosts virtuales en Apache
00:08

Como crear un API RESTful con PHP

Como crear un API RESTful
00:04

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.

Analizando el API Rest y la base de datos de Restaurantes
03:28

Preparando el proyecto de Angular y creando nuestro primer componente.

Preparando el proyecto y creando el primer componente
06:39

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

Estilos CSS básicos
10:28

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

Crear un componente para el listado de restaurantes
03:47

Crearemos un modelo de datos para los restaurantes.

Crear una clase Restaurante
02:22

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.

Crear servicio, configurar módulo HTTP y crear un método con petición AJAX
14:04

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

Listado de restaurantes
10:11

Le damos estilos al listado de los restaurantes.

Estilos CSS para el listado de restaurantes
09:12

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

Imagen de carga (HTMLElement y querySelector)
04:38

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

Imagen de carga con Angular
00:45

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

Página del restaurante. Crear componente y método en el servicio
19:10

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

Página del restaurante. Mostrar datos y NgSwitch
06:56

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

Página del restaurante. Redirección si no existe y estilos CSS
04:39

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

Crear el menú de navegación
06:29

Crearemos un componente para añadir restaurantes.

Añadir restaurantes. Componente para crear nuevos restaurantes
14:37

Validaremos el formulario de adición de restaurantes.

Añadir nuevos restaurantes. Validar el formulario
03:11

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

Añadir restaurantes. Método en el servicio y petición HTTP
13:49

Crearemos un componente para editar restaurantes.

Editar restaurante. Crear componente
11:38

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

Editar restaurante. Servicio y HTTP
03:37

Añadiremos la posiblidad de eliminar restaurantes.

Eliminar restaurantes
09:38

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

Subir ficheros con Angular
14:31

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

Subir ficheros al editar un restaurante
02:22

Mejoras en la subida de archivos.

Mejora en la subida de imágenes
01:08

Programaremos la página donde comemos hoy.

¿Donde comemos hoy?
09:37
+
Descarga el código del curso
1 Lecture 00:04

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

Descarga el código desarrollado durante el curso
00:04
+
Actualizar la aplicación web a Angular 2 RC
4 Lectures 20:56
Documentación
00:07

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

Instalación de Angular 2 RC y hola mundo
09:23

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

Cambios de la versión BETA a la RC y migración del proyecto
10:59

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

Tutoriales y prácticas con Angular 2 RC1, RC2, RC3, RC4, RC5, RC6, RC7 y Final
00:27
+
Pipes y filtros
3 Lectures 14:17

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

Preview 05:36

Veremos como crear nuevos pipes

Pipes personalizados
08:28

Continuamos trabajando con las tuberías personalizadas.

Pipes personalizados 2
00:13
+
Actualización a la versión final de Angular 2
4 Lectures 57:33

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

Migración de la aplicación web de Restaurantes
00:36

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.

Instalar Angular 2 paso a paso (Final Release)
19:33

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.

Migrar la aplicación web completa a la versión definitiva
37:18

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

Proyecto completo con Angular 2.0
00:06
+
Angular CLI
2 Lectures 34:48

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.

Instalar Angular CLI y como usarlo
15:00

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

Angular 2 en producción (minificación, optimización, build + subida a servidor)
19:48
4 More Sections
About the Instructor
Víctor Robles
4.3 Average rating
7,433 Reviews
23,607 Students
17 Courses
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 ;) .