/js-camp-18

Mozilla Public License 2.0MPL-2.0

Camp'18

Modern gelistirme aracillari

  • 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

Optimizasyon

  • 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/

Debug

  • Stack trace
  • Breakpoints

Tools

  1. Chrome Dev Tools — Debugger 1a. Chrome Dev Tools — Network Tab
  2. React,Vuex Developer Tools
  3. Webpack
  4. SourceMaps

Source: https://medium.com/@interdigitizer/5-debugging-tools-every-javascript-programmer-should-know-and-use-38575141689c

Öneri Kaynaklar

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/