Actualizado a: 25 de Octubre 2020 PLANES SÚPER-ECONÓMICOS Ve todos los Megacursos de 0 a 100 desde 17€/mes (19usd/mes) Ver

Megacurso

Angular

“Maestro en 60h (actualizado al 2020)”
4.5 (30203 alumnos)
Español

Angular es uno de los mejores Frameworks de creación de aplicaciones de una sola página el cual está sustentado fuertemente por el lenguaje de programación Typescript, completando una suite robusta para el desarrollo de aplicaciones web. Domina angular de 0 a 100.

Angular

Contenido del Megacurso

60h de videoclases online

Mira aquí nuestras clases gratis

Loading...
Cargando temario
Pasos iniciales con angular y typescript

Aprenderemos a usar el terminal de comandos, a instalar NodeJs, luego instalaremos el Angular CLI y crearemos nuestro primer proyecto en Angular.

Mini proyecto convertidor de unidades para reforzar los primeros pasos

Esta entretenida clase será para hacer nuestro primer miniproyecto un convertidor de diferentes unidades de medida.

Componentes y plantillas

Ha llegado la hora de crear nuestro primer componente en Angular literalmente la piedra angular de los proyectos de este Framework.

En qué lenguajes estamos escribiendo: el typescript

Definiremos los conceptos básicos de Typescript, nuestro lenguaje por excelencia durante el curso.

Clases e interfaces

Aprenderemos sobre Clases, modelos de datos y objetos a través de pequeños ejemplos del mundo cotidiano.

Directivas y binding

Conoceremos que son las directivas y revisaremos las más importantes como ngIf, ngFor, ngSwitch, ngStyle, ngClass, como manejar eventos de click, data-biding y two way data-biding.

Crear directivas

Crearemos una directiva personalizada y plantearemos fundamentos para que podamos crear nuestra propias directivas.

Routing y navegación

Aprenderemos a configurar el routing, manejo de rutas, parámetros y re direccionamiento por router.

Practica de mini site con bootstrap

Crearemos un sitio web típico usando las técnicas provistas por el framework Angular.

Servicios y HttpClient. Parte A

Comenzaremos a incorporar nuestros primeros servicios, y crearemos un servicio usando HttpClient.

Servicios y HttpClient. Parte B

Continuaremos nuestro ejercicio con nuestro servicio de ejemplo y HttpClient.

Servicios y HttpClient final y pipes en angular

Finalizaremos el ejercicio de servicios, y conoceremos los Pipes y sus tipos más comunes como lo son los de fecha, text y numéricos, además haremos nuestro propio Pipe personalizados.

Formularios orientados a plantillas y reactivos

Aprenderemos a usar los formularios orientados a plantillas y los formularios reactivos, además de como validarlos Angular.

LocalStorage con ejercicio práctico. Parte A

Realizaremos un ejercicio para usar el almacenaje de datos locales que se encuentra dispuesto en nuestros navegadores.

LocalStorage con Ejercicio práctico. Parte B

Finalizaremos el ejercicio de LocalStorage.

Repositorios git.

Aprenderemos nociones básicas de git las cuales nos ayudaran a gestionar los proyectos de Angular.

Promesas, observables y rxjs. Parte A

Conoceremos a las promesas y los observables en que se diferencian y revisaremos varias funciones y métodos que retornan promesas u observables.

Promesas, observables y rxjs. Parte B

Realizaremos ejemplos de promesas y revisaremos la librería RxJs.

Proyecto portfolio. Parte A

Crearemos la estructura de nuestro proyecto y routing básico.

Proyecto Portfolio. Parte B

Crearemos nuestro formulario de login y lo conectaremos con Firebase Authentication.

Proyecto portfolio. Parte C

Comenzaremos a crear nuestro CRUD de manejo de proyectos del portafolio y lo enlazaremos con Cloud Firestore.

Proyecto portfolio. Parte D

Haremos un formulario de creación de proyectos y agragaremos paquetes npm para manejo de selectores de fecha.

Proyecto portfolio. Parte E

Manejaremos la edición y borrado de nuestro CRUD de proyectos.

Proyecto portfolio. Parte F

