Workflow Open Source para Frontend Developers
•
16 gostaram•1,693 visualizações
O documento discute a evolução do workflow de desenvolvimento frontend ao longo do tempo, desde a era do Dreamweaver e HTML com tabelas até as ferramentas, frameworks e padrões atuais. Também apresenta diversas ferramentas como editores de código, sistemas de controle de versão, task runners e ferramentas de qualidade de código que podem ser usadas para tornar o desenvolvimento frontend mais eficiente.
Denunciar
Compartilhar
Workflow Open Source para Frontend Developers
- 1. WORKFLOW OPENSOURCE PARA FRONTEND DEVELOPERS por davidson fellipe www.fellipe.com
- 3. WORKS
- 7. ENQUANTO ISSO EM 2000...
- 10. ATUALMENTE...
- 18. EDITORES
- 21. SUBLIME http://www.sublimetext.com/ NÃO É OPEN SOUCE NEM FREE
- 23. DOTFILES
- 27. git trabalhar com repositórios entender branches pull request code review CONTROLE DE VERSÃO
- 30. BITBUCKET VS GITHUB repos privados ilimitados princing baseado no número de colaboradores número de colaboradores ilimitado princing baseado no número de colaboradores
- 31. TASK RUNNER
- 33. O QUE É O GRUNT? É um task runner baseado em linha de comando para projetos javascript
- 34. O QUE É O GRUNT? Testes JS linting Concatenando e Minificando Otimizando imagens Watches para Pré-processadores
- 35. Por que usar o GRUNT? Facil de usar Grande número de plugins Imensa comunidade Open source
- 36. Instalados e gerenciados via NPM (node.js) Adiciona grunt command no system path INICIANDO COM GRUNT $ npm install -g grunt-cli
- 37. package.json { "name": "project-name", "version": "0.1.0", "description": "Project description" }
- 38. gruntfile.js module.exports = function( grunt ) { grunt.initConfig({ // configuracoes }); //plugins grunt.loadNpmTasks( 'plugin-name' ); //tarefas grunt.registerTask( 'default', [ 'watch' ] ); };
- 39. INSTALANDO GRUNT $ npm install grunt --save-dev Instala a ultima versão no seu folder Adiciona ao package.json
- 40. ANT http://mechanics.flite.com/blog/2012/06/19/why-we-use-node-dot-js-and-grunt-to-build-javascript/
- 54. TESTES
- 57. PERFORMANCE
- 62. MAIS TOOLS
- 70. CONTRIBUA http://braziljs.org/projetos/ http://contribute.jquery.org/ http://gruntjs.com/contributing Pull requests em projetos no github ou bitbucket
- 73. 6 SEMANAS?
- 77. AH... É MUITA COISA PARA ESTUDAR...
- 79. O SUCESSO DE SUA APP NÃO DEPENDE APENAS DE SEU WORKFLOW
- 80. ELE APENAS VAI TE DEIXA MAIS FELIZ