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

Ene05

Detectar la ruta actual en Angular 2 (ruta activa)

Hoy vamos a aprender a detectar la ruta actual en Angular 2, es decir, que ruta está activa en el momento actual dentro de una plantilla del proyecto. Es sencillo, veamos un ejemplo: <a [routerLink]="['/prueba']" [routerLinkActive]="['elemento-activado']"> Esto significa que cuando estemos en la ruta /prueba le vamos a poner una clase elemento-activado al enlace. También podríamos utilizar routerLinkActive de manera aislada en cualquier elemento y pondremos una clase de...

Dic31

Mis mejores cursos de desarrollo web de 2016

Este año 2016 he impartido varios de los mejores cursos de desarrollo web de Internet, estoy muy contento con los cursos que he impartido y sobre todo con haber ayudado a tanta gente a mejorar sus habilidades y posibilidades laborales durante todo el año. Hoy traigo una selección de mis mejores de cursos de desarrollo web de 2016: Curso de Symfony3 – Domina el framework PHP más completo Entrar...

Dic30

Como crear una variable en Twig (Symfony3)

Para crear una variable en Twig, el lenguaje de plantillas de Symfony3, lo podemos hacer de la siguiente forma: {# Crear variable en Twig #} {% set fruta = 'manzana' %} {# Imprimir contenido de una variable en Twig #} {{fruta}} Con esto ya sabemos crear una variable en Twig y mostrar su contenido por pantalla. ¿Quieres más? Vídeo Curso de Symfony3 ¡Domina el framework PHP más completo !...

Dic26

Como usar jQuery en Angular 2

Hoy aprenderemos a usar jQuery en Angular 2, en el ejemplo que voy a hacer veremos como usar jQuery dentro de un componente de Angular2. jQuery es una librería de JavaScript que nos permite trabajar con el DOM de forma muy sencilla y Angular 2 es un framework desarrollado por Google que sirve para desarrollar aplicaciones web SPA, osea que el propósito de estos frameworks es completamente diferente. Cuando...

Dic24

Crear una base de datos en MongoDB

Hoy veremos como crear una base de datos en MongoDB. En MongoDB no existe ningún comando estilo create database, ni nada así, lo que hace mongodb es crear una colección (base de datos) en el momento que se le inserta un objeto o documento(registro de una tabla por llamarlo de alguna forma) a dicha colección. Veamoslo como crear una base de datos en MongoDB paso a paso y desde...

Dic21

Ruta 404 en Angular 2

Hoy vamos a ver como hacer una ruta 404 en Angular 2 para que cuando un usuario acceda a una url que no exista nos cargue un componente en especifico. Imagina que tenemos un componente llamado NotFoundComponent y en el tenemos una plantilla asociada que muestra un 404 o el mensaje que quieras. Para hacer que ese componente se cargue cuando la ruta no exista debemos añadir la siguiente...

Dic17

Generar una sola entidad a partir de una tabla en Symfony3

Hace tiempo vimos con Symfony2 como generar entidades a partir de la base de datos, el único cambio que hay con respecto a la versión 3 de Symfony es que la consola en lugar de encontrarse en app/console se encuentra en bin/console. Hoy veremos como generar una sola entidad a partir de una tabla en Symfony3. Si necesitas crear otra tabla en la base de datos simplemente la creas...

Dic10

Como usar Angular CLI en Angular 2

Angular CLI es una herramienta que nos hace más fácil el proceso de instalación de Angular 2 y nos agiliza el inicio de un proyecto con este framework de Google. ¿Que nos ofrece Angular CLI al final? Instalación y esqueleto básico de Angular 2 Comandos para la generación de código(componentes, servicios, etc) Herramientas de minificación y builds para las webapps Testing Para instalar Angular CLI lanzamos el comando npm...

Dic06

Curso gratuito de SocketIO y NodeJS

Accede al curso gratis pinchando aquí Bienvenido al Curso de «Crear una aplicación web de Chat con NodeJS y SocketIO», vas a aprender paso a paso a desarrollar un chat instantáneo con estas dos tecnologías. NodeJS es una tecnología que nos permite hacer desarrollos back-end usando únicamente JavaScript. SocketIO es una librería que nos permite manejar eventos en tiempo real mediante el protocolo TCP usando únicamente JavaScript. Es muy...

Dic03

Crear eventos en Symfony3

Hoy vamos a ver como crear eventos en Symfony3. Los eventos dentro de Symfony no son más que un tipo de servicio que nos permite tener una funcionalidad hecha y que esa funcionalidad se lance cuando nosotros se lo indiquemos y cuando sea necesario, de está forma podríamos reutilizar un evento tantas veces como quisiéramos. Por ejemplo, podríamos tener un evento para enviar correos o para guardar notificaciones, y...

Nov26

Instalar MongoDb en Windows

En este tutorial vamos a ver como instalar MongoDb en Windows, es muy sencillo. Para instalar MongoDB lo primero que tenemos que hacer es descargarlo desde su web oficial, debes elegir la versión que necesites para tu sistema operativo: https://www.mongodb.com/download-center#community Una vez descargado ejecutamos el instalador y vamos siguiendo los pasos del asistente. El siguiente paso es crear el directorio C:\data\db así que vamos a C:/ y creamos la...

Nov19

Crear servicios en Symfony3

Hoy vamos a ver como crear servicios en Symfony3 para encapsular mejor nuestro código y separar funcionalidades, esto nos puede ser de mucha utiliza en el desarrollo de servicios rest o aplicaciones backend, etc como vemos aquí. Paso 1. Creamos un directorio dentro de nuestro bundle llamado Services. Paso 2. Crear un fichero para la clase, en mi caso crearé uno que se llame Helpers. Paso 3. Creamos la...