O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Front End Development Workflow Tools

464 visualizações

Publicada em

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

Publicada em: Tecnologia
  • Seja o primeiro a comentar

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

×