Master en Frameworks JavaScript: Aprende Angular, React, Vue

Introducción al Master en Frameworks para JavaScript

Introducción al Master en Frameworks para JavaScript: Angular, React y Vue JS

CURSO 100% MODULAR (IMPORTANTE)

HTML (Repaso opcional) - Aprender a crear páginas webs desde cero

HTML - Introducción a esta sección - ¿Que aprenderás?

¿Que es HTML?

¿Que son las etiquetas y como funcionan en HTML?

Crear la estructura básica de una página web HTML

Etiquetas para textos

Crear listas ordenadas y desordenadas

Insertar imágenes en una página web con HTML

Como crear tablas en una web

Crear formularios en un sitio web con HTML

Proyecto completo (Crear una web desde cero con HTML)

Crear varias páginas dentro del sitio web

Enlaces y navegación con HTML

JavaScript (Repaso opcional) - Aprender a programar desde cero con JS

JavaScript - Introducción a esta sección - ¿Que aprenderás?

Preparar el entorno de desarrollo para trabajar con los frameworks para JS

Introducción al repaso de JavaScript

Repaso general de JavaScript

Objetos de JavaScript literales - JSON

Promesas

Clases

Herencia

Profundizar en el aprendizaje de JavaScript

Maquetación web con HTML 5 y CSS 3 - Aprender a crear webs con diseño atractivo

Maquetar webs con HTML y CSS - Introducción a esta sección - ¿Que aprenderás?

¿Que vamos a maquetar?

Introducción a la maquetación de sitios web

Estructura básica HTML para el sitio web

HTML para la cabecera y la barra de navegación

CSS para la cabecera y la navbar

Cambiar las fuentes y el tipo de letra con CSS 3

CSS del menú de navegación

Animaciones con CSS3

HTML y CSS para el Slider o Marquesina de la web. Primera parte

Montando el Slider. Segunda parte

Marquesina pequeña según la sección con CSS

HTML de la barra lateral y del contenido central

Maquetando con CSS el sidebar y la caja de contenido central

CSS para el formulario de busqueda y los botones de la web

Maquetando el footer

Listado de artículos con HTML, CSS y JavaScript

Mejoras en el listado de la página principal

CSS del listado de articulos

Página de detalle de los artículos

Formularios con HTML5

Dando estilo a los formularios con CSS3

Enlaces con HTML

Responsive Web Design - Aprender a adaptar webs para smartphones y tablets

Responsive y webs adaptables - Introducción a esta sección - ¿Que aprenderás?

Primeros pasos con el diseño web adaptable (css3)

Responsive de la web paso a paso

Adaptando la maquetación para el proyecto de Angular

Adaptación de HTML y CSS para el proyecto de Angular

Mejorando el responsive de la web

Adaptando la maquetación para el proyecto de VueJS

Viewport para mejorar el Responsive

Maquetación web y Responsive Web Desing con HTML 5 y CSS3 terminada con éxito

MongoDB - Aprender lo más importante de NoSQL y MongoDB

MongoDB y bases de datos no relacionales - Introducción - ¿Que aprenderás?

Teoria de Mongo y NoSQL

Instalar MongoDB desde cero y paso a paso

Instalación de MongoDB en Mac OSX

Crear bases de datos, colecciones y documentos en Mongo db

Administrador visual de MongoDB (GUI para Mongo)

NodeJS - Aprender a crear un backend con JavaScript y Node.js desde cero

NodeJS - Introducción a esta sección - ¿Que aprenderás?

Instalando NodeJS desde cero

Como crear un proyecto en Node.js

Instalar dependencias en el proyecto de Node para desarrollar un back-end Rest

Liberia de validación de datos para NodeJS

Conectar NodeJS con MongoDB

Como crear un servidor con Node

Trabajando con un cliente RESTful

Arquitectura de la aplicación web (back-end)

Crear modelos

