Curso de Angular 4 - Desde cero hasta profesional
4.4 (823 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,833 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Curso de Angular 4 - Desde cero hasta profesional to your Wishlist.

Add to Wishlist

Curso de Angular 4 - Desde cero hasta profesional

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 4, el sucesor de Angular 2
4.4 (823 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,833 students enrolled
Created by Víctor Robles
Last updated 7/2017
Spanish
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 11.5 hours on-demand video
  • 11 Articles
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Dominar Angular 4
  • 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 4 y Angular 2
View Curriculum
Requirements
  • HTML y CSS básico
  • JavaScript básico
  • NO es necesario saber nada de AngularJS, Angular 1, Angular 2 y tampoco de TypeScript
Description

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

Angular 4 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 4.

Angular 4 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 4 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 4, 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 4, etc.

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

Who is the target audience?
  • Desarrolladores web
  • Estudiantes de informática
  • Estudiantes de ingenieria o ciclos formativos
  • Personas interesadas en el desarrollo web
  • Interesados en el desarrollo front-end
  • Interesados en el mundo de AngularJS, Angular 2 y Angular 4
Students Who Viewed This Course Also Viewed
Curriculum For This Course
105 Lectures
11:45:58
+
Introducción
1 Lecture 06:38

Introducción al curso de Angular 4 desde cero.

Preview 06:38
+
Instalaciones y primeros pasos
11 Lectures 53:30

Instalaremos un interprete de comandos para nuestro sistema operativo.

Instalar una teminal de comandos
05:43

Instalaremos Node.js para trabajar con Angular 4

Instalar NodeJS
04:13

Documentación interesante para el curso y para las siguientes clases de instalación de Angular 4.

Documentación para las siguientes clases
00:11

Introducción a los tutoriales de instalación de Angular 4

¿Que haremos en las siguientes clases?
01:32

Aprenderemos a instalar Angular 4 de forma básica y sencilla paso a paso y desde cero.

Instalar Angular 4 de forma básica
11:09

Aprenderemos a trabajar con Angular CLI, lo actualizaremos, lo instalaremos, instalaremos Angular 4 y haremos un hola mundo paso a paso.

Angular CLI + Instalación de Angular 4 + Hola mundo
17:35

Importaremos nuestro proyecto en el IDE que vamos a utilizar.

Crear proyecto en el editor de código
03:29

Destacar el código de Angular y TypeScript en nuestro editor de código.

Resaltar el código de Angular
00:20

Aprenderemos a crear atajos en la consola de comandos.

Crear alias en la terminal
02:07

Veremos la estructura de archivos y directorios del framework de Google Angular 4.

Analisis de la estructura de ficheros
05:30

Partes de una aplicación de Angular 2017

Elementos que conforman Angular
01:41
+
Componentes y plantillas
3 Lectures 28:22

Entenderemos que es un componente y como funciona dentro de Angular 4.

Preview 06:13

Veremos como generar nuevos componentes en Angular 4 paso a paso y desde cero.

Preview 15:04

Aprenderemos a trabajar con multiples componentes y ngModule en Angular 4 desde cero.

Preview 07:05
+
TypeScript dentro de Angular 4
6 Lectures 50:36

Aprenderemos que es TypeScript y el EcmaScript 6 para Angular 4, un lenguaje desarrollado por Microsoft.

¿Que es TypeScript?
02:05

Aprenderemos a trabajar con las propiedades y tipos de datos en TypeScript con Angular 4 con ejemplos.

Propiedades y tipos de datos
15:23

Veremos que es el constructor de una clase dentro de un componente de Angular 4, como crear y utilizar nuevos métodos en la clase de un componente y como usar el método NgOnInit de AngularJS 4 y Angular 2.

El contructor, métodos de un componente y NgOnInit
12:24

¿Cual es la diferencia entre las variables let y var? Aprenderemos con ejemplos cual es la diferencia con TypeScript y Angular.js 4

Diferencia entre let y var
05:11

Aprenderemos a crear clases, modelos de datos y objetos dentro de Angular v4 y Angular 2 final usando TypeScript 2.

Crear clases, modelos de datos y objetos
15:26

Aprende a trabajar con TypeScript y programación orientada a objetos básica en JavaScript orientado a Angular.

Aprende más de TypeScript (TS) y programación orientada a objetos (POO)
00:07
+
Directivas, binding y eventos
8 Lectures 52:17

Veremos que son y para que sirven las directivas en Angular4 o en cualquier versión de AngularJS o frameworks reactivos como VueJS 2.

¿Que es una directiva?
01:24

Aprenderemos a trabajar con las directivas condicionales ngIf en las plantillas de nuestros componentes de Angular 4 y además trabajaremos con el evento click de Angular.js 4

Directiva ngIf y evento click
10:27

Utilizaremos la directiva iterativa ngFor en las plantillas de los componentes de Angular 4. El bucle ngFor nos permitirá mostrar listados en nuestras vistas de Angular.

Directiva ngFor
04:25

Usaremos el condicional ngSwitch en las vistas de Angular 4 y el ngStyle para bindear o asignar unos estilos CSS concretos a las etiquetas y elementos del DOM.

Directivas ngSwitch y ngStyle
10:02

En esta clase aprenderemos que es y como se usa el Two way data binding o el enlace de datos bidireccional en Angular 4 el framework JavaScript del momento.

Two way data-binding
12:35

Trabajaremos con el ngStyle en formato de directiva de atributo en Angular4

NgStyle en atributo
03:13

Aprenderemos a trabajar con la directiva ngClass en formato de atributo dentro de Angular.js 4

NgClass en atributo
05:31

Trabajaremos con el ngClass de Angular 4 de manera más avanzada paso a paso y desde cero.

Directiva ngClass
04:40
+
Routing y navegación
5 Lectures 35:22

Aprenderemos a configurar el sistema de rutas de AngularJS paso a paso consiguiendo una web SPA con Angular 4 y el routing.

Configurar el routing
11:12

Crearemos un menú de navegación con las rutas de Angular 4 desde cero

Menú de navegación
10:01

Veremos como seleccionar y resaltar elementos del menú del navegación con el router de Angular4.

Marcar elementos del menú
01:50

En esta clase veremos como crear rutas avanzadas y parámetros por la url con el routing de Angular 4

Rutas y parámetros por la url
09:14

Aprenderemos a hacer redirecciones entre rutas de nuestra aplicación de Angularjs 4

Redirecciones con el router
03:05
+
Servicios
2 Lectures 24:00

Veremos que es un servicio en AngularJS 2 y 4 y aprenderemos a crear servicios y utilizarlos en los componentes de Angular 4.

Crear y utilizar un servicio
09:05

Haremos un ejemplo completo en el que aprenderemos a trabajar con los servicios, el two way-databinding y muchas cosas más dentro de Angular 4.

Ejercicio con los servicios
14:55
+
Pipes
4 Lectures 14:49

En esta clase veremos la introducción a las pipes, tuberías o filtros en Angular 4.

Introducción a las pipes y filtros
00:48

Trabajaremos con las pipes para el tratamiento de fechas en Angular.js 4 (Angular4, Angular 2 Final)

Pipes para fechas
03:49

Utilizaremos las pipes para convertir y transformar textos en Angular 4

Filtros para transformar carácteres
02:05

Aprenderemos a crear filtros, tuberías o pipes personalizadas dentro de un proyecto de Angular Cuatro 4

Pipes personalizados
08:07
+
Formularios
5 Lectures 31:37

En esta clase veremos la introducción a los formulario de Angular 4 desde cero y  paso a paso.

Introducción a los formularios de Angular
00:39

Aprenderemos a crear formularios en Angular y recibir los datos en el componente de Angular 4.0

Crear formularios
13:35

Usaremos los formulario de Angular 4 de manera más avanzada y haremos validaciones de los campos del formulario. Además pondremos mensajes de error en Angular4

Validar formularios
04:56

Haremos un ejercicio completo con los formularios de Angular 4 o incluso de Angular 2.5

Ejercicio con formularios. Primera parte.
10:20

Segunda parte del ejercicio en el que veremos como mejorar la usabilidad de los formularios de Angular 4. 3 

Ejercicio con los formularios. Segunda parte.
02:07
+
Servicios, HTTP y AJAX
3 Lectures 19:32

Crearemos servicios preparados para hacer peticiones http y ajax dentro de Angular 4 (Angular JS 4)

Crear servicio para hacer peticiones HTTP
06:22

Aprenderemos a hacer peticiones AJAX, HTTP y peticiones a APIs Rest con Angular 4

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

Siguientes pasos en las peticiones ajax y http de Angular 4.

Más tipos de peticiones HTTP
01:04
5 More Sections
About the Instructor
Víctor Robles
4.4 Average rating
9,354 Reviews
29,046 Students
21 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 victorroblesweb y en mis perfiles en las diferentes redes sociales ;) .