Agregaremos a nuestro CRUD la capacidad de subir archivos a Firebase Storage.

Proyecto portfolio. Parte G

Continuaremos agregando la subida de imágenes a nuestro CRUD de proyectos.

Proyecto portfolio. Parte H

Agregaremos la capacidad de envío de correos a nuestro proyecto para manejar nuestro formulario de contacto.

Proyecto portfolio. Parte I

Haremos el Deploy de nuestro proyecto a Firebase Hosting y a Heroku.

Introducción a mongoDb

Aprenderemos los fundamentos del manejador de bases de datos NoSQL MongoDb, realizaremos su instalación y ejercicios de práctica.

Servidor Web typescript + express + mongoose

Para el manejo de nuetro backend crearemos un proyecto en NodeJS, en el cual levantaremos un servidor con typescript, express y mongosee.

Modelando entidades con mongoose para mongoDb

Modelaremos las entidades necesarias para el proyecto de arriendo de mobiliario.

Agregando jwt a express

Agregaremos a nuestro proyecto backend la capacidad de usar Json Web Tokens para realizar el manejo de sesiones de nuestro proyecto.

Personalizando coreUI free y haciendo login para conectar nuestro backend

Instalaremos el template de Angular llamado CoreUI e iniciaremos con el formlario de login.

Login, jwt, interceptor, guard

Conectaremos el Login a nuestro backend, para lo cual aprenderemos a integrar JWT con Angular, agregaremos un interceptor para la inclusión de los tokens y un Guard para proteger las rutas del proyecto.

CRUD de colecciones mongoDB. Parte A

Iniciaremos la creación de los CRUD de los modelos del proyecto de arriendo de mobiliario, partiendo con la creación de usuarios.

CRUD de colecciones mongoDB. Parte B

Continua la creación de los CRUD, ahora agregaremos Datatables a nuestro CRUD de usuarios.

CRUD de colecciones mongoDB. Parte C

A continuación agregaremos la capacidad de editar y eliminar usuarios.

CRUD de colecciones mongoDB. Parte D

Iniciaremos la creación del CRUD de temáticas e incorporación de la capacidad de subir imágenes.

CRUD de colecciones mongoDB y multer para subir archivos. Parte E

Continuamos con la creación del CRUD de temáticas, donde para poder subir imágenes a nuestro backend deberemos incorporara el paquete Multer.

CRUD de colecciones mongoDB. Parte F

Iniciaremos la creación del CRUD de items e incorporación de la capacidad de subir imágenes.

CRUD de colecciones mongoDB. Parte G

Ahora toca el turno del CRUD de Tipos de Evento el cual tiene un rol central en el proyecto de arriendo de mobiliario.

CRUD de colecciones mongoDB. Parte H

Se continúa generando la funcionalidad del generador de relaciones entre ítems para el CRUD de Tipo de Evento.

CRUD de colecciones mongoDB. Parte I

Se culmina el CRUD de tipo de eventos su funciones de editar y borrar, además se crea el CRUD de clientes.

CRUD de colecciones mongoDB. Parte J

Se inicia con el CRUD de presupuestos, el cual requiere ajustes en backend donde agregaremos los tipos de lugar.

CRUD de colecciones mongoDB, google places y angular google maps. Parte K

Continuando nuestro CRUD de presupuestos, debemos incorporar a Google Places para las direcciones y Angular Google Maps para poder visualizar las direcciones en mapa.

CRUD de colecciones mongoDB. Parte L

Comenzaremos a agregar la lógica que nos permitirá calcular los presupuestos de eventos de arriendo de mobiliario, el cual se centra en los Tipos de Eventos y su relación entre items.

CRUD de colecciones mongoDB. Parte M

Finaliza el cálculo básico del presupuesto.

CRUD de colecciones mongoDB. Parte N

Se agrega a los presupuestos el cálculo del envío según la distancia en kilómetros entre nuestro centro de eventos y la dirección del cliente.

CRUD de colecciones mongoDB. Parte O

Se inicia con el CRUD de Eventos, el cual parte de la base de un presupuesto.

CRUD de colecciones mongoDB. Parte P

Se agrega la lógica de inventario de ítems y se realizan ajustes generales al proyecto.