Controladores y rutas en NodeJS

Acción para guardar artículos y validación de datos

Guardar artículos en la base de datos

Método que devuelve todos los artículos de la base de datos

Sacar últimos articulos

Devolver un solo artículo

Método para actualizar articulos

Acción para eliminar artículos

Subida de archivos con NodeJS

Subir archivos con Node. Segunda parte

Método para sacar una imagen

Acción para buscar artículos en el API REST (buscador nodejs)

Configurar el CORS en el API RESTful de NodeJS

Backend con Node y Mongo finalizado con éxito (API REST completa)

Angular 8 - Aprender a crear aplicaciones web modernas con Angular desde cero

Angular - Introducción a esta sección - ¿Que aprenderás?

¿Que es Angular y para que sirve?

Conceptos teóricos de Angular

Instalación y primeros pasos - Angular

Instalar Angular paso a paso

Pantalla de bienvenida de Angular

Estructura de un proyecto de Angular moderno

Componentes - Angular

Analizando un componente

Crear componentes

Vista separada del componente

Multiples componentes en Angular

Hooks

De maquetación a componentes de Angular

Cargar estilos CSS en Angular CLI

Cabecera de la web

Slider y Sidebar

Pie de página

Routing y navegación - Angular

Router de Angular (Routing / Rutas)

Página de error 404 en Angular

Menú de navegación en la aplicación web

Elementos del menú activos

Parámetros por la URL en Angular

Redirecciones en Angular

Directivas - Angular

Directivas ngIf y ngFor

Directivas ngStyle y ngClass

ngTemplate

Comunicación entre componentes - Angular

Modelos en Angular

Propiedad Input (Comunicación entre componentes en Angular)

Marquesina con texto variable

Slider pequeño

Separar en componentes

Output (Comunicación de hijo a padre en Angular)

Pipes y filtros - Angular

Pipes

Crear pipes personalizadas

Formularios y validación - Angular

Formularios en Angular

Validar formularios en Angular

Eventos con Angular

Servicios y HTTP - Angular

Debes arrancar MongoDB y el API REST con NodeJS

Servicios en Angular

Crear modelo y servicio de articulos

Peticiones HTTP

Mostrar el listado de artículos

Proyecto completo con Angular desde cero y paso a paso

Componente de articulos y propiedad input

Formatear fechas en la vista (hace x tiempo) con moment

Efecto de carga en Angular

Últimos artículos

Componente y página de detalle del artículo

Mostrar datos del artículo en su página individual

Buscador en Angular. Parte 1

Buscador con Angular. Parte 2

Formulario de busqueda

Página de creación de un artículo

Formulario para crear articulos

Guardar artículos haciendo peticiones http al backend

Subir imágenes con Angular

Preparar servicio de Angular

Editar artículos del blog

Eliminar articulos

Alertas visuales en Angular

Mejoras en las alertas

Angular 8 y Angular 9

Angular 9: Novedades, instalación y actualización

ReactJS - Aprender a desarrollar webapps dinámicas con React paso a paso

React - Introducción a esta sección - ¿Que aprenderás?

Instalación y primeros pasos - React

Instalar ReactJS

Estructura de un proyecto de React

Hola Mundo con React.js + Primeros pasos con JSX

Componentes - React

¿Que es un componente?

Como crear componentes en React

Más acerca de los componentes

Multiples componentes en React

Componente Header para la interfaz de la web

Crear componente para el Slider

Componente para la barra lateral de la web

Componente del pie de página

Componente de pruebas del sitio web

Estado, props y JSX - React

El estado de los componentes (React State)

Definir métodos alternativos

Props en React

Listar y recorrer un array de objetos en React.js

Componente hijo con Props

Modificar Estado de los componentes

Comunicación de componente hijo a padre

Métodos del ciclo de vida

Condicionales en JSX

Routing y navegación - React

Configuración de rutas en React (Routing - React Router)

