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

Abr23

Instalar SASS en Windows

Hoy veremos como instalar SASS en Windows y como compilar ficheros scss a css. Descargamos RubyInstaller para Windows http://rubyinstaller.org/downloads/ Una vez instalado podemos utilizar la consola de ruby para instalar sass y compass: gem install sass gem install compass Cada vez que necesitemos compilar los cambios a CSS desde la consola de ruby ejecutamos el comando sass –watch estilos.scss:styles_compilados.css en el directorio donde tengamos el fichero scss. En teoría...

Abr18

Mostrar propiedades de un componente en Angular 2

Como sabemos en Angular 2 trabajamos principalmente con componentes, los cuales controlan el trabajo con los eventos, etc, estan formados por una clase con propiedades, métodos y además podemos invocar decoradores para definir el propio componente e indicarle en que etiqueta mostrar el componente y que plantilla o vista va a tener el mismo. Veamos como mostrar las propiedades de un componente en Angular 2. Tenemos el componente principal...

Abr16

Buscar un commit en Git

Muchas veces necesitamos buscar un commit que hicimos hace tiempo en el log de Git, para volver a el o hacer cualquier cosa con el. Para buscar un commit en Git utilizaremos el comando git log. Buscar en los comentarios del commit git log --grep=texto Buscar en los cambios hechos al código git log -S texto Mostrar solo el comentario de cada commit: git log --oneline ¿Quieres aprender más?...

Abr11

Instalar Angular 2 y hacer un Hola Mundo!!

Angular 2 es la nueva versión de AngularJS, es una tecnología muy interesante, veamos como instalar Angular 2 y hacer un Hola Mundo!! Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2. 1. Instalar Node.js Lo primero que tenemos que hacer es instalar node.js para utilizar su gestor de paquetes npm. Lo puedes descargar e instalar desde https://nodejs.org/en/download/ 2. Crear un directorio para proyecto...

Abr09

¿Que es un ORM? ¿Doctrine y entidades? en Symfony3

En este vídeo intento aclarar el concepto de que es un ORM y como funciona Doctrine a grandes rasgos: ¿Quieres más? Vídeo Curso de Symfony3 ¡Domina el framework PHP más completo...

Abr09

Como subir código a Github

Hoy vamos a aprender a subir código a GitHub. Es muy fácil. Crea una cuenta en GitHub e instalate git en tu equipo. Ahora en GitHub creamos un repositorio, en mi caso voy a subir una pequeña clase para subir archivos en PHP que siempre utilizo en ZF2 o en PHP crudo: Una vez que tenemos el repo, solo tenemos que seguir las instrucciones que nos da github. Entramos...

Abr02

Aprende PHP desde cero con 36 ejercicios prácticos

Ver el curso completo Acabo de lanzar el curso Aprende PHP desde cero con ejercicios prácticos, vas a aprender PHP paso a paso mediante los más de 36 ejercicios que componen este curso. PHP es uno de los lenguajes de programación del momento, es sin duda el lenguaje en el lado del servidor más utilizado actualmente en el desarrollo de aplicaciones web y cuenta con múltiples ventajas con respecto...

Abr02

Solución: Pantalla en blanco con Apps híbridas Cordova en Android

Cuando desarrollamos una app híbrida, es decir, una aplicación móvil programada con HTML, CSS y JavaScript usando algún framework, como framework7, Ionic, jQuery Mobile, PhoneGap etc y luego creamos un apk, es decir, compilamos ese código usando Cordova, es común que cuando ejecutamos esa app en una simulación de Android o en un Android de verdad, la splash screen sobrepase el tiempo de espera(timeout) y se quede una pantalla...

Mar26

¡Especial 2000+ estudiantes en el curso de Symfony 3!

Como sabes hace poco publiqué el curso de Symfony3 en el que enseño a desarrollar aplicaciones web con este framework PHP desde cero. Cuando acabé de producir el curso me sentí muy satisfecho con el resultado, independientemente de la acogida que tuviera el curso, me dí cuenta que me salió un curso de calidad, muy completo y con todo lo que yo buscaba cuando empecé a desarrollar con frameworks...

Mar26

Crear varios hosts virtuales en Wamp Server

Veamos como crear varios hosts virtuales en Wamp Server. Cuando creamos un virtualhost lo que estamos haciendo es simular en nuestro servidor apache local un dominio real, de forma que en lugar de entrar a http://localhost/symfony3/web/index entraríamos a http://symfony3.com.devel/index. Vamos a ver como se crean los virtualhost en WampServer, aunque esto es muy similar en cualquier versión de Apache. Paso 1. Entrar al fichero C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf y añadir o descomentar...

Mar19

Como ponerle nombre a una ruta en Laravel 5

En las versión Laravel 5.2 se da el caso de que intentamos hacer una redirección utilizando el nombre de una ruta y no funciona. Esto es porque no le hemos asignado un nombre correctamente a la ruta. Veamos como ponerle nombre a una ruta en Laravel 5. Para eso debemos utilizar el atributo as y uses en nuestra ruta, por ejemplo: Route::get('/index/{section?}',["as" => "nombre", "uses" => "PruebasController@index"]); Con esto...

Mar12

Ver arrays grandes en PHP sin Xdebug

Si no tenemos Xdebug instalado en nuestro servidor web a veces necesitamos debuggear código y necesitamos mostrar por pantalla el contenido de un array. Normalmente esto lo hacemos con la función var_dump de PHP y nos saca el array tabulado y claramente ves los indices del array que tiene dentro, si un array contiene a otro, etc. Hoy vamos a ver como ver arrays grandes en PHP sin usar...