CRUD de colecciones mongoDB, publicar base de datos en atlas. Parte Q

Se continúan los ajustes generales, y aprenderemos como publicar nuestra base de datos MongoDb a Atlas el servicio de nube de MongoDb.

CRUD de colecciones mongoDB, deploy del proyecto a firebase y heroku. Parte R

Realizaremos el deploy del proyecto usando Firebase Hosting para el frontend de Angular y Heroku para el backend.

 Socket IO. Parte A

Aprenderemos que son los sockets y que es Socket IO, iniciaremos la creación de un backend en NodeJs basado en nuestros proyectos anteriores, para poder usar Socket IO.

Socket IO. Parte B

Realizaremos la integración de Socket IO y Angular, aprenderemos a emitir eventos y como capturarlos.

Socket IO. Parte C

Deploy a Atlas, Heroku y Firebase

Pruebas unitarias con jasmine y karma. Parte A

Aprenderemos a realizar pruebas unitarias básicas, luego agregaremos pruebas unitarias nuestro proyecto anterior “Chat con Socket IO”

 Pruebas unitarias con jasmine y karma. Parte B

Para continuar nuestra práctica de pruebas unitarias tomaremos al proyecto de Arriendo de Mobiliario y le agregaremos algunas pruebas unitarias.

Publicar Angular en Apache

Crearemos un servidor en Google Cloud usando el servicio Compute Engine, instalaremos webmin para gestionar nuestro server, realizaremos la instalación de apache y el deploy de nuestro proyecto.

Publicar Angular en Nginx

Crearemos un servidor en Amazon Web Services usando el servicio EC2, instalaremos webmin para gestionar nuestro server, realizaremos la instalación de Nginxy el deploy de nuestro proyecto.

 Manejo de Ambientes Personalizados

Aprenderemos como crear diferentes ambientes para nuestro proyecto Angular como lo son el ambiente de QA y Certificación.

Esquemáticas en Angular

Aprenderemos nociones básicas de esta funcionalidad que nos permite generar nuestro propio comando generador para el Angular CLI.

Compilación jit, aot y deploy

Conoceremos las diferencias de jit y aot, además de la herramienta de deploy nativa del propio angular, que nos permitirá realizar deploy con un simple comando de angular.

Tips de objeto console para mejorar visualización de debug

Aprenderemos tips con el objeto console para mejorar la visualización de nuestro debug de proyectos javascript y typescript en general, lo cual nos aportará a nuestros proyectos Angular.

También te puede interesar

Si quieres ser un experto en diseño y postproducción de vídeo

Ir a Megapack “Artista de vídeo total”
Ver detalles

Si quieres ser un experto en la creación de gráficos y animaciones 3D

Ver detalles

Lo que dicen de nuestro curso

Zagar
Zagar
El diploma de este curso es enviado al finalizar el curso o una vez comprado lo envían de una vez???
Admin
Admin

Si adquiere la suscripcion el diploma fisico  se le envia de manera gratuita al finalizar el curso a su domicilio 

 

Saludos

 

 

David Coleote
David Coleote
¿Qué voy a aprender con este curso?
Admin
Admin

En el siguiente enlace puede ver el temarios especifico del curso solo debe bajar hasta el final para ver el nombre de las clases 

https://megacursos.com/course/megacurso/maestro-en-60h

 

Saludos

 

Edwin
Edwin
Cada vez que lo actualizan también se me actualizará a mi?
Admin
Admin

Si adquiere la licencia infinita si , tendra acceso a las futuras actualizaciones que le hagamos a los cursos

 

Saludos

Enrique
Enrique
Si compro hoy el curso, puedo adquirir el diploma
Admin
Admin

Si claro , puede adquirir el curso junto con el diploma o en su defecto comprarlo cuando termine al 100% el curso 

 

Saludos

Baldo Tapia
Baldo Tapia
Cual es el temario de este curso ?
Admin
Admin

Puede ver el temario del curso en el siguiente enlace 

https://megacursos.com/course/megacurso/maestro-en-60h?temario=true

 

Saludos

Nacho
Nacho
Es posible adquirir un diploma o certificado de los megacursos una vez realizados
Admin
Admin