Ruta 404

Crear rutas sin componentes

Parámetros en la URL

Menú de navegación para la aplicación web con React.js

Rutas activas en React

Rutas reales con el router de ReactJS

Ruta para el blog

Formularios y eventos - React

Creando las páginas del proyecto web

Formularios en ReactJS

Más acerca de los formularios de React

OnChange en React

HTTP y peticiones asíncronas - React

Debes arrancar MongoDB y el API REST con Node

Introducción a HTTP y peticiones asíncronas con ReactJS

Crear componente de articulos

Petición HTTP por Get con React

Efecto de carga en React.js

Proyecto completo con React desde cero y paso a paso

Mostrar el listado de artículos

Mostrar imágenes de los articulos

Mostrar fechas en formato "Hace cuanto" "Hace X dias"

Links y Enlaces con ReactJS

Mostrar los últimos artículos en la home

Componente del buscador (buscador react)

Formulario de busqueda

Crear el componente de la página individual de los articulos

Página del artículo

Detalle del artículo

Página de creación de artículos

Formulario para crear posts

Recoger datos del formulario de creación

Guardar nuevos artículos desde React

Solución de errores y avisos en ReactJS

Subir imágenes con React

Validar formularios en ReactJS

Alertas visuales

Funcionalidad de eliminar artículos en el frontend

Edición de artículos

VueJS - Aprender desarrollo web con Vue desde cero hasta crear una webapp

Vue - Introducción a esta sección - ¿Que aprenderás?

Instalación y primeros pasos - Vue JS

Instalar Vue

Estructura de un proyecto de Vue.js

Hola Mundo con VueJS

Componentes - Vue JS

Como crear un componente en Vue

Importar estilos CSS en el proyecto de Vue.js

Multiples compnentes en Vue + Cabecera de la web

Crear componente del slider / marquesina

Componente de la barra lateral y últimos artículos

Componente para el pie de página

Routing y navegación - Vue JS

Configurar Vue Router (Routing y sistema de rutas en vue.js)

Menú de navegación en Vue

Recoger parámetros de la url

Hooks en Vue

Página de error 404 en VueJS

Items del menú activos

Redirecciones con el Vue Router

Quitar avisos de console

Vistas y directivas - Vue

Reactividad en Vue.js 2

Directivas condicionales (v-if en Vue)

Directivas iterativas (v-for en Vuejs)

Recorrer array de objetos y mostrarlo en la vista con Vue.js

Binding Condicional en Vue

Comunicación entre componentes - Vue

Props y separar componentes

Marquesina independiente

Datos variables con props input (Comunicación entre componentes de padre a hijo)

Props output (Comunicación entre componentes de hijo a padre)

Propiedades computas y filtros - Vue.js

Propiedades computadas

Filtros en Vue.js

Formularios y validación - Vue

Formularios en VueJS

Validar formularios en Vue

HTTP y peticiones asíncronas - Vue JS

Debes arrancar MongoDB y el API REST con Node.js

Como hacer una petición HTTP con Vue.js

Listado de artículos desde el API RESTful

URL global

Componente de artículos abstraido

Proyecto completo con Vue JS desde cero y paso a paso

Últimos artículos

Efecto cargando en Vue

Formatear fechas en Vue.js con vuemoment

Buscador en Vue.js. Primera parte

Buscador en VueJS. Segunda parte

Buscador con Vue. Tercera parte

Página de detalle de los artículos

Página de crear artículo

Crear modelo de artículos

Crear formulario de creación

Vincular formulario con el objeto basado en el modelo

Guardar los datos en el backend

Validación de formulario

Subida de imágenes con Vue

Separar templates en archivos independientes

Alertas en Vue

Botones de edición y borrado

Página de edición

Editar los artículos

Eliminar artículos

BONUS - Despedida y sorpresas

Agradecimientos

BONUS - Despedida y sorpresas extra