Desarrollo web - Victor Robles

Jun10

Master en CSS3 Avanzado: Maquetación web de 3 sitios web profesionales

Publicado por Victor a Jun 10, 2023

Master en CSS3 Avanzado: Maquetación web de 3 sitios web profesionales

¡Entra al master completo pinchando aquí! Bienvenido al Máster en CSS3 Avanzado, en el que aprenderemos todo lo necesario para dominar HTML5, CSS, CSS3, Maquetación web, Responsive, Flexbox y CSS Grid Layout a nivel experto maquetando 3 sitios web impresionantes con las tecnologías de front-end más importantes orientadas al diseño web, con más demanda laboral y más proyección de futuro. Este no es un curso normal, estás ante un máster completo de decenas de horas de contenido único y exclusivo, y posiblemente el curso avanzado de CSS más completo que existe en internet hasta la fecha. Maquetaremos tres sitios web profesionales basándonos en un diseño previo: Portafolio profesional Web de noticias de videojuegos Web de Agencia de diseño y desarrollo Y en estos proyectos trabajaremos con estas tecnologías: HTML5 avanzado, el lenguaje de marcado imprescindible en cualquier web. CSS avanzado, el lenguaje que nos permitirá darle estilos y aplicar un diseño a nuestras webs. CSS3, enseñando las últimas novedades y los increíbles efectos para las páginas web. BEM, la mejor metodología para CSS. Animaciones avanzadas, creando espectaculares efectos visuales. Flexbox, el nuevo modelo de maquetación web basado en elementos flexibles. CSS Grid Layout, un nuevo modelo de maquetación de CSS para estructurar tus webs. Responsive web design, haciendo que cualquier web se adapte a cualquier dispositivo móvil o pantalla. JavaScript, aplicado a elementos esteticos y a diseño adaptable. Maquetación web profesional, desarrollando varios proyectos web con HTML 5 y CSS3 paso a paso. Habilidades de front-end experto, haciendo cientos de ejercicios, prácticas y varios proyectos completos. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, aprender a trabajar con estos lenguajes, técnicas y modelos de maquetación muy importante y te abrirá un nuevo mundo de posibilidades. La metodología de aprendizaje es la ideal: Todo explicado desde cero, paso a paso y explicado al detalle. Decenas de horas de contenido en clases en vídeo (y subiendo). Cientos de prácticas. Más de 114 clases bien explicadas (y subiendo). Varios proyectos poniendo en práctica todo lo aprendido. Orden lógico y progresivo, diseñado para interiorizar todos los conocimientos. Además te estaré ayudando cuando tengas cualquier duda o problema. ¡Entra al Máster en CSS Avanzado pinchando aquí! Al finalizar el curso: Sabrás pasar cualquier diseño web profesional a una web real. Sabrás crear sitios web estáticos. Dominarás...

Abr18

Master en React: Aprender ReactJS, Hooks, MERN, JWT+

Publicado por Victor a Abr 18, 2022

Master en React: Aprender ReactJS, Hooks, MERN, JWT+

¡Entra al máster completo pinchando aquí! Bienvenido al Máster en React, en el que aprenderemos todo lo necesario para dominar la librería para JavaScript más popular que existe actualmente y desarrollaremos varias aplicaciones web completas con el MERN Stack, el conjunto de tecnologías con más demanda laboral y más proyección de futuro. Este no es un curso cualquiera, estás ante un máster completo en el que aprenderemos: React desde cero, el framework creado por Facebook para JavaScript para desarrollar aplicaciones web SPA, dinámicas, modernas y escalables. Componentes funcionales, olvídate de las clases y descubre la nueva forma de trabajar con React. Hooks, los conocerás todos y aprenderás a crear hooks personalizados. Router, para crear rutas, páginas y navegación SPA entre ellas. Context API, para compartir información entre componentes. NodeJS, tecnología que nos permite hacer desarrollos back-end usando únicamente JavaScript. ExpressJS, framework para desarrollo de APIs RESTful. MongoDB, la base de datos NoSQL lider. MERN Stack, desarrollo web completo con el stack más potente. JavaScript, detalles y nuevas funcionalidades propias de JS. React 18, verás las novedades más relevantes de la última versión de React. Maquetación web, creando varios proyectos web. Proyectos con React paso a paso, una web de películas, un portafolio, un blog, una red social, entre otros. Desarrollar una red social con React JS, con autenticación JWT, sistema de publicaciones, comentarios, seguimiento entre usuarios, mensajes privados, y mucho más. Habilidades full-stack, haciendo cientos de ejercicios y varios proyectos. Si quieres ser desarrollador front-end, back-end o full-stack, o incluso si ya te dedicas al desarrollo web, aprender a trabajar con ReactJS es muy importante. La metodología de aprendizaje es la ideal: Todo explicado desde cero y paso a paso. Decenas de horas de contenido en clases en vídeo. Cientos de prácticas y ejercicios. Más de 130 clases bien explicadas. Varios proyectos poniendo en práctica todo lo aprendido. Orden lógico y progresivo, diseñado para interiorizar todos los conocimientos tanto si conoces otros frameworks como si no. Además te estaré ayudando cuando tengas cualquier duda o problema. ¡Accede al master en React con Hooks y MERN pinchando aquí! Al finalizar el curso: Sabrás desarrollo web con React Moderno. Serás capaz de desarrollar tus propias aplicaciones web SPA (Single Page Apps) con React y modificar otras que ya estén programadas con este framework. Tendrás conocimientos para programar también con otros frameworks...

