Atlas Enhance your front-end workflow with Gulp automation | Contensis user groups 2016

We’ve developed a toolkit to get projects started quickly and easily. Find out more about these automations and get your free copy of Atlas from Jason Alvis, front-end developer and technical consultant.

Transcript

2. Enhance your front-end
 workflow @alvisjason F r o n t - E n d D e v e l o p e r & Te c h n i c a l C o n s u l t a n t Jason Alvis
3. Time is a key factor to 
 staying producCve
4. Setup, develop, build
5. • Folder structure Setup • Templates • Libraries • Frameworks
6. • Folder structure Setup • Templates • Libraries • Frameworks
7. • Folder structure Setup • Templates • Libraries • Frameworks
8. • Folder structure Setup • Templates • Libraries • Frameworks
9. • Watch files for changes Develop • Live reload • Code lin>ng
10. • Watch files for changes Develop • Live reload • Code lin>ng
11. • Watch files for changes Develop • Live reload • Code lin>ng
12. • Minify CSS and JavaScript Build • Concatenate • Remove source maps • Image compression
13. • Minify CSS and JavaScript Build • Concatenate • Remove source maps • Image compression
14. • Minify CSS and JavaScript Build • Concatenate • Remove source maps • Image compression
15. • Minify CSS and JavaScript Build • Concatenate • Remove source maps • Image compression
16. Automate repeCCve tasks 
 to stay producCve
17. Which tools to use?
18. Prepros CodeKit Koala Grunt
19. Prepros CodeKit Koala Grunt
20. Prepros CodeKit Koala Grunt
21. Make it work for you, 
 make it your own
22. Introducing Atlas
23. hLp:/ /192.168.1.227:3000
24. • Automate repe>>ve tasks Recap • Make it your own • Con>nually improve
25. • Automate repe>>ve tasks Recap • Make it your own • Con>nually improve
26. • Automate repe>>ve tasks Recap • Make it your own • Con>nually improve
27. Thank you! @alvisjason hLps:/ /github.com/zengenC/atlas