Карта технологий веб-фронтенда

Технологический стек веб-фронтенд-разработки
- Браузер
  - Internet Explorer
  - Chrome
  - Firefox
  - Safari
  - Opera
  - Edge
  - Netscape
- Протокол
  - HTTP/1.1
    - Ссылка
    - Сессия
    - Authorization
    - Запрос
    - Response
  - HTTP/2
    - Сжатие
    - Сборка
    - Серверный push
  - WebSocket
- Три мушкетёра веба
  - HTML (язык разметки гипертекста)
  - CSS (каскадные таблицы стилей)
  - JavaScript
- Стандарты
  - W3C
    - HTML
    - CSS
    - XHTML
    - XML
- Основные концепции
  - HTML
    - DOM
    - Элемент
    - Attribute
  - JavaScript
  - CSS
    - Селектор
    - Приоритет
    - Специфичность
    - Блочная модель
- Движок рендеринга
  - Trident (IE)
  - Blink / ранее WebKit (Chrome)
  - Gecko (Firefox)
  - WebKit (Safari)
  - Blink / ранее Presto (Opera)
  - EdgeHTML (Edge)
- Движок сценариев
  - JScript (IE8- / ASP)
  - Chakra (IE9+ / Edge)
  - V8 (Chrome / Opera / Nodejs / MongoDB) [GitHub]
  - SpiderMonkey (Firefox)
  - JavaScriptCore (Safari)
- Время выполнения
  - Cookie
  - Локальный кеш
  - Сессионное хранилище
  - Local Storage
  - Компоненты
    - Расширения
    - Плагины
  - Ресурсы
    - Образы
    - Иконки
    - Шрифты
    - Аудио
    - Видео
- Редактор
  - Sublime Text
  - WebStorm
  - Atom [GitHub]
  - Vim
  - Emacs
  - Brackets [GitHub]
  - Light Table [GitHub]
  - Visual Studio
  - Visual Studio Code (Linux & Mac) [GitHub]
  - Dreamweaver ;-)
  - FrontPage / SharePoint Designer ;-)
- Задачи сборки
  - Минификация
  - Compile
  - Конкатенация
  - Обфускация
  - Оптимизация изображений
  - Модульное тестирование
- Инструменты сборки
  - Grunt [GitHub]
  - Gulp [GitHub]
  - Brunch [GitHub]
  - Yeoman
  - Broccoli [GitHub]
- Отладка
  - Инструменты разработчика
  - Firebug [GitHub]
- Базовые инструменты
  - Node.js [GitHub]
  - Phantom.js [GitHub]
  - SpiderMonkey
- Контроль качества
  - JSLint [GitHub]
  - JSHint [GitHub]
  - jscs [GitHub]
  - Closure Linter
- Управление пакетами
  - npm [GitHub]
  - Bower [GitHub]
- Тестирование
  - Инструменты
    - QUnit [GitHub]
    - Jasmine [GitHub]
    - Mocha [GitHub]
    - Selenium [GitHub]
    - WebDriverIO [GitHub]
    - Protractor
    - Chai [GitHub]
    - Sinon.JS [GitHub]
    - Karma [GitHub]
    - nodeunit [GitHub]
    - tape [GitHub]
    - nightmare [GitHub]
  - Онлайн-инструменты
- Библиотеки / Фреймворки
  - Базовые библиотеки
  - Модуляризация
    - Модуль ES6
    - CommonJS
      - webpack [GitHub]
      - browserify [GitHub]
    - AMD
      - RequireJS [GitHub]
    - UMD
      - umd [GitHub]
  - Фреймворки
    - AngularJS [GitHub]
    - Backbone [GitHub]
    - Knockout [GitHub]
    - Ember [GitHub]
    - React [GitHub]
    - polymer [GitHub]
    - Deft.js [GitHub]
    - Vue [GitHub]
    - Riot [GitHub]
  - UI-фреймворки
  - WebSocket
    - Socket.io [GitHub]
    - web-socket-js [GitHub]
  - Визуализация данных
    - D3 [GitHub]
    - Echarts [GitHub]
    - HighCharts [GitHub]
    - Vis.js [GitHub]
    - Flot [GitHub]
  - WebGL
  - CSS3 Анимации
  - Управление потоком
    - ES6
      - Promise
      - Генератор
    - ES7
      - yield
      - await
    - async [GitHub]
    - co [GitHub]
    - Promise
      - Bluebird [GitHub]
      - q [GitHub]
      - when.js [GitHub]
  - Функциональное программирование
  - Мобильные UI-фреймворки
- CSS-препроцессоры
  - LESS
    - LESS [GitHub]
    - Hat [GitHub]
  - Sass(SCSS)
  - Stylus
    - nib [GitHub]
- Будущие стандарты
  - babel [GitHub]
- Шаблонизаторы
  - Handlebars [GitHub]
  - Haml [GitHub]
  - Slim [GitHub]
  - Jade [GitHub]
  - Ejs
  - Spacebars
  - mustache [GitHub]
- Унификация
  - Normalize [GitHub]
  - Сброс
- Лучшие практики
  - SEO
  - Адаптивность
  - CDN
- Безопасность
  - Песочница
  - XSS
  - CORS
- Промежуточный язык
  - CoffeeScript [GitHub]
  - TypeScript [GitHub]
  - ClojureScript [GitHub]
  - JSX (Facebook)
- Разработка мобильных приложений
  - PhoneGap / Cordova [GitHub]
  - MUI [GitHub]
  - React Native [GitHub]
  - Ionic [GitHub]
- Разработка десктопных приложений
  - Electron [GitHub]
  - NW.js [GitHub]

Источник: https://github.com/unruledboy/WebFrontEndStack

Карта технологий веб-фронтенда

Категории Технологии программирования