Происхождение проекта

Схема структуры знаний по фронтенду (@jayli).

2012043010183887

Структура знаний по фронтенд-разработке

  • Фронтенд-инженер
    • Браузер
      • IE6/7/8/9
      • Firefox
      • Chrome/Safari/Opera
    • Язык программирования
      • JavaScript/Node.js
      • Основы языка JavaScript
    • Вёрстка страниц (PSD в HTML/CSS)
      • HTML
      • CSS
      • PhotoShop/Paint.net
    • Инструменты разработки
      • IDE
        • VIM/Sublime Text2
        • VSCode/EditPlus
      • Инструменты отладки
        • Firebug
        • YSlow
        • IEDeveloperToolbar/IETester
        • Fiddler
      • Управление версиями
        • Git/SVN
        • Github/Bitbucket/Google Code
    • Качество кода
      • Стиль кодирования
        • JSLint/JSHint
        • CSSLint
        • Markup Validation Service
      • Модульное тестирование
        • QUnit/Jasmine
        • Mocha/Should/Chai
      • Автоматизированное тестирование
        • WebDriver
    • Библиотеки/фреймворки для фронтенда
      • jQuery/Underscore/Mootools/Prototype.js
      • YUI3/Dojo/ExtJS
      • Backbone/KnockoutJS
    • Стандарты/спецификации фронтенда
      • HTTP1.1
      • ECMAScript3/5
      • W3C/DOM/BOM/XHTML/XML/JSON/JSONP
      • CommonJS/AMD
      • HTML5/CSS3
    • Производительность
      • JSPerf
      • 35 правил YSlow
      • PageSpeed
      • HTTPWatch
      • Ajax от DynaTrace
      • Высокопроизводительный JavaScript
    • Запас знаний по программированию
      • Структуры данных
      • ООП/АОП
      • Цепочка прототипов/Цепочка областей видимости
      • Функциональное программирование
      • Паттерны проектирования
    • Процесс развёртывания
      • Минификация и конкатенация
        • YUI Compressor
        • Google Clousure Complier
        • CleanCSS/UglifyJS
      • Вывод документации
        • JSDoc
        • Dox/Doxmate
      • Инструменты сборки проектов
        • make/Ant
        • GYP
    • Организация кода
      • Модуляризация библиотек
        • CommonJS/AMD
        • Модули YUI3
      • Модуляризация бизнес-логики
      • Загрузка файлов
        • LABjs
        • SeaJS/Require.js
    • Безопасность
      • CSRF/XSS
      • ADsafe/Caja/Песочница
    • Мобильный веб
      • HTML5/CSS3
      • Адаптивный дизайн
      • Zeptojs/iScroll
      • V5/Sencha Touch
      • PhoneGap
    • Экосистема JavaScript
      • MongoDB/CouchDB
    • Сообщества/конференции передовых технологий
      • D2/WebRebuild
      • NodeParty/W3CTech/HTML5 DreamWorks
      • JSConf/Shanghai JS (JSConf.cn)
      • QCon/Velocity/SDCC
      • JSConf/NodeConf
      • YDN/YUIConf
    • База знаний по вычислительной технике
      • Принципы построения компиляторов
      • Компьютерные сети
      • Операционные системы
      • Принципы алгоритмов
      • Принципы разработки и тестирования ПО
    • Гибкие навыки
      • Управление знаниями/обмен конспектами
      • Навыки общения/командная работа
      • Управление требованиями/PM
      • Дизайн взаимодействия/юзабилити/доступность
    • Визуализация
      • SVG/Canvas/VML
      • D3/Raphaël/DataV

Ссылки

  • Сводка навыков фронтенда: https://github.com/JacksonTian/fks