Nick Pettit
Profesor de Treehouse
Orlando
Abierto a Trabajar
Nick fue el primer profesor en unirse a Treehouse. Desde 2010, ha creado docenas de cursos sobre desarrollo web, desarrollo de juegos y realidad virtual. En su tiempo libre, Nick trabaja en videojuegos independientes y ayuda a organizar la reunión de realidad virtual de Orlando.
Temas y especialidades
Cursos y talleres que he impartido
-
Curso
- 1
- 2
Diseño de Diseños
En este curso, aprenderás cómo aplicar principios de diseño a través de una serie de ejemplos. Cada ejemplo incluirá algún componente que se puede mejorar, y al hacer la mejora, desarrollarás fuertes sensibilidades estéticas sobre cosas como la jerarquía visual y tipográfica, el uso de cuadrículas y alineación en diseños, y cómo elegir colores.
-
8 minPráctica
Practica Mapas de Viaje
Los mapas de viaje son una herramienta útil para diseñadores UX que pueden articular puntos de dolor que se interponen entre un usuario y su objetivo previsto. Esta sesión de práctica te ayudará a analizar una experiencia e identificar áreas de mejora.
Visto -
7 minPráctica
Practica Mapas de Empatía
Los mapas de empatía pueden ayudar a los diseñadores UX a identificarse con los usuarios y comprender sus necesidades.
Visto -
5 minPráctica
Practicar Crítica de Diseño
Una de las habilidades más importantes para tener como Diseñador UX es la capacidad de dar y recibir comentarios sobre un proyecto. Esta sesión de práctica te ayudará a aplicar tus habilidades de crítica.
Visto -
Curso
- 1
- 2
Fundamentos del Diseño Visual
En este curso, construirás tu vocabulario de diseño y aprenderás cómo describir los bloques de construcción básicos de cualquier imagen visual. Comenzaremos aprendiendo sobre los elementos del diseño, como línea, forma y forma. Luego pasaremos a los principios del diseño, como equilibrio, armonía y movimiento. Al final, tendrás una mejor base para discutir diseño con otros miembros del equipo y podrás hacer observaciones objetivas sobre lo que a menudo es un tema subjetivo.
-
2 minPráctica
Practicar Completar un Perfil
A menudo, cuando te registras en un servicio, solo te piden tu dirección de correo electrónico y una contraseña. Pero los sitios web y las aplicaciones que se basan principalmente en tu información personal a menudo necesitan mucho más. En esta sesión de práctica, crearás una interfaz de usuario que persuade a los usuarios a ingresar más información.
Visto -
3 minPráctica
Practicar Crear un Muro de Pago
Los sitios web impulsados por contenido a menudo necesitan equilibrar contenido de pago y contenido gratuito. Una forma de hacerlo es ofrecer una vista previa gratuita en forma de un patrón de interfaz de usuario llamado muro de pago.
Visto -
4 minPráctica
Practicar Diseñar una Tarjeta de Producto
Las tarjetas son un patrón común de interfaz de usuario que se utiliza para crear elementos reutilizables que se pueden usar en múltiples contextos.
Visto -
Curso
- 1
Crítica de Diseño
Una de las partes más importantes del diseño es poder hablar sobre él con otras personas. Dar comentarios y comunicar cambios sugeridos es clave para avanzar con las personas y los negocios. En este curso, aprenderás a formular críticas constructivas y hablar objetivamente sobre el tema subjetivo del diseño.
-
Curso
- 1
- 2
- 3
Prototipado con Adobe XD
Adobe XD es una herramienta de prototipado visual para PC y macOS. En este curso, aprenderás cómo usar Adobe XD creando una maqueta para una aplicación de reserva de viajes. Al final, podrás crear prototipos interactivos que se pueden compartir con otros.
-
11 minTaller
Diálogo HTML
Los cuadros de diálogo son un patrón de diseño común en muchos sitios web, por lo que W3C creó el
<dialog>elemento como parte del estándar HTML. En este Taller, aprenderemos cómo usar el<dialog>elemento en combinación con JavaScript para desencadenar ventanas modales y no modales.Visto -
Curso
- 1
- 2
- 3
Fundamentos de Aprendizaje Automático
El aprendizaje automático abarca muchas ideas diferentes, lenguajes de programación, marcos de trabajo y enfoques del tema, por lo que el término "aprendizaje automático" es difícil de definir en solo una o dos oraciones. Pero esencialmente, el aprendizaje automático es darle a una computadora la capacidad de escribir sus propias reglas y aprender sobre cosas nuevas, por su cuenta.
-
Curso
- 1
- 2
- 3
Prototipado con Figma
En este curso, aprenderás cómo construir prototipos interactivos y compartibles en Figma, una herramienta de prototipado visual basada en web. Crearás un prototipo para una aplicación de fotografía móvil "prosumer" y, al final, tendrás una mejor comprensión de cómo crear prototipos interactivos que se pueden compartir con las partes interesadas del proyecto y miembros del equipo.
-
Curso
- 1
- 2
Creación de Prototipos en el Navegador
Antes de diseñar un sitio web, es importante tener algún tipo de plan o un wireframe para guiar tus esfuerzos. Pero a veces, cuando pasas de un simple boceto a píxeles digitales, los resultados no son exactamente lo que esperas. Cuando trabajas con HTML y CSS reales, y puedes ver tu sitio en pantallas reales, puedes ver una representación más precisa del resultado final. En este curso, vamos a construir un prototipo de sitio web usando el marco de trabajo web Bootstrap.
-
Curso
- 1
- 2
Proceso de Diseño Web
Ir de una pantalla en blanco a un sitio web terminado puede ser desalentador. En este curso, aprenderás sobre los pasos principales involucrados en el diseño de sitios web. Aprenderemos cómo recopilar información, explorar conceptos potenciales e iterar en un diseño. Al final, tendrás la base que necesitas para continuar tu viaje de diseño.
-
Curso
- 1
- 2
Video y audio HTML
El texto y las imágenes siempre han sido la base del contenido web, pero más que nunca, el video y el audio también son parte de esa mezcla de contenido. Afortunadamente, ahora podemos crear reproductores de video y audio basados en estándares que no requieren el uso de complementos. Agregar video y audio a una página web es casi tan fácil como agregar una imagen o dar formato a algo de texto.
-
26 minTaller
Usando Espacios de Trabajo de Treehouse
Espacios de Trabajo es un editor de texto en línea y un entorno de desarrollo integrado con Treehouse. En otras palabras, es la herramienta que puede ayudarte a escribir el código para crear sitios web y aplicaciones web. Puedes usar Espacios de Trabajo para seguir los cursos de Treehouse, y también puedes usarlo para crear proyectos por tu cuenta y practicar codificación. En estas lecciones, veremos más de cerca Espacios de Trabajo y aprenderemos cómo usar sus características paso a paso.
Visto -
Curso
- 1
- 2
Imágenes responsivas
Usando los nuevos atributos source-set y sizes, y el nuevo elemento picture, es posible crear imágenes que se comportan mejor en un diseño responsivo. Estas nuevas piezas de marcado nos permiten entregar la imagen correcta al dispositivo correcto, basado en resolución, densidad de píxeles y otros factores que definimos. Esto ayudará a que las páginas web se carguen más rápido y se vean mejor, y los dispositivos más capaces obtendrán las imágenes de mejor apariencia posible.
-
Curso
- 1
- 2
- 3
Diseños Responsivos
El diseño web responsivo es una colección de técnicas para construir sitios web que funcionen en múltiples tamaños de pantalla. En estas lecciones, vamos a usar los principios fundamentales del diseño responsivo como un marco para pensar en el diseño de página. Al final, deberías tener una mejor comprensión de cómo abordar decisiones comunes en el diseño responsivo.
-
Curso
- 1
- 2
- 3
- 4
Introducción a la Optimización del Rendimiento Front End
Las personas quieren usar sitios web que se carguen rápidamente, y cada segundo cuenta. Si un sitio web tarda más de 3 segundos en cargarse, puedes perder el 40% de tu audiencia. Cada segundo adicional en la respuesta de la página puede resultar en una reducción del 7% en conversiones. En estas lecciones, vamos a tomar un sitio web lento y hacer que se cargue más rápido utilizando la optimización del rendimiento del frontend. Al final, conocerás muchas técnicas prácticas que pueden acelerar cualquier sitio web.
-
Curso
- 1
- 2
Conceptos Básicos de SVG
Scalable Vector Graphics (SVG) es un lenguaje de marcado XML para crear imágenes bidimensionales usando vectores. Esto es diferente de los formatos de imagen tradicionales basados en raster que usan píxeles, como JPEG y PNG. Cuando se usan en páginas web, las imágenes SVG proporcionan un nivel infinito de detalle, por lo que se ven nítidas independientemente del tamaño de pantalla o la densidad de píxeles. En este curso, veremos situaciones donde los SVG son mejores que los archivos PNG y JPEG, así como cuándo un SVG podría no ser la mejor opción. Finalmente, aprenderemos cómo modificar SVG usando CSS.
-
Curso
- 1
- 2
Tablas HTML
La web está llena de texto e imágenes, pero también está llena de información como puntuaciones deportivas a lo largo de los años, listas de nombres y direcciones de correo electrónico de empleados, o información nutricional de tus alimentos favoritos. Las tablas HTML permiten mostrar información en lo que se conoce comúnmente como datos tabulares, que es información almacenada en una estructura similar a una tabla de columnas y filas. En general, cualquier cosa que podrías poner en una hoja de cálculo podría ir en una tabla. Hay muchos casos de uso para una tabla, por lo que es importante agregarlas a tus habilidades porque es un método muy común para mostrar información.
-
Curso
- 1
- 2
- 3
Formularios HTML
La web es un medio de comunicación bidireccional. Hay muchos elementos HTML para mostrar datos y producir resultados, y a la inversa, también hay muchos elementos HTML para aceptar entrada. Aceptar entrada del usuario significa crear formularios web. En este curso, aprenderemos sobre todos los elementos de formulario más importantes que los profesionales web utilizan diariamente.
-
34 minTaller
Prototipado rápido de sitios web
En este taller, el maestro de diseño web de Treehouse Nick Pettit estará demostrando cómo crear prototipos rápidamente de sitios web usando una combinación de herramientas de maqueta y marcos front-end.
Visto -
48 minTaller
Sesión de Preguntas en Vivo con Nick Pettit y Jason Seifer
En este Taller especial y completamente en vivo, Nick y Jason decidieron intentar algo nuevo para el Día de Inocentes: ¡aceptar llamadas telefónicas! Responden preguntas sobre desarrollo de juegos, Ruby vs. PHP, cambio de carrera y mucho más.
Visto -
30 minTaller
La Pizarra en Blanco
Únete al profesor de diseño web de Treehouse, Nick Pettit, en este Taller en vivo completamente sobre pizarras en blanco. La pizarra en blanco o "estado vacío" es cuando una aplicación no tiene datos. La pizarra en blanco no solo es una parte crítica de UX, sino que también se puede usar para educar a los clientes e incrementar su satisfacción general con la experiencia. ¡Ten tus preguntas listas y únete a nosotros a las 2 p.m. ET el 11 de marzo!
Visto -
35 minTaller
Cómo Crear un Favicon
Aprende cómo diseñar y crear favicons con el profesor de diseño web de Treehouse, Nick Pettit. Desde tamaños y mejores prácticas hasta implementación y técnicas avanzadas, este Taller te convertirá en un experto en favicons en poco tiempo.
Visto -
Curso
- 3
Optimización de Sitios Web
En este curso cubriremos las herramientas necesarias para mantener tu sitio web en perfecto estado. Estas herramientas te ayudarán a realizar tareas como depurar un problema y mejorar los tiempos de carga de tu página.
-
61 minTaller
Preguntas y respuestas sobre diseño web
En esta sesión de preguntas y respuestas en vivo, Nick responde preguntas de estudiantes sobre imágenes responsivas, marcos front-end, conseguir un trabajo en la industria, y mucho más.
Visto -
73 minTaller
Creando Wireframes y Maquetas de Photoshop
En este Taller en vivo, Nick crea una maqueta para el sitio web de una aplicación de lista de tareas ficticia. Comienza con wireframes usando Balsamiq, luego pasa a Photoshop y crea una maqueta de alta fidelidad. Finalmente, Nick muestra cómo hacer un prototipo de la maqueta en HTML y CSS.
Visto -
50 minTaller
Creando un Marquesina CSS
En este Taller en vivo, Nick experimenta con CodePen y crea un marquesina de cine en HTML y CSS. ¡También responde preguntas de nuestra audiencia de YouTube!
Visto