Angular 4: Conviértete en Desarrollador Web Full Stack
4.7 (40 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.
265 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular 4: Conviértete en Desarrollador Web Full Stack to your Wishlist.

Add to Wishlist

Angular 4: Conviértete en Desarrollador Web Full Stack

Aprende a desarrollar aplicaciones web profesionales en dos semanas (Regalo eBook de Angular)
4.7 (40 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.
265 students enrolled
Created by Pedro Jiménez
Last updated 8/2017
Spanish
Price: $100
30-Day Money-Back Guarantee
Includes:
  • 11 hours on-demand video
  • 5 Articles
  • 66 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Programar en Angular 4 de manera profesional
  • Crear proyectos de aplicaciones para clientes profesionales
  • Utilizar un servidor de bases de datos en la nube (Firebase)
  • Desplegar un proyecto Angular en Amazon Web Services
View Curriculum
Requirements
  • Ligeros conocimientos de HTML
  • No es necesario tener conocimientos de programación
Description

Esta es la oportunidad de convertirte en Desarrollador Web Full Stack. En este curso aprenderás Angular 4, el framework JavaScript más demandado por las empresas para el desarrollo de aplicaciones, en su última versión.

El curso está compuesto de más de 75 clases totalmente prácticas en las que aprenderás a programar en Angular 4, conociendo todos sus secretos, de una manera sencilla sin que sea necesario ningún tipo de requisito previo de programación.

Pero el curso no solo incluye el aprendizaje avanzado de Angular 4, además aprenderás paso por paso a desarrollar un proyecto completo de aplicación empresarial, desde la primera línea de código hasta el despliegue en un servidor.

Y aprenderemos como utilizar los servicios de Firebase para crear una base de datos en la nube de nuestra aplicación, un servicio de autenticación de usuarios y un sistema para subir archivos a la nube desde nuestra aplicación.

Este es el único curso de Angular 4 que incluye, de cada clase, el código listo para descargar, y que de esta manera en dos semanas aprendas Angular de manera profesional.

El curso incluye:

  • Más de 75 clases prácticas sin repetir el aprendizaje.
  • El código de cada clase con el aprendizaje práctico.
  • La creación de un proyecto empresarial.
  • El código paso por paso del proyecto.
  • 12 test de autoaprendizaje.
  • El servicio de preguntas y respuestas.
  • Un anexo de aprendizaje de TypeScript
  • Un anexo de instalación de Node, NPM y Visual Studio Code.
  • Un eBook de Angular en castellano.
  • Un Diploma de Aprovechamiento del curso a tu nombre.

¡No dejes escapar esta oportunidad y dale un giro a tu carrera profesional!

Ilustraciones del curso basadas en vectores libres autoría de Freepik.

Clips musicales adquiridos en Audiojungle.

Logotipo de Angular libre descargado de Angular.

Who is the target audience?
  • Cualquier persona
Students Who Viewed This Course Also Viewed
Curriculum For This Course
77 Lectures
10:58:56
+
Introducción, instalación y estructura de archivos
8 Lectures 50:44

Bienvenid@ a nuestro curso. 

En esta breve introducción vamos a aprender qué es Angular.

Te agradezco enormemente tu inscripción al curso y desde este momento estoy a tu entera disposición.

Pedro Jiménez

Preview 01:45

En esta clase aprendemos como instalar Angular CLI, la herramienta de línea de comandos de Angular y como crear un proyecto de aplicación Angular.

Instalación de Angular CLI
06:18

En esta clase vamos a aprender como iniciar nuestra aplicación para poder acceder a ella desde el navegador y también la estructura de archivos.

Arranque de Aplicación y Estructura de Archivos
04:44

Vamos a aprender de manera práctica qué son los módulos y componentes en una aplicación Angular

Módulos y Componentes en Angular
10:55

Comenzamos a trabajar en nuestra aplicación, vamos a editar el componente para conocer su funcionamiento de manera práctica.

Editando el Componente
05:55

Vamos a crear un nuevo componente de manera manual en nuestra aplicación, para aprender en profundidad el empleo de estos elementos.

Creación de Componentes
09:20

En esta clase aprendemos a utilizar el comando para crear un componente con Angular CLI y continuamos practicando el código en estos.

Nuevo Componente con Angular CLI
07:23

En esta clase vamos a comprender como los componentes se pueden anidar, introduciendo las etiquetas de unos en otros.

Componentes Anidados
04:24

Comprueba tu aprendizaje de Angular 4 de esta sección.

Test Comprobación Aprendizaje Sección 1
2 questions
+
Data Binding
6 Lectures 36:01

Esta clase es una introducción al Data Binding, los procesos que utiliza Angular para enviar datos entre la clase del componente y la plantilla.

Data Binding: Introducción
01:42

En esta clase aprendemos la más sencilla de las técnicas Data Binding, la interpolación.

Interpolación
12:32

La interpolación también permite emplear métodos en el enlace de datos, en esta clase aprendemos de forma práctica como llevarla a cabo.

Interpolación con Métodos
03:38

Continuamos con otro de los procesos Data Binding, en este caso el Property Binding.

Property Binding
06:10

En esta clase aprendemos como enlazar los eventos HTML con la clase del componente Angular.

Event Binding
05:12

Finalizamos sección con la técnica Two Way Binding.

Two Way Binding
06:47

Comprueba tu aprendizaje de Angular 4 de esta sección.

Test Comprobación Aprendizaje Sección 2
2 questions
+
Directivas
12 Lectures 01:34:29

Nueva sección en la que comenzamos con una introducción a las directivas.

Directivas: Introducción
01:35

La primera de las directivas que vamos a aprender de forma práctica es ngIf, ampliamente utilizada para cualquier proceso lógico del lado de la plantilla HTML.

ngIf
05:41

Complementamos la clase anterior con else.

ngIf + else
03:23

También ngIf + else se puede utilizar con métodos, aprendemos como llevarlo a cabo.

ngIf + else con métodos
06:39

Llega el turno de ngStyle, una directiva para establecer estilos CSS de forma dinámica.

ngStyle
06:40

Continuamos con ngClass, una directiva para establecer clases dinámicamente en los elementos HTML.

ngClass
11:17

Llegamos a ngFor, probablemente la directiva de Angular más empleada cuando trabajamos con registros.

ngFor
05:56

Aprendemos también como utilizar objetos en Angular, de nuevo con ngFor.

ngFor con objetos
08:03

Vamos a aprender en esta clase como establecer una lógica en función de los valores de una propiedad en Angular a través de ngSwitch.

ngSwitch
11:10

Una de las ventajas que tiene Angular es la posibilidad de crearnos nuestras propias directivas para crear bloques de código reutilizables.

Preview 11:56

Aprendemos ahora, aunque no sean directivas, como utilizar el decorador @Input.

Datos entre Componentes: @Input
10:13

Para finalizar sección, aprendemos a utilizar el otro decorador para el traspaso de datos entre componentes, @Output

Datos entre Componentes: @Output
11:56

Comprueba tu aprendizaje de Angular 4 de esta sección.

Test Comprobación Aprendizaje Sección 3
2 questions
+
Pipes
6 Lectures 20:40

Comenzamos repasando el pipe Date, para dar formato de salida a los valores de fecha.

Pipe Date
02:36

En esta miniclase aprendemos los pipe Uppercase y Lowercase, para convertir en mayúsculas o minúsculas los strings.

Pipe Uppercase y Lowercase
01:32

Nuevo pipe, en este caso llamado Decimal, que sirve para dar formato a los números.

Pipe Decimal
03:29

En esta clase aprendemos el pipe Currency, empleado en el formato de monedas.

Pipe Currency
02:46

Nuevo pipe muy interesante, i18nSelect, veremos como modifica el formato de salida en función de un valor.

Pipe i18nSelect
04:22

Finalizamos sección aprendiendo como crear un pipe propio.

Creación de Pipes Propios
05:55

Comprueba tu aprendizaje de Angular 4 de esta sección.

Test Comprobación Aprendizaje Sección 4
2 questions
+
Servicios
2 Lectures 21:54

Nueva sección para aprender uno de los elementos más importantes de una aplicación Angular, los servicios.

Creación de un Servicio
13:18

Ampliamos el conocimiento de los servicios con el uso en estos de objetos.

Objetos en Servicios
08:36

Comprueba tu aprendizaje de Angular 4 de esta sección

Test Comprobación Aprendizaje Sección 5
2 questions
+
Routing
2 Lectures 17:31

En esta clase vamos a aprender de manera práctica como implementar el routing en una aplicación Angular.

Implementación de Routing
08:45

Complementamos esta sección del curso con la implementación de una barra de navegación.

Barra de Navegación
08:46

Comprueba tu aprendizaje de Angular 4 de esta sección

Test Comprobación Aprendizaje Sección 6
2 questions
+
Formularios
9 Lectures 01:36:28

Comenzamos sección con la técnica de programación de formularios en Angular Drive Template.

Template Driven
09:27

Completamos nuestro ejemplo de formulario con esta técnica.

Template Driven II
13:46

Vamos a aprender como cargar datos en un select en Angular.

Carga de Datos en Select
04:37

Vamos a implementar en nuestra aplicación la validación de los campos del formulario mediante HTML.

Validaciones HTML
10:12

Aprendemos como emplear los estados del formulario para establecer ayudas dinámicas.

Ayudas Dinámicas
09:51

Comenzamos la segunda técnica, Reactive, de programación de formularios en Angular.

Reactive
12:34

Aprendemos a completar el ejemplo de formulario Reactive en Angular.

Reactive II
14:58

Aprendemos a validar programáticamente en Angular nuestro formulario, del lado de la clase del componente.

Validación Programática
11:52

Finalizamos sección aprendiendo a usar ValueChangues.

valueChangues
09:11

Comprueba el aprendizaje de Angular en esta sección.

Test Comprobación Aprendizaje Sección 7
2 questions
+
HTTP: Base de datos en Firebase
6 Lectures 01:18:52

Iniciamos sesión aprendiendo a configurar Firebase para emplearlo en nuestra aplicación.

Configuración de Firebase
04:52

Aprendemos a utilizar peticiones http Post para crear registros en nuestra base de datos.

HTTP Post: Crear Registros.
17:04

Aprendemos a utilizar peticiones http Get para leer registros en nuestra base de datos.

HTTP Get: Leer Registros.
19:10

Aprendemos a utilizar peticiones http Put para actualizar registros en nuestra base de datos.

HTTP Put: Actualizar Registros I
13:40

Completamos el ejemplo de la clase anterior.

HTTP Put: Actualizar Registros II
14:10

Finalizamos sección, aprendiendo a utilizar peticiones http Post para crear registros en nuestra base de datos.

HTTP Delete: Eliminar Registros
09:56

Comprueba el aprendizaje de Angular en esta sección.

Test Comprobación Aprendizaje Sección 8
2 questions
+
Autenticación de Usuarios
8 Lectures 01:16:02

Comenzamos esta sección aprendiendo a crear un componente de registro de usuarios en nuestra aplicación.

Registro
06:44

Completamos el ejemplo de la clase anterior.

Registro II
09:30

Aprendemos a crear un servicio para conectar nuestra aplicación a Firebase.

Servicio para Autenticación
14:44

Implementamos validaciones y ayudas al formulario de registro.

Validaciones
09:23

Aprendemos a crear un componente de inicio de sesión.

Inicio de Sesión
11:30

Aprendemos a implementar métodos de control de inicio de sesión en nuestra aplicación.

Control de Sesiones de Usuario
13:48

Aprendemos a proteger las rutas de nuestra aplicación.

Protección de Rutas
07:26

Finalizamos sección aprendiendo a crear unos sencillos links entre registro e inicio de sesión.

Links entre Componentes
02:57

Comprueba el aprendizaje de Angular en esta sección.

Test Comprobación Aprendizaje Sección 9
2 questions
+
Modularización
3 Lectures 12:48

Nueva sección. Comenzamos aprendiendo a crear un módulo adicional en nuestra aplicación.

Crear nuevo Módulo
03:20

Aprendemos a crear un nuevo componente en el módulo adicional.

Componente en nuevo Módulo
09:12

Código del proyecto actualizado con el módulo Facturas.

Código del Proyecto Actualizado
00:16

Comprueba el aprendizaje de Angular en esta sección.

Test Comprobación Aprendizaje Sección 10
1 question
3 More Sections
About the Instructor
Pedro Jiménez
4.5 Average rating
1,399 Reviews
5,312 Students
4 Courses
Senior Developer Engineer at SAPiens IT

¡Hola! Mi nombre es Pedro, soy Desarrollador de Aplicaciones y Consultor SAP y trabajo en SAPiens IT donde hemos formado a más de 5.000 personas en diferentes tecnologías. Mi carrera profesional siempre ha estado ligada al software para grandes empresas y corporaciones, desde hace más de quince años.

Mi verdadera pasión es enseñar como la tecnología hace a las empresas más eficientes y por tanto más rentables, para que de esta forma sus empleados crezcan profesionalmente.

Adoro cualquier clase de tecnología y quiero compartir mi experiencia con vosotros en estos Cursos.

Gracias por tu interés.

Pedro J.