Proyecto para aprender Javascript para Front-end
Código
Todo el código del proyecto está disponible en el repositorio de Github teanocrata/platzigram
Objetivo
Intentaremos crear el Front-end de Instagram utilizando HTML, CSS y Javascript.
El desarrollo está realizado siguiendo la primera parte el “Curso Definitivo de JavaScript”. En particular la parte que da Sacha Lifszyc.
Utilizamos Sass, Browserify, Gulp, Babel.js, npm, Node.js.
FormatJS para manejar multiples idiomas.
Las fotos se subirán a Amazon S3.
Herramientas
- NodeJS para desarrollar
- npm como gestor de paquetes
- materializecss como framework ligero basado en material design
- express como servidor web
- browserify como ensamblador de paquetes
- gulp para automatizar las tareas
- Sass como preprocesador de css
- Babel como compilador para usar las ultimas funcionalidades de JavaScript
- vinyl-source-stream para poder procesar lo que genera el bundle
- page para cargar solo lo que cambia en la página
- watchify Para recargar automáticamente los cambios
- concurrently Para ejecutar el watch y el server a la vez
- yo-yo Sigue la filosofía de react, para enriquecer el lado del cliente
- empty-element Para vaciar elementos
- title Para gestionar los títulos de las páginas
- format-js Para traducir los textos
- superagent Lo probamos para usar callbacks en las peticiones a servidor
- axios Para hacer request pero con promesas
- Fetch polyfill Fetch no está soportado por todos los navegadores, usamos este polyfill
- Async/await de EcmaScript 2016 Tiene pinta de que este será el standard para las llamadas a servidor
- multer Para subir archivos al servidor