أدوات ومفاهيم وتقنيات يبنغي معرفتها لكل مطور واجهات ونظم أمامية FrontEnd Developers

ES6 (ES2015)

Transpilers, JS Supersets

• Babel:

• TypeScript:

• Elm:

• Closure:

Task Runners , Package Managers:

• WebPack:

• JSPM:

• Gulp:

• Grunt:

• Bower:

MV*, Web Components:

• ReactJS:

• Angular:

• Ember:

• VueJs:

• CycleJs:

• Polymer:

• ...

Data-driven Frameworks and Methodologies:

• Redux:

• Flux:

• Relay:

• ...

Libs:

• ImmutableJs:

• Lodash:

• jQuery:

Data Query Languages and Tools

• GraphQL:

• Falcor:

• Graphene:

Templating:

• Nunjucks:

• HandlebarsJs:

• Mustache:

• EJS:

ReactiveX

JS Graphs

• d3:

• ChartJs:

• ChartistJs:

JS Testing

• Chai:

• Mocha:

• Jasmine:

• Karma:

• Intern:

CSS in JS

• CSS Modules:

• CSS In JS Libs:

NodeJS (basics at least)

• NodeJS:

• Express:

CSS and SASS

• PostCSS:

• SASS (less, stylus..)

• Flex

• Grid

• Animations:

• SVGs

• Custom props

• ..

App Architecture:

• Isomorphic:

• MiddleEnd:

• ReactRouter: