4 de 5
4
1439 valoraciones en Udemy

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
Profesor:
Víctor Robles
4.173 Estudiantes apuntados
Spanish [Auto-generated]
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

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.

Framework para JavaScript estándar

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

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.

Desarollo aplicación web SPA completa

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 !!

Introducción al curso completo de Angular 2

1
Introducción

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

2
Diferencias entre AngularJS y Angular 2

Diferencias que hay entre Angular 1 y Angular 2

Empezando con Angular 2

1
Descargar Sublime Text, Node.js y Wamp Server

Descargar los programas necesarios para hacer el curso.

2
Instalar Wamp Server

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

3
Instalar Cygwin + Git

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

4
Código TypeScript en Sublime Text

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

5
Recomendaciones para el curso

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

6
Instalar Angular 2

Aprendemos a instalar Angular 2 en nuestro equipo.

Componentes, plantillas y eventos

1
Teoría: Elementos que conforman Angular 2

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

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

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

3
Directorio Typings
4
Instalar Angular 2 con dos clicks

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

5
Mostrar propiedades de un componente

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

6
Tipos de datos en TypeScript

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

7
Plantillas en ficheros HTML independientes

Aprenderemos a separar la plantilla del componente en ficheros HTML.

8
El constructor, métodos y propiedades

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

9
Crear un modelo de datos

Crearemos una clase para los datos.

10
Estilos CSS para un componente

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

11
Directiva NgIf, directiva NgClass y evento Click

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

12
Two-way data binding

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

13
Directiva NgFor, NgIf y arrays en TypeScript. Parte 1

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

14
Directiva NgFor, NgIf y arrays en TypeScript. Parte 2

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

15
Array de Objetos
16
Múltiples componentes, evento click y two-way data binding

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

Servicios, Routing y formularios

1
Crear y usar un servicio

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

2
Base href

Configuración previa necesaria.

3
Routing básico

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

4
Rutas y añadir datos con un servicio

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

5
Importar modelo en el servicio

Import de clases en el servicio.

6
Rutas con parámetros

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

7
Formularios y validación

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

8
Convertir string a entero

Como convertir strings a enteros en JavaScript.

Desarrollando una aplicación web desde cero (HTTP, Consumir API REST)

1
Evitar errores con el CORS en Apache

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

2
Crear hosts virtuales en Apache

Como crear varios hosts virtuales en Apache.

3
Como crear un API RESTful

Como crear un API RESTful con PHP

4
Analizando el API Rest y la base de datos de Restaurantes

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.

5
Preparando el proyecto y creando el primer componente

Preparando el proyecto de Angular y creando nuestro primer componente.

6
Estilos CSS básicos

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

7
Crear un componente para el listado de restaurantes

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

8
Crear una clase Restaurante

Crearemos un modelo de datos para los restaurantes.

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

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
Listado de restaurantes

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

11
Estilos CSS para el listado de restaurantes

Le damos estilos al listado de los restaurantes.

12
Imagen de carga (HTMLElement y querySelector)

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

13
Imagen de carga con Angular

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

14
Página del restaurante. Crear componente y método en el servicio

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

15
Página del restaurante. Mostrar datos y NgSwitch

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

16
Página del restaurante. Redirección si no existe y estilos CSS

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

17
Crear el menú de navegación

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

18
Añadir restaurantes. Componente para crear nuevos restaurantes

Crearemos un componente para añadir restaurantes.

19
Añadir nuevos restaurantes. Validar el formulario

Validaremos el formulario de adición de restaurantes.

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

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

21
Editar restaurante. Crear componente

Crearemos un componente para editar restaurantes.

22
Editar restaurante. Servicio y HTTP

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

23
Eliminar restaurantes

Añadiremos la posiblidad de eliminar restaurantes.

24
Subir ficheros con Angular

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

25
Subir ficheros al editar un restaurante

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

26
Mejora en la subida de imágenes

Mejoras en la subida de archivos.

27
¿Donde comemos hoy?

Programaremos la página donde comemos hoy.

Descarga el código del curso

1
Descarga el código desarrollado durante el curso

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

Actualizar la aplicación web a Angular 2 RC

1
Documentación
2
Instalación de Angular 2 RC y hola mundo

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

3
Cambios de la versión BETA a la RC y migración del proyecto

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

4
Tutoriales y prácticas con Angular 2 RC1, RC2, RC3, RC4, RC5, RC6, RC7 y Final

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

Pipes y filtros

1
Pipes / Filtros por defecto

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

2
Pipes personalizados

Veremos como crear nuevos pipes

3
Pipes personalizados 2

Continuamos trabajando con las tuberías personalizadas.

Actualización a la versión final de Angular 2

1
Migración de la aplicación web de Restaurantes

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

2
Instalar Angular 2 paso a paso (Final Release)

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.

3
Migrar la aplicación web completa a la versión definitiva

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.

4
Proyecto completo con Angular 2.0

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

Angular CLI

1
Instalar Angular CLI y como usarlo

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.

2
Angular 2 en producción (minificación, optimización, build + subida a servidor)

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

Más temas sobre Angular 2

1
Usando jQuery en un componente de Angular 2

Aprenderemos a utilizar jQuery con Angular 2 juntos.

[EXTRA] Prácticas y ejercicios con Angular 2 (Release Cantidadate)

1
Instalar Angular 2 RC2 + Pruebas con el nuevo router

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

2
Instalar Angular 2 RC3 y hacer un Hola Mundo

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

3
Configurar nuevo router RC4 y crear una navegación básica

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.

4
Práctica de Angular 2: Router, componentes, ngIf, ngFor, ngOnInit, eventos, etc

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.

[EXTRA] Curso adicional de Angular 2 (last, novedades, practicas y how to does)

1
Instalar Angular 2 RC 5 y hacer un Hola Mundo

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

2
Rounting, NgModule, Múltiples componentes y directivas en Angular 2

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

3
Servicios, Cliente HTTP y peticiones AJAX en la última versión de Angular2

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

4
"Nuevos" formularios en Angular 2

Aprenderemos a trabajar con los nuevos formularios de Angular 2.

5
Instalación de Angular 2 Final y crear un componente

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.

6
Componentes, ngModule, plantillas y múltiples componentes (release 2.0)

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.

7
Rutas y componentes (Angular 2 definitivo)

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.

Despedida

1
Documentación de Angular 2

Documentación oficial de Angular 2

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4
4 de 5
Calificaciones 1439

Calificación Detallada

5 estrellas
623
4 estrellas
467
3 estrellas
230
2 estrellas
88
1 estrellas
31
190d749384dd58c06f082fb89ee65dc8
DEBES ESTAR REGISTRADO PARA ACCEDER AL CURSO

Contenido

12 horas de video online
23 Articulos
Acceso sin limites
Acceso desde Móvil y Smart TV
Certificado de finalización

Newsletter

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver
Privacidad