- Git and GitHub/Gitlab
- SSH (Secure Socket Shell)
- Bash and PowerShell
- CSS preprocessors (SASS/LESS/STYLUS)
- ESLINT
- Module Bundlers (Webpack,Rollup,Parcel)
- State Management Tools (Vuex,Redux,Flux, Mobx)
- Frameworks (Angular,Vue,React)
- Test Runners (Jest,Mocha,Karma,Enzyme)
- SPA
- SSR
- Package Managers (Npm, Yarn)
- CSS Architectures (BEM, OOCSS, Atomic etc.)
Editor/IDE VSCode Atom Sublime
Source: https://github.com/kamranahmedse/developer-roadmap
- Clean up the HTML Document
- Optimize CSS Performance
- Reduce External HTTP Requests
- Minify CSS, JS and HTML
- Enable Prefetching
- Increase Speed With a CDN(content delivery network) and Caching
- Compress Your Files
- Optimize Your Images
- Use a Minimalistic Framework
Source: https://www.keycdn.com/blog/front-end-optimization/
- Stack trace
- Breakpoints
Tools
- Chrome Dev Tools — Debugger 1a. Chrome Dev Tools — Network Tab
- React,Vuex Developer Tools
- Webpack
- SourceMaps
https://github.com/getify/You-Dont-Know-JS
https://addyosmani.com/resources/essentialjsdesignpatterns/book
https://css-tricks.com/
https://www.youtube.com/watch?v=y62zj9ozPOM&list=PLhQjrBD2T3828ZVcVzEIhsHVgjANGZveu
http://cs50.tv/2017/fall/