Este taller está dedicado a todos aquellos desarrolladores frontend que quieran mejorar sus conocimientos y estar al día con las últimas herramientas que ayudarán a su ciclo de trabajo.
En esta sesión maquetaremos un portal de internet desde cero utilizando las siguientes herramientas:
- Preprocesadores CSS: Stylus + nib y LESS
- Framework CSS: Bootstrap 3.x (mobile first)
- Node Package Manager (Node.js)
- Git/Github
- Gulp.js
Que el alumno aprenda o incremente su conocimiento sobre herramientas profesionales para desarrollo frontend, con las más modernas técnicas de implementación y usando estándares de la web.
- Conocimiento de CSS, HTML y línea de comandos (GNU/Linux, Windows o Mac OSX).
- Se recomienda tener cuenta de Github.
- Ganas de aprender.
-
1. ¿Qué es el frontend?
- 1.1. Ciclo de un proyecto
- 1.2. ¿Qué conocimientos necesito?
- 1.3. Frontend vs backend
-
2. Show me the money: ¿me conviene aprender esto?
- 2.1. ¿Por qué las grandes empresas buscan desarrolladores frontend?
- 2.2. ¿Qué es UX?
-
3. Configurando mis herramientas: Git, code editors, navegadores, plugins, emuladores.
- 3.1. Instalación y configuración
- 3.2. Preparando el entorno de ejecución
-
4. Pasando de photoshop a código: Stylus/LESS, HTML5, CSS. 4.1 Ventajas de utilizer un preprocesador
- 4.1. Varibles
- 4.2. Mixins
- 4.3. Importando archivos y directivas
-
5. Optimizando el flujo de desarrollo: Git/Github y Node Package Manager como base de nuestro trabajo.
- 5.1. ¿Qué es un controlador de versiones?
- 5.2. Comandos básicos
-
6. Exportando todo para producción: uso de un gestor de tareas automatizadas, Gulp.js
-
7. Mejores prácticas para enviar a producción.
Para más recursos interesantes te invito a visitar mi sitio personal: http://www.alex-arriaga.com/.
Cualquier duda sólo envíame un tweet en @alex_arriaga_m y con gusto responderé.