Что это такое?
Поддерживаемая сообществом карта знаний, которые нужны фронтенд-инженеру, — браузеры, языки, инструменты, фреймворки, стандарты, производительность, безопасность — плюс рекомендации книг со звёздными оценками. Проект вырос из знаменитой диаграммы структуры фронтенд-знаний от @jayli.
Поддерживаемая сообществом карта знаний, которые нужны фронтенд-инженеру, — браузеры, языки, инструменты, фреймворки, стандарты, производительность, безопасность — плюс рекомендации книг со звёздными оценками. Проект вырос из знаменитой диаграммы структуры фронтенд-знаний от @jayli.Это инструмент или библиотека, которые можно установить, или скорее справочный документ?Ни то, ни другое — это справочный документ: один README в markdown, оформленный как дерево тем. Устанавливать и запускать ничего не нужно, а история Git заодно служит летописью того, как менялась фронтенд-сфера со временем.
Ни то, ни другое — это справочный документ: один README в markdown, оформленный как дерево тем. Устанавливать и запускать ничего не нужно, а история Git заодно служит летописью того, как менялась фронтенд-сфера со временем.Как организован материал — что там реально можно найти?На верхнем уровне: дерево знаний фронтенд-инженера — браузеры, JavaScript/TypeScript, HTML/CSS, редакторы, инструменты отладки, контроль версий, тестирование, фреймворки, стандарты, производительность, безопасность, мобильный веб — плюс дерево по бэкенду, список рекомендованных книг и ссылки на материалы для собеседований.
На верхнем уровне: дерево знаний фронтенд-инженера — браузеры, JavaScript/TypeScript, HTML/CSS, редакторы, инструменты отладки, контроль версий, тестирование, фреймворки, стандарты, производительность, безопасность, мобильный веб — плюс дерево по бэкенду, список рекомендованных книг и ссылки на материалы для собеседований.Насколько актуален контент?Он относится к 2012 году — список контрибьюторов сформирован в январе 2014-го, — так что ожидайте картину той эпохи: IE6-11, CoffeeScript, Grunt/Yeoman, AngularJS. Относитесь к нему как к структурированному обзору, а актуальные инструменты проверяйте в других местах.
Он относится к 2012 году — список контрибьюторов сформирован в январе 2014-го, — так что ожидайте картину той эпохи: IE6-11, CoffeeScript, Grunt/Yeoman, AngularJS. Относитесь к нему как к структурированному обзору, а актуальные инструменты проверяйте в других местах.Он рассчитан на новичков или на практикующих инженеров?И на тех, и на других. Дерево идёт от основ до узких тем, а списки книг оценены звёздами: меньше звёзд — проще и лучше для старта, больше звёзд — сложнее или лучше отложить на потом, например книги о производительности.
И на тех, и на других. Дерево идёт от основ до узких тем, а списки книг оценены звёздами: меньше звёзд — проще и лучше для старта, больше звёзд — сложнее или лучше отложить на потом, например книги о производительности.Почему автор превратил диаграмму в репозиторий на GitHub?С исходной картинкой от @jayli было неудобно: без файла-исходника никто не мог вносить правки, а технологии со временем меняются. Проект на GitHub позволяет людям поддерживать его сообща, а история Git фиксирует, как развивалась фронтенд-индустрия.
С исходной картинкой от @jayli было неудобно: без файла-исходника никто не мог вносить правки, а технологии со временем меняются. Проект на GitHub позволяет людям поддерживать его сообща, а история Git фиксирует, как развивалась фронтенд-индустрия.Какие списки книг там есть?По фронтенду: книги по CSS, JavaScript, производительности и контролю версий, каждая с оценкой сложности по звёздам. По бэкенду: списки литературы по администрированию Linux, программированию под Linux и C/C++.
По фронтенду: книги по CSS, JavaScript, производительности и контролю версий, каждая с оценкой сложности по звёздам. По бэкенду: списки литературы по администрированию Linux, программированию под Linux и C/C++.Он помогает готовиться к собеседованиям на фронтенд?Да — там есть отдельный раздел о собеседованиях на фронтенд со ссылками на подборки вопросов с фронтенд-собеседований, в том числе на китайском языке.
Да — там есть отдельный раздел о собеседованиях на фронтенд со ссылками на подборки вопросов с фронтенд-собеседований, в том числе на китайском языке.Есть ли визуальная версия этой структуры?Да — в README рядом с текстовым деревом дана ссылка на визуализацию структуры знаний, продолжение той самой диаграммы @jayli, с которой проект и начался.
Да — в README рядом с текстовым деревом дана ссылка на визуализацию структуры знаний, продолжение той самой диаграммы @jayli, с которой проект и начался.What are similar projects?fe-interview, web-interview, Become-A-Full-Stack-Web-Developer, react-redux-links, awesome-angular, markyun, CS-Interview-Knowledge-Map, Project-Ideas-And-Resources
fe-interview, web-interview, Become-A-Full-Stack-Web-Developer, react-redux-links, awesome-angular, markyun, CS-Interview-Knowledge-Map, Project-Ideas-And-ResourcesWhich topics is it in?roadmap, books, interview, visualization, git, vue, beginner-friendly, testing, css, learning-resources, html, awesome-list
roadmap, books, interview, visualization, git, vue, beginner-friendly, testing, css, learning-resources, html, awesome-list