Inicio » Desarrollo web

Jun10

Master en CSS3 Avanzado: Maquetación web de 3 sitios web profesionales

Jun09

Soluciona cualquier error de MongoDB y Mongoose

MongoDB es uno de los SGBD no relacionales lideres del mercado y solemos trabajar con Mongo en proyectos de NodeJS, donde comúnmente trabajamos con Mongoose como ODM para mapear los documentos y trabajar con las bases de datos, colecciones y documentos de manera mas productiva, sin embargo muchos usuarios tienen problemas con estas tecnologias y les generan diferentes errores y warnings en sus proyectos backend. Por eso, en este...

Mar06

Master en Pruebas Técnicas: +70 Nuevos Ejercicios y Retos de Código

Bienvenido al Máster en Pruebas Técnicas, en el que aprenderás a resolver todo tipo de ejercicios de programación, pruebas técnicas comunes en entrevistas de trabajo para el puesto de programador y entrenarás tu lógica de programación. ¡Entra al máster completo pinchando aquí! Este no es un curso cualquiera, estás ante un máster completo que contiene: Más de 70 ejercicios de programación, explicados y resueltos paso a paso. Ejercicios NUEVOS...

Dic27

Master en APIs RESTful con NodeJS: Crea 3 backends completos

Bienvenido al Máster en APIs RESTful con NodeJS, en el que aprenderemos todo lo necesario para dominar el desarrollo de aplicaciones web en el lado del servidor (back-end) utilizando tecnologías basadas en JavaScript. ¡Entra al máster completo pinchando aquí! Este no es un curso cualquiera, estás ante un máster completo en el que aprenderemos: Desarrollo de Backend moderno, creando aplicaciones en el lado del servidor con las tecnologías más demandadas. Desarrollo de APIs...

Oct19

¿Cómo funciona CSS Grid Layout?

En este artículos vamos a descubrir que es y como funciona CSS Grid Layout. CSS Grid es una nueva forma de crear un layout con varias dimensiones, tanto horizontal como vertical y hacer un cuadricula para una web. Ejemplos de código Veamos como trabajar con CSS Grid Layout con algunos ejemplos de código. Antes de empezar con grid deberos crear un fichero index.html con este código: <!DOCTYPE html> <html...

Sep27

¿Cómo funciona Flexbox en CSS?

Hoy vamos a aprender como funciona Flexbox en CSS. Flexbox es una nueva forma de maquetar con CSS, nos permite crear un layout y organizar nuestros elementos flexibles de mejor manera dentro de una web. Veamos algunos ejemplos prácticos. Ejemplos de CSS Flexbox Antes de empezar a usar flexbox tendremos que crear un fichero index.html con este código: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta...

Sep08

PX vs REM vs EM | Unidades de medida en CSS

Hoy hablamos de las medidas en css y como funcionan los pixeles, los rem, los em, etc. Las medidas en CSS se utilizan para definir la altura, anchura, márgenes de los elementos, para establecer el tamaño de letra del texto y más. Se dividen en dos tipos absolutas y relativas. Absolutas: estas medidas no cambian de tamaño, siempre son iguales independientemente del tamaño de pantalla. Relativas: Se adaptan según...

Ago28

Curso de PUG completo y desde cero

¡Entra al curso completo pinchando aquí! Bienvenido al Curso de Pug completo y desde cero, en el que aprenderemos todo lo necesario para dominar PUGJS, crear tus primeras páginas web con este sistema de plantillas e iniciarte en el maravilloso mundo de la programación con HTML. PUG es el motor de plantillas HTML más importante de la web, con el cual dotaremos a HTML5 de características propias de un lenguaje de...

Ago27

¿Cómo funcionan las variables en CSS nativo?

Hoy vamos a hablar de variables en CSS, una nueva funcionalidad propia de un lenguaje de programación incorporada en CSS nativo o CSS puro que como sabes no es un lenguaje de programación si no un lenguaje de hojas de estilo. ¿Que es una Variable? Las variables son pequeños espacios en la memoria de un programa donde podemos guardar información. En CSS en este caso, podríamos guardar colores, fuentes,...

Ago03

¿Qué es BEM y como utilizarlo en CSS?

Hoy vamos a hablar de BEM y como funciona en CSS. ¿Qué es BEM? BEM: La metodología BEM (bloque, elemento, modificador) es una forma de escribir selectores CSS de forma más rápida y sin tener que repetir el código. Se divide en tres reglas: Bloque: Es el contenedor de los demás elementos. Elemento: Son las etiquetas de dentro de un bloque. Modificador: Es una clase que diferencia a ese...

Abr26

JavaScript ES2022: Novedades y mejoras del lenguaje de frontend más usado

En Junio de 2022 se lanzará la nueva versión de EcmaScript y trae varias características nuevas muy interesantes para JavaScript, que vamos a ahora. Await a nivel superior A partir de ahora en JS gracias al Ecmascript 2022 podremos usar el await sin necesidad de utilizarlo dentro de una función asíncrona con async. const datos = await fetch("https://conseguir-usuarios.web"); const usuarios = await datos.json(); Object.hasOwn() Este nuevo método comprueba si...