Frontend

Frontend

• Single Page, Multi Page

• Webpack, Browserify, Gulp, Grunt

• Javascript debugging

• Backend iletişimi (REST, RPC, Websocket vs)

Kaynak: Front-End Developer Handbook

HTML5

CSS

SASS, LESS, CSS Kütüphaneleri: bulma, bootstrap

Javascript

Javascript Sürümleri

EcmaScript 5-6-7, Typescript, Coffeescript

Transpiler

• https://scotch.io//tutorials//javascript-transpilers-what-they-are-why-we-need-them

• Babel

Frameworkler

React.js

Angular.js

Ember.js

Vue.js

Kod Kalitesi

Her dilde olduğu gibi Javascript'te yaygın olarak kullanılan kod standartları mevcuttur. Bu standartların uygulandığından emin olmak için linter araçlarıyla kod analizi yapılmaktadır. Projenizin kök dizinine koyacağınız .eslintrc dosyası içinde belirteceğiniz kurallara göre kod tabanınızın belli standartlarda olmasını sağlayabilirsiniz.

Editörler için yazılan Atom linter-eslint gibi eklenti ile yazdığınız koddaki sorunları anlık olarak görebilir ve hata mesajlarına bakarak düzeltebilirsiniz. Yine eklenti ayarlarından dosyayı kaydetmenizle beraber otomatik düzeltme yapılmasını sağlayabilirsiniz. Bununla birlikte komut satırından manuel olarak kontrolleri yapmanız mümkündür.