DevStack - Nejlepší přítel kodéra
•
0 likes•68 views
This document discusses Gulp, a tool that can help web developers by automating tasks like minification, preprocessing, postprocessing, live reloading, and optimization of CSS, JavaScript, images, and SVGs. It summarizes Gulp's capabilities and how it can be used to streamline front-end development workflows. While useful for its complexity, speed, and extensibility, Gulp may require more disk space and knowledge of NPM/Gulp for JavaScript developers. The document encourages reading documentation, customizing Gulp as needed, removing jQuery, focusing on code quality, and considering other build automation tools.
DevStack - Nejlepší přítel kodéra
- 1. DEVSTACK NEJLEPŠÍ PŘÍTEL KODÉRA FRONTENDISTI 16. 9. 2020
- 3. CO DNES MUSÍ ŘEŠIT É?
- 6. CO S TÍM?
- 8. PROČ GULP?
- 10. CO TO UMÍ?
- 11. MINIFIKUJE KÓD (CSS NANO, UGLIFY) PREPROCESORUJE (SASS) POSTPROCESUJE (POSTCSS) LIVE RELOADUJE (BROWSERSYNC) KONTROLUJE (STYLELINT, JSHINT) ŘADÍ (CSS COMB, PRETTIER)
- 12. OPRAVUJE (FLEXBUGS) VYLEPŠUJE (PXTOREM) OPTIMALIZUJE (IMAGEMIN, SVGMIN) GENERUJE SVG SPRITE (SVGSTORE) DĚLÁ SOURCEMAPY (SOURCEMAPS)
- 14. JAK TO FUNGUJE?
- 15. CSS -> VÝVOJ SASS, SOURCEMAPS, RENAME, LIVE-RELOAD CSS -> PRODUKCE CSSCOMB, SASS, SOURCEMAPS, RENAME, POSTCSS (MINIFY, AUTOPREFIX, FLEXBUGS...), STYLELINT
- 16. JS -> VÝVOJ CONCAT, SOURCEMAPS, LIVE-RELOAD JS -> PRODUKCE PRETTIER, CONCAT, SOURCEMAPS, UGLIFY, JSHINT
- 17. OBRÁZKY, SVG GENEROVÁNÍ SVG SPRITE SE SNADNÝM POUŽITÍM OPTIMALIZACE OBRÁZKŮ VČETNĚ SVG
- 18. VÝHODY KOMPLEXNOST RYCHLOST SNADNÁ ROZŠIŘITELNOST PRÁCE V TÝMU JEDNODUCHÉ OVLÁDÁNÍ SVG IKONY
- 20. NEVÝHODY SLABÝ PRO JS VÝVOJÁŘE SPOTŘEBA MÍSTA NA DISKU POUŽITÍ NPM / GULP
- 22. NA ZÁVĚR
- 23. ČTĚTE README UPRAVTE SI JAK CHCETE VYHOĎTE SI JQUERY :) SOUSTŘEĎTE SE NA KÓD POUŽÍVEJTE KLIDNĚ JINÝ DEVSTACK https://github.com/danielstrelec/ds-boilerplate