Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Front End Development Workflow Tools

452 views

Published on

A talk about the modern tools used today in front-end development.

Published in: Technology
  • Be the first to comment

Front End Development Workflow Tools

  1. 1. Front End Development Workflow Tools @ahmehri Ahmed Elmehri
  2. 2. Front End IS NOT Back End 2
  3. 3. JS Project IS NOT Java Project 3
  4. 4. Doesn’t fit Not the right tool 4
  5. 5. Development Workflow Prepare project structure Scaffolding 5 Build project Manage dependencies Scaffolding tool Build tool Task runner Package Manager
  6. 6. Development Workflow Tools 6
  7. 7. Scaffolding https://flic.kr/p/2Tjgck
  8. 8. Yeoman the Scaffolding Tool 8
  9. 9. Yeoman the Scaffolding Tool 9
  10. 10. Yeoman the Scaffolding Tool 10
  11. 11. YO the Command Line Interface 11
  12. 12. Example
  13. 13. Dependency Management https://flic.kr/p/obcZW9
  14. 14. npm the Package Manager 14
  15. 15. npm the Package Manager 15
  16. 16. npm the Package Manager 16
  17. 17. npm the Package Manager 17
  18. 18. Bower the Package Manager 18
  19. 19. Bower the Package Manager 19
  20. 20. Bower the Package Manager 20
  21. 21. Example
  22. 22. Building https://flic.kr/p/bJT8og
  23. 23. Grunt the Build Tool 23
  24. 24. Grunt the Build Tool 24
  25. 25. Grunt the Build Tool 25
  26. 26. Example
  27. 27. Thank You @ahmehri Ahmed Elmehri #front-end-dev-workflow-tools

×