Si claro puede adquirir el curso junto con el diploma o luego de haber adquirido el curso , como usted desee

 

Saludos 

Jonathan
Jonathan
Muy bueno!! Muchas gracias megacursos
Admin
Admin

Siempre a su orden , estamos para servirle en cualquier duda que tenga

 

Saludos

 

 

Diego Ferreyra
Diego Ferreyra
Me sorprendieron enormemente!! excelencia ante todo
Admin
Admin

Es un gusto sorprenderlo , espero pueda sacarle el mayor provecho a nuestro curso

 

Saludos 

juan
juan
Veía muchas de sus publicidades pero no creía.Probé comprando este MegaCurso y la verdad NO puedo estar más conforme y contento
Admin
Admin

Todo lo que publicamos es cierto , usted mismo lo ha comprado y nos alegra que sea parte de la Gran Familia de Megacursos

 

Saludos

jose
jose
El curso está súper bien estructurado!! felicitaciones
Admin
Admin

Lo preparamos con todos los estandares de metodologia indicada para que el curso sea muy completo , gracias por su opinion 

 

Saludos

antonio
antonio
La verdad Genial. Los recomiendo 100%
Admin
Admin

Muchas gracias por su opinion , nos agrada que tenga tenga una excelente experiencia con nosotros

 

Saludos

miguel
miguel
La calidad de la relación, Contenido/Profesor/Precio es de altísimo nivel
Admin
Admin

Gracias por compartir su experiencia con nosotros , nos contenta que les guste nuestro contenido

 

Saludos 

victor
victor
Por fin lo que estaba buscando, las clases gratis se ven excelente
Admin
Admin

Gracias lo hacemos con la mejor calidad para que los alumnos queden contentos

 

Saludos

victor
victor
Por fin lo que estaba buscando, las clases gratis se ven excelente
Admin
Admin

Las clases la hacemos con la calidad FULL HD para que nuestros alumnos se sientan contentos

 

Saludos

Emanuel
Emanuel
Cuales requisitos debe cumplir mi computador para poder realizar el curso?
Admin
Admin

      Estos son los requisitos que debe tener amigo 

  •  En el presente curso se instruye como instalar cada una de las herramientas y tecnologías utilizadas, como NodeJs, Angular CLI, Visual Studio Code, Mongo Db, Firebase CLI, Heroku CLI entre otros.
  • Se requiere un computador con al menos 4GB de RAM, si es posible se recomienda 8GB o más.
  • Se requiere fundamentos de HTML, CSS y Javascript.

 

 

      Saludos

Cristian
Cristian
Pronto lo comprare!! muchas gracias!!
Admin
Admin

Lo invitamos aprovechar el descuento que tenemos actualmente el cual es del 80% en todos nuestros cursos y packs

 

Saludos

 

 

Miquel
Miquel
No se programar. Este curso sirve para aprender a programar desde cero?
Admin
Admin

Todos nuestros cursos comienzan desde un nivel basico hasta llegar a un nivel experto 

 

Saludos

Pedro
Pedro
Este curso es gratis?
Admin
Admin

Tenemos disponible las dos primeras clases de manera gratuita para que usted pueda ver las calidad de nuestros cursos , luego si debe adquirir una suscripcion o en su defecto la licencia infinita 

 

Saludos

Jhonatan
Jhonatan
Buenas!! cuanto es la duración de cada clase??
Admin
Admin

Las clases en promedio son de 30 minutos e incluso mas cortas 

 

Saludos 

Gerardo
Gerardo
Si quieres volverte un experto te recomiendo ver el megacurso, no he encontrado mejores enseñanzas
Admin
Admin

Gracias por su opinion amigo , nos contenta que le guste el curso

 

Saludos 

Jose Hermosilla
Jose Hermosilla
Hey que cool este curso, muy completo. Me voy a apuntar pronto
Admin
Admin

La invitamos a pertencer desde ya a la Gran Familia de Megacursos y aprovechar el descuento que tenemos actualmente el cual es del 80% en todos nuestros cursos y packs

 

Saludos 

Megacurso Angular: “Maestro en 60h (actualizado al 2020)”
208.78 $USD