Curso de Angular 10 - Desde cero hasta profesional

9,939 students enrolled

Curso de Angular 10 - Desde cero hasta profesional

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 4, 5, 6, 7, 8, 9 y 10

9,939 students enrolled

Created by Víctor Robles

Last updated 2/2020

Spanish

Spanish [Auto]

Preview this course

Curso de Angular 10 - Desde cero hasta profesional

$119.99 $199.99 40% off

2 days left at this price!

30-Day Money-Back Guarantee

14 hours on-demand video
15 articles
4 downloadable resources
Full lifetime access
Access on mobile and TV

Certificate of Completion

Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business

What you'll learn

Dominar Angular 4, 5, 6, 7, 8, 9 y 10
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 10, Angular 9, Angular 8, Angular 7, Angular 6, Angular 5, Angular 4 y Angular 2

+ – Introducción

2 lectures 08:50

Antes de continuar aprendiendo Angular

Preview 02:13

Introducción al curso de Angular 4 desde cero.

Introducción al Curso de Angular 5, Angular 7, Angular 8 y Angular 9 en Español

Preview 06:37

+ – Instalaciones y primeros pasos

11 lectures 53:22

Instalaremos un interprete de comandos para nuestro sistema operativo.

Instalar una teminal de comandos (opcional)

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:08

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 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 + 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:19

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:36

+ – Componentes y plantillas

3 lectures 28:22

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

¿Que es un componente y como funciona?

Preview 06:13

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

Crear un componente

Preview 15:04

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

Ejercicio y múltiples componentes

Preview 07:05

+ – TypeScript dentro de Angular

5 lectures 50:29

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

+ – 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

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

5 lectures 20:04

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

Crear servicio para hacer peticiones HTTP

06:22

Operator map

00:09

rxjs/Observable

00:23

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

10 more sections

Requirements

HTML y CSS básico
JavaScript básico
NO es necesario saber nada de AngularJS, Angular y tampoco de TypeScript

Description

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

Este curso es compatible con Angular 2 final, Angular 4, Angular 5, Angular 6, Angular 7, Angular 8, Angular 9 y Angular 10.

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

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

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

Who this course is for:

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 y Angular