Incluye acceso a Nocodehackers PRO y Framer PRO durante las 4 semanas que dura el curso.
Una web desde 0
Durante el Workshop iremos construyendo la home de Nocodehackers desde 0, aprendiendo todo lo necesario para construir webs en Framer.
Convierte un Figma en una web
Con la extensión de Framer
Domina los Frames y Stacks
Aprende a crear diseños responsive
Diseña webs adaptadas a todo dispositivo
Adapta a cualquier dispositivo tu diseño
Crea animaciones complejas
Sin una línea de Javascript
Componentes para escalar
Crea componentes para escalar tu sistema
Formato del workshop
A tu ritmo, junto a nosotros
Aprende de forma asíncrona con nuestros cursos y aclara todas tus dudas con las sesiones en directo.
APRENDE A TU RITMO
El contenido del programa estará disponible para ti 24/7. Podrás aprender en el día y la hora que más te convenga.
SESIONES EN DIRECTO
Cada semana tendremos una videollamada de 60 minutos para aclarar dudas y preguntas que puedas tener sobre el reto o herramienta.
Años de experiencia para ti
Mentores para ayudarte
Si tienes dudas o necesitas ayuda para entender algún concepto, siempre contarás con nosotros.
Alex Vaughtton
Fundador de NocodeHackers
Carmen Mora
No code Maker NocodeHackers
Tomás Alonso
No code Maker NocodeHackers
Elías Silva
No code Maker NocodeHackers
Contenido semanal
El Workshop en detalle
Semana 0
Vídeo llamada en directo
¡Sesión de bienvenida!
Bienvenida al programa, presentación de los participantes e introducción por Alex Vaughtton
DOCUMENTACiÓN
Lee la guía: Workshop eficiente
Descubre todo lo que tenemos preparado para ti en este Workshop de 5 semanas.
Semana 1
VIDEOS
Introducción a la maquetación en Framer
Veremos los básicos de cómo se maneja en Framer, las bases de los Frames, Grids, Columns y Row las diferencias con Figma y cómo tiene que pensar un maquetador.
Reto
Creando la Hero
Construirás la primera sección de la web adaptada a todos los tamaños de dispositivos.
Vídeo llamada en directo
Dudas y preguntas
Aclararemos dudas que te has encontrado con el reto semanal. Es la oportunidad perfecta para expandir tus conocimientos y aprender de tus compañeros
Semana 2
VIDEOS
Diseño Responsive
Haremos una sesión en la que vamos a ver cómo podemos estructurar nuestros diseños para adaptarlos a distintos tamaños de pantalla.
Reto
Diseña el resto de la web
Terminarás de maquetar el resto de la web para que sea completamente funcional.
Vídeo llamada en directo
Dudas y preguntas
Aclararemos dudas que te has encontrado con el reto semanal. Es la oportunidad perfecta para expandir tus conocimientos y aprender de tus compañeros
Semana 3
VIDEOS
Creando componentes
Entenderemos cómo funcionan los componentes, centrándonos en los que ya vienen hechos en Framer, entendiendo cómo crear los nuestros propios y aprovechar componentes de terceros.
Reto
Crea la navbar, slider y carrusel
Crearás componentes que te permitan escalar y sistematizar tus diseños.
Vídeo llamada en directo
Dudas y preguntas
Aclararemos dudas que te has encontrado con el reto semanal. Es la oportunidad perfecta para expandir tus conocimientos y aprender de tus compañeros
Semana 4
VIDEOS
Animaciones en Framer
Veremos como podemos crear micro-interacciones, añadir Lotties o crear animaciones más complejas en la interfaz de framer.
Reto
Crea animaciones complejas
Tendrás que crear dos animaciones complejas en Scroll y en aparecer en toda la web.
Vídeo llamada en directo
Dudas y preguntas
Aclararemos dudas que te has encontrado con el reto semanal. Es la oportunidad perfecta para expandir tus conocimientos y aprender de tus compañeros
EXTRA
VIDEOS
Mejores prácticas de desarrollo
Veremos las mejores prácticas y ajustes a la hora de construir tus proyectos.