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

Mar11

Solución: No puedo copiar y pegar texto en CKEditor en IE

Hace poco me surgio un problema utilizando el conocido editor de texto para JavaScript CKEditor, resulta que no podia copiar y pegar texto en CKEditor usando Internet Explorer. Te voy a mostrar la solución a este error y poder pegar texto en CKEditor, lo único que tienes que hacer es añadir el siguiente código dentro del de tu html principal:  Con esto...

Mar04

Routing en Symfony3

El routing en Symfony3 es algo muy importante, ya que nos va a permitir tener un sistema de rutas limpias y amigables y nos va a brindar mucha potencia a la hora de desarrollar aplicaciones web con el framework. Veamos como se definen rutas en Symfony3. Se pueden definir rutas globales y rutas dentro de un bundle. En nuestro caso modificaremos el fichero Src/PruebasBundle/Resources/config/routing.yml ejemplos_pruebas_homepage: path: /hello/{name} defaults: {...

Feb25

Juntar imágenes y tablas en un HTML para Gmail

A veces cuando estamos maquetando una newsletter en HTML para Gmail con herramientas como MailChimp u otras propias, tenemos la necesidad de unir o juntar imágenes o tablas en este HTML. Como sabes para maquetar correos electrónicos tenemos que hacerlo con tablas y con css en línea para que lo interpreten bien los diferentes clientes de correo. Que podemos hacer para conseguir esto y juntar imágenes y tablas. A...

Feb18

Servicios y módulo HTTP en Angular 2 Final

Los servicios en Angular 2 son clases que básicamente nos van a servir para realizar acciones concretas, por ejemplo proveer de datos al componente, hacer peticiones al servidor, o realizar una lógica compleja fuera del componente. Crear un servicio básico en Angular 2 Veamos como crear un servicio en Angular 2. // importamos el modulo Injectable de AngularJS import { Injectable } from '@angular/core'; // Permitimos que este objeto...

Feb11

Días restantes con Twig

Veamos como calcular el numero de días restantes con Twig. Como sabes Twig es el sistema de plantillas de Symfony3, el framework PHP más demandado. Lo que hace el siguiente trozo de código es calcular cuantos días quedan o cuantos días hay entre dos fechas. {% set diferencia = date('2018-04-20').diff(date('now')) %} {% set restante = diferencia.days %} {% if reestante == 1 %} 1 día {% else %} {{...

Feb07

Desarrollo web con JavaScript, Angular, NodeJS y MongoDB

Entra al curso pinchando aquí Te presento mi nuevo curso Desarrollo web con JavaScript, Angular, NodeJS y MongoDB. Vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS, Express, MongoDB, JWT y como crear aplicaciones web front-end complejas con la nueva versión de AngularJS (Angular 2). En resumen vamos a aprender a hacer un desarrollo fullstack con el MEAN Stack 2.0, creando paso a paso...

Feb04

Migrar WordPress de un dominio a otro

Vamos a ver como migrar WordPress de un dominio a otro paso a paso. Paso 1. Copiar todo el contenido de nuestro WordPress, copiar todos los archivos y carpetas. Paso 2. Entrar a PhpMyAdmin(o a cualquier otro gestor de bases de datos), y exportamos la base de datos. Simplemente entramos a nuestra base de datos y le damos a la opción de exportar. Paso 3. Importar la base de...

Ene28

Crear varios componentes en Angular 2 (@Component y @NgModule)

Hoy vamos a ver como crear varios componentes en Angular 2, es muy simple. Lo primero que vamos a hacer es crear un directorio para los componentes dentro de nuestro directorio app, esto es una preferencia personal, tu puedes tener la estructura de directorios que prefieras. Crearé el directorio app/components y ahí meteré los componentes. Dentro de este directorio voy a crear dos componentes, por ejemplo, crearé empleados.component.ts y...

Ene21

Hacer consultas y conseguir el usuario dentro de un formulario de Symfony3

Hoy vamos a ver como hacer consultas y conseguir el usuario dentro de un formulario de Symfony3. Cuando necesitamos más personalización y conseguir por ejemplo un desplegable con una serie de opciones salidas de la base de datos más allá de lo que nos ofrece por defecto Symfony3 en un formulario, es interesante lo que haremos ahora. Vamos a ver como conseguir el usuario dentro de un formulario de...

Ene14

Crear extensiones de Twig en Symfony 3

Hoy vamos a ver como crear extensiones de Twig en Symfony3. Una extensión de Twig no es más que un helper para nuestras vistas, nos va a permitir tener una funcionalidad que va a permitir ser utilizada en cualquier vista twig de nuestro proyecto de Symfony. Para crear extensiones de Twig lo primero que tenemos que hacer es crear un directorio llamado Twig dentro de nuestro Bundle. Y dentro...

Ene07

Enlace de datos bidireccional en Angular 2 (two-way)

Hoy aprenderemos a utilizar el Enlace de datos bidireccional en Angular 2, también conocido como Two-way Data Bindind. En Angular 2 tenemos varios tipos de enlace de datos o binding, por ejemplo, el binding por interpolación que simplemente nos permitía mostrar el valor de las propiedades de la clase de nuestro componente en la plantilla, muy simple, solamente le pasamos un dato del componente a la plantilla. El two-way...

Ene06

Como instalar Angular 2.4 y últimas versiones

Hoy vamos a ver como instalar Angular 2.4 y las versiones finales con un repositorio de GitHub que ha publicado la gente de de Angular. Primero clonamos el repositorio que incluye lo básico que debe llevar una instalación de Angular 2. git clone https://github.com/angular/quickstart.git instalacion-angular Una vez que lo clonamos, entramos al proyecto y hacemos un npm install para instalar todas las dependencias del framework: cd instalacion-angular npm install...