Guil Hernandez
Profesor de Treehouse
Delray Beach
¡Soy profesor de diseño y desarrollo front-end en Treehouse!
Temas y especialidades
Cursos y talleres que he impartido
-
13 minTaller
Alojamiento de un sitio web con GitHub Pages
GitHub proporciona una solución de alojamiento simple llamada GitHub Pages que permite a otros ver tu repositorio como cualquier otro sitio web.
Visto -
Curso
- 1
- 2
- 3
JavaScript y el DOM
JavaScript te permite crear páginas web interactivas que pueden responder a las acciones del usuario. En este curso, aprenderás a dar vida a las páginas web usando el poder de JavaScript.
-
30 minTaller
Automatiza tu trabajo con Zapier
Zapier automatiza tareas repetitivas y fácilmente replicables en tu día conectando las herramientas y el software que usas todos los días. Aprende las características esenciales de Zapier, qué es la automatización y cómo puede hacer que tus flujos de trabajo sean aún más potentes. Incluso tendrás la oportunidad de crear un flujo de trabajo automatizado para ayudarte a aprovechar al máximo tu tiempo de aprendizaje.
Visto -
32 minTaller
Introducción a Coda
¡Empieza con los conceptos básicos de Coda! Coda reinventó la forma en que creamos, compartimos y trabajamos con documentos combinando la facilidad y familiaridad del software de documentos y hojas de cálculo que estamos acostumbrados a usar con el poder, facilidad y accesibilidad de las aplicaciones.
Visto -
24 minTaller
Aprendizaje con Coda
En este taller, aprenderás a usar Coda como herramienta para aprender, tomar notas, gestionar el tiempo y más personalizando un documento de libro de trabajo que hemos creado en Coda para que se ajuste mejor a tus necesidades de aprendizaje.
Visto -
20 minTaller
Introducción a New Relic
Aprende qué es New Relic y cómo su plataforma puede apoyarte en tu camino de aprendizaje y profesional construyendo sitios web y aplicaciones mejores y más confiables.
Visto -
3 minTaller
Por qué existimos: nuestra misión
Para esta parte de la Orientación, queremos compartir un poco sobre la misión de Treehouse. Profundizaremos en por qué esta es nuestra misión, cómo se relaciona con los desafíos en nuestra industria y qué tiene esto que ver con ¡Ubora!
Visto -
Curso
- 1
Diseño de Diseño CSS Móvil Primero
En este curso, obtendrás práctica práctica usando técnicas de diseño CSS como un Reinicio CSS con Normalize, un contenedor de diseño, un pie de página adhesivo y contenido centrado con un encabezado de ancho completo.
-
30 minTaller
Validación de modelo de Sequelize
Al trabajar con una biblioteca ORM como Sequelize, puedes aprovechar sus capacidades integradas de validación de datos y restricciones. En este taller, continuarás usando Sequelize para escribir validación de datos robusta del lado del servidor para una API REST desarrollada con Express. La API te permite crear una cuenta de usuario y recuperar una lista de cuentas de usuario.
Visto -
Curso
- 1
- 2
- 3
- 4
Relaciones de Datos con SQL y Sequelize
A medida que sigas este curso, definirás relaciones de datos para una aplicación Node simple que crea y recupera datos de películas. Definirás relaciones de datos en modelos de Sequelize y crearás datos relacionados (como registros de Película y Persona) usando esos modelos. Luego recuperarás datos relacionados con consultas de Sequelize.
-
70 minTaller
Hooks de React
Empieza con los Hooks de React, funciones especiales que te permiten usar estado, contexto y realizar efectos secundarios en componentes de función.
Visto -
9 minPráctica
Práctica de manejo de errores en Express
En esta sesión de práctica, agudizarás tus habilidades de manejo de errores en Express. El manejo correcto de errores ayuda a los usuarios a entender qué está pasando con tu aplicación cuando algo sale mal.
Visto -
15 minPráctica
Práctica de Bucles en JavaScript
Desarrolla tus habilidades de JavaScript practicando los conceptos básicos de bucles.
Visto -
Curso
- 1
- 2
Objetos de JavaScript
Los objetos son una parte esencial de JavaScript; proporcionan una forma flexible de hacer un seguimiento de los datos asociando un nombre con un valor particular. En este curso, aprenderás los conceptos básicos de los objetos de JavaScript como una estructura de datos (usando objetos para almacenar pares clave/valor).
-
Curso
- 1
- 2
- 3
Arrays en JavaScript
Los arrays proporcionan una forma de almacenar múltiples piezas de información. Un array es una lista de valores: números, cadenas, valores booleanos, o incluso otros arrays. En este curso, aprenderás los conceptos básicos de usar arrays como estructuras de datos.
-
Curso
- 1
- 2
Bucles en JavaScript
Los bucles son una forma de repetir código -- son útiles para tareas repetitivas. Los bucles se usan frecuentemente para acciones que necesitan ejecutarse un número particular de veces o hasta que se cumpla una cierta condición.
-
Curso
- 1
- 2
- 3
Funciones de JavaScript
Las funciones de JavaScript te permiten crear fragmentos de código reutilizables. Hacen que la programación sea más rápida, fácil y menos propensa a errores. También son uno de los conceptos esenciales en la programación de JavaScript.
-
Curso
- 1
- 2
Números en JavaScript
Los números están en todas partes en la programación. Los usas para rastrear la puntuación de un jugador en un juego, calcular el costo de envío de un producto o contar el número de veces que se hace clic en un botón "Me gusta" en una página. En este curso, aprenderás a usar números para tareas útiles en tus programas de JavaScript, incluyendo hacer matemáticas, convertir cadenas a números, generar números aleatorios y más.
-
Curso
- 1
- 2
- 3
- 4
Fundamentos de JavaScript
JavaScript es un lenguaje de programación que impulsa la web: desde el diseño de la interfaz de usuario front-end hasta la programación backend del lado del servidor, encontrará JavaScript en cada etapa de un sitio web y una aplicación web. En este curso, aprenderá los conceptos fundamentales de programación y la sintaxis del lenguaje de programación JavaScript.
-
9 minPráctica
Práctica de servicio de archivos estáticos en Express
Practica los conceptos básicos de servicio de archivos estáticos en Express, un marco de aplicación web popular.
Visto -
10 minPráctica
Práctica de uso de datos con plantillas Pug
Practica los conceptos básicos de pasar datos a vistas Pug y generar HTML dinámicamente dentro de una aplicación Express.
Visto -
37 minTaller
Usar Sequelize ORM Con Express
En este taller, usarás el ORM Sequelize y Express para construir una aplicación CRUD simple que está conectada a una base de datos SQL.
Visto -
14 minPráctica
Práctica de importación y exportación de módulos en Node.js
Practica los conceptos básicos de importación y exportación de módulos en Node.js.
Visto -
18 minTaller
Depura Aplicaciones Node con Visual Studio Code
Depurar Node.js no se limita a usar console.log. Puedes usar herramientas más poderosas y eficientes como el depurador integrado en el editor Visual Studio Code.
Visto -
5 minTaller
Procesa Sass con Scout-App
Aprende una de las formas más rápidas y fáciles de configurar y usar Sass en tus proyectos de desarrollo web front-end, con Scout-App.
Visto -
Curso
- 1
- 2
- 3
Usar ORMs SQL con Node.js
En este curso, aprenderás cómo usar el ORM Sequelize para aprovechar el poder de SQL en tus aplicaciones Node.js.
-
Curso
- 1
- 2
- 3
- 4
Programación Asincrónica con JavaScript
En este curso, aprenderás por qué el código asincrónico es importante y cómo escribir código que evite comportamientos de bloqueo usando tres enfoques: devoluciones de llamada, promesas y async/await.
-
Curso
- 1
- 2
- 3
Guía Rápida de Selectores CSS
Una introducción a los selectores de CSS para programadores de JavaScript. Este curso cubre lo que necesitas saber sobre los selectores de CSS para completar tareas comunes de programación DOM.
-
6 minPráctica
Práctica de HTML Semántico
En este taller, practicarás los conceptos básicos de HTML semántico. Cuando escribes marcado que comunica claramente el significado de tu contenido, se dice que estás escribiendo marcado semántico.
Visto -
10 minPráctica
Práctica de Estructuración y Agrupación de Contenido
Practica los conceptos fundamentales de estructuración y agrupación de contenido con marcado.
Visto -
11 minPráctica
Práctica de Rutas de Archivo
Mejora tus habilidades de HTML practicando la escritura de rutas de archivo para imágenes y enlaces.
Visto -
Curso
- 1
- 2
- 3
- 4
Inicio Rápido de JavaScript
Ponte al día con los fundamentos de JavaScript. En este curso, aprenderás los conceptos fundamentales y la sintaxis del lenguaje de programación JavaScript.
-
Curso
- 1
- 2
El Ecosistema de JavaScript
En este curso, exploraremos el emocionante ecosistema de JavaScript. Aprenderás cómo Node.js ayudó a JavaScript a alcanzar nuevas alturas, descubrirás aplicaciones y herramientas creadas con JavaScript, y evaluarás marcos populares de JavaScript, bibliotecas, funciones de desarrollador y más.
-
Curso
- 1
- 2
El Panorama de JavaScript
JavaScript está en todas partes y se utiliza en todas las fases del desarrollo, desde software hasta hardware. Este curso te guía a través del panorama moderno de JavaScript y lo que significa aprender y programar con JavaScript ahora y en el futuro.
-
17 minTaller
Uso de Create React Native App
Aprende la forma más rápida de empezar con React Native.
Visto -
44 minTaller
Trabajar con la API Fetch
Aprende cómo usar la API Fetch para obtener recursos.
Visto -
8 minPráctica
Práctica de selección de elementos DOM
En este taller, practicarás la selección de elementos DOM con JavaScript.
Visto -
5 minPráctica
Práctica de navegación del DOM
Practica la navegación del DOM en JavaScript.
Visto -
5 minPráctica
Práctica de literales de plantilla
Practica el uso de literales de plantilla en JavaScript.
Visto -
8 minPráctica
Práctica de manipulación del DOM
Practica la manipulación del DOM con JavaScript.
Visto -
37 minTaller
Uso de variables CSS
Aprende a usar variables CSS nativas para hacer tus hojas de estilo menos repetitivas, más fáciles de mantener y más.
Visto -
26 minTaller
Novedades en React 16
Ponte al día con las nuevas características de React 16, una reescritura completa de la biblioteca React.
Visto -
Curso
- 1
- 2
- 3
- 4
Conceptos básicos de Bootstrap
Aprende a construir con Bootstrap, uno de los marcos de trabajo front end de código abierto más populares, para ayudarte a construir un diseño y diseño funcional en poco tiempo.
-
5 minPráctica
Practica CSS Grid: Columnas, Filas y Espacios
Practica declarar pistas de filas y columnas, así como aplicar espacios entre ellas.
Visto -
6 minPráctica
Practica Diseño Flexible de CSS Grid
Practica usar funciones de CSS Grid que adapten tu contenido al espacio disponible y dimensionen y posicionen elementos de forma inteligente dentro del contenedor de cuadrícula.
Visto -
8 minPráctica
Practica Áreas de Plantilla de Cuadrícula
Practiquemos usando áreas de plantilla de cuadrícula, una función de CSS Grid que te permite asignar áreas de cuadrícula nombradas a elementos y usar esos nombres para posicionar elementos en la cuadrícula.
Visto -
Curso
- 1
- 2
- 3
Diseño de Cuadrícula CSS
La Maquetación CSS Grid proporciona una forma integrada y más eficiente de diseñar maquetaciones basadas en cuadrículas en el navegador. Trae un nuevo conjunto de propiedades, funciones y unidades flexibles que te permiten controlar la ubicación exacta y el tamaño de los componentes de la cuadrícula.
-
Curso
- 1
- 2
- 3
React por Ejemplo
Aprende patrones de programación de React construyendo una aplicación para hacer seguimiento de confirmaciones de asistencia. Comenzaremos desde el principio, usando create react app (https://github.com/facebookincubator/create-react-app) para inicializar el proyecto, y al final tendrás una aplicación funcional.
-
22 minTaller
Usando Create React App
Aprende a configurar rápidamente proyectos de React usando Create React App.
Visto -
35 minTaller
Depuración de CSS con Chrome DevTools
En este taller, exploraremos la herramienta más útil y eficiente para depurar CSS: Chrome Developer Tools.
Visto -
Curso
- 1
- 2
- 3
- 4
Conceptos Básicos de HTML
Aprende HTML (HyperText Markup Language), el lenguaje común de todos los sitios web. HTML describe la estructura básica y el contenido de una página web. Si quieres construir un sitio web o una aplicación web, necesitarás saber HTML.
-
Curso
- 1
- 2
- 3
- 4
Conceptos Básicos de Sass
Sass es un lenguaje de hojas de estilo que extiende CSS con características como variables, reglas anidadas, mixins y funciones, en una sintaxis compatible con CSS. En este curso, aprenderás a usar los poderes de Sass para potenciar tu flujo de trabajo front end. Los ejemplos te enseñarán por qué deberías usar Sass en tus proyectos. Al final, estarás escribiendo CSS más eficiente usando código que es fácil de leer y mantener.
-
7 minPráctica
Práctica de Conceptos Básicos del Modelo de Caja CSS
Practica trabajar con los componentes principales del modelo de caja CSS.
Visto -
6 minPráctica
Practica CSS Floats
Practica diseñar una página web y envolver texto alrededor de elementos, con CSS floats.
Visto -
5 minPráctica
Práctica de Consultas de Medios
Practica escribir consultas de medios CSS ajustando el diseño de una página web simple.
Visto -
5 minPráctica
Práctica de Selectores CSS
Practica selectores CSS básicos dirigiéndote y aplicando estilos a elementos de una página web.
Visto -
22 minTaller
Introducción a Aplicaciones Web Progresivas
Aprende una nueva forma de entregar experiencias de usuario sorprendentes en la web con Aplicaciones Web Progresivas (PWAs).
Visto -
Curso
- 1
- 2
- 3
DOM Scripting por Ejemplo
Usa JavaScript para construir una aplicación web RSVP. Muchas de las características que construirás son comunes a otras aplicaciones web. Cuando termines de programar la aplicación, tendrás los conceptos básicos que necesitarás para construir cualquier aplicación web del lado del cliente.
-
Curso
- 1
- 2
- 3
- 4
Introducción a ES2015
Aprende los fundamentos de ECMAScript 2015, también conocido como ES6, el estándar de JavaScript. JavaScript ha avanzado mucho desde su creación en 1995. La especificación ECMAScript 2015 trajo muchas mejoras, el conjunto de cambios más grande que el lenguaje ha visto hasta la fecha.
-
49 minTaller
Introducción a PostCSS
Aprende PostCSS, una herramienta popular de procesamiento de CSS para diseñar tus sitios web y aplicaciones.
Visto -
Curso
- 1
- 2
- 3
- 4
Pruebas Unitarias de JavaScript
En este curso, usarás Desarrollo Dirigido por Comportamiento para escribir pruebas unitarias para tus funciones con el marco de pruebas de JavaScript Mocha.js. Escribir pruebas unitarias te ayudará a mejorar tu código antes de que comiences a escribirlo. Tendrás menos problemas y entenderás mejor los problemas que sí tengas.
-
Curso
- 1
- 2
- 3
- 4
Transiciones y Transformaciones CSS
Las transiciones y transformaciones CSS pueden crear animaciones simples que mejoren las interacciones del usuario en sitios web y aplicaciones. En este curso, construirás una galería de imágenes interactiva usando transiciones y transformaciones CSS.
-
Curso
- 1
- 2
- 3
Diseño de Diseño CSS Flexbox
Flexbox es un conjunto de propiedades CSS que te da una forma flexible de diseñar contenido. Con flexbox puedes cambiar la dirección, alineación, tamaño y orden de elementos, independientemente de su tamaño y orden original en HTML. ¡Incluso puedes estirar y encoger elementos y distribuir espacio, todo con solo unas pocas líneas de CSS!
-
21 minTaller
La Función CSS calc()
La función CSS calc() realiza un cálculo y devuelve un resultado. calc() permite expresiones matemáticas que añaden '+', restan '-', multiplican '*', y dividen valores '/'.
Visto -
22 minTaller
Crea una Navegación Responsiva con Flexbox
Aprende cómo construir una navegación web responsiva, usando consultas de medios CSS y diseño flexbox.
Visto -
Curso
- 1
- 2
Animación de SVG con CSS
SVG (Scalable Vector Graphics) también admite interactividad y animación, por lo que puedes animar e interactuar con SVG como lo haces con HTML. Este curso corto cubre los métodos más comunes para animar SVG: transiciones CSS, transformaciones y animaciones de fotogramas clave.
-
12 minTaller
Rutas de Recorte CSS
En este taller, aprenderás sobre una función avanzada de CSS llamada rutas de recorte.
Visto -
8 minTaller
Máscaras CSS
En este taller, vamos a cubrir un efecto de diseño CSS emocionante: Máscaras.
Visto -
14 minTaller
Modos de Fusión CSS
En este taller, Guil cubre cómo usar modos de fusión, una función CSS emocionante que se parece a una herramienta que normalmente encontrarías en tu editor de gráficos favorito.
Visto -
Curso
- 1
- 2
- 3
CSS a Sass
Si no estás seguro de por dónde comenzar cuando conviertes CSS a Sass, este es el lugar para empezar. En este curso, aprenderás cómo convertir un proyecto web simple a Sass (http://sass-lang.com/), el preprocesador de CSS más ampliamente utilizado.
-
Curso
- 1
- 2
- 3
Selectores CSS
En este curso corto, vamos a ir más allá de los conceptos selectores básicos cubiertos en Conceptos Básicos de CSS. Además de las formas comunes de seleccionar elementos con selectores de tipo, ID y clase, podemos dirigirnos a elementos basados en sus atributos, posición en el documento HTML, incluso su relación con otros elementos.
-
Curso
- 1
- 2
- 3
- 4
- 5
CSS Modular con Sass
Los sitios web y aplicaciones actuales son más grandes que nunca y mucho depende de la arquitectura de CSS. CSS que está mal pensado puede ser una carga en el desarrollo y mantenimiento a largo plazo.
-
33 minTaller
Mejores Prácticas de CSS
Hay más en escribir buen CSS que simplemente conocer todas las características y técnicas más recientes y excelentes.
Visto