Front End development workflow
3 likes755 views
The document discusses the Javascript development workflow, highlighting its evolution since its invention by Brendan Eich in 1995. It emphasizes the importance of various tools, libraries, and practices in modern web development, including package managers, transpilers, and testing frameworks. Additionally, it encourages participation in the Cord community for development support and collaboration.
![“Sometimes is a bit immature...
var x = ['10', '10', '10'];
var y = x.map(parseInt)
console.log(y) ////[10, Nan, 2]](https://image.slidesharecdn.com/sfnodefedevelopmentworkflow-160506055131/85/Front-End-development-workflow-10-320.jpg)
![“Sometimes is a bit immature...
console.log(typeof [] === typeof {})
// true](https://image.slidesharecdn.com/sfnodefedevelopmentworkflow-160506055131/85/Front-End-development-workflow-12-320.jpg)
Front End development workflow
- 2. hello! I am Matteo Scandolo You can find me at @teone
- 5. What is CORD Proprietary hardware And software Embedded services $ $ $ Commodity hardware Function virtualization Open Source software
- 6. I am not a Network Engineer For more information visit: www.opencord.org
- 7. < 2009 - ante Google Maps Javascript as it was
- 8. “ Was invented by Brendan Eich in 1995
- 10. “Sometimes is a bit immature... var x = ['10', '10', '10']; var y = x.map(parseInt) console.log(y) ////[10, Nan, 2]
- 11. “Sometimes is a bit immature... console.log(NaN === NaN) //false
- 12. “Sometimes is a bit immature... console.log(typeof [] === typeof {}) // true
- 13. “But it is certainly funny! console.log(Array(16).join('a' -1) + " Batman!")
- 14. “Javascript as a presentation enhancement.
- 17. “The web has evolved
- 21. Package Managers
- 23. Pipeline
- 24. Scaffolding
- 25. Where they helps In everyday life
- 29. Build Development: Source mapping (js, css) Live Reload Unit tests Environments Testing (CI) Source mapping (js, css) Mock data Coverage Dependencies check (npm-check) Production: Uglify Minification Asset handling ○ Gzip ○ Sprites Css Optimization
- 30. What I’m using
- 32. Demo Time!
- 33. “Yeoman + Gulp Complex project Different configurations Different environment Custom Dashboards
- 34. “NPM scripts Simple Projects Proof of concept Remove complexity External Applications
- 35. In my experience AKA errors I made
- 36. One step at a time 1
- 38. It hurt 3 When the build brokes (on friday night)
- 39. There isn’t a solution 4 That works for all the problems
- 40. Join the CORD community! Partecipate in development and environment setup Report bugs Jira.opencord.org slackin.opencord.org