Меня часто спрашивают, какие ресурсы я бы порекомендовал начинающим разработчикам, которые хотят встать на путь веб-разработки. Я часто ссылаюсь на GitHub как на отличное место для начала.

Я решил собрать некоторые из лучших репозиториев, которые я знаю. Жаль, что я не знал их, когда начинал сам, поэтому рассматривайте их как ценный ярлык для ускорения вашего обучения.

Эта статья явно ориентирована на новичков, хотя я уверен, что некоторые из более опытных разработчиков тоже могут почерпнуть из них кое-что.

Чтобы вам было легче ориентироваться, я расположил их по категориям, начиная с основ и заканчивая курсами, справочниками, лучшими практиками, проектами, интервью и ресурсами.

Основы ⚡

1. как работает веб

⭐ Звезды GitHub 4k+

vasanthk / how-web-works

Что происходит за кулисами, когда мы набираем www.google.com в браузере?

2. developer-roadmap

⭐ Звезды GitHub 187k+

kamranahmedse / developer-roadmap

Дорожная карта для того, чтобы стать разработчиком в 2022 году

Это, пожалуй, лучшая и наиболее полная дорожная карта, которая поможет вам понять общую картину ландшафта разработки, его основные технологии и рекомендуемую последовательность изучения вещей.

Курсы ??

3. web-dev-for-beginners

⭐ GitHub stars 41k+

microsoft / Web-Dev-For-Beginners

24 урока, 12 недель, начните работать веб-разработчиком

Качественный 12-недельный курс из 24 уроков по основам JavaScript, CSS и HTML. Каждый урок включает контрольные вопросы до и после урока, письменные инструкции по выполнению урока, решение, задание и многое другое.

4. javascript-30

⭐ Звезды GitHub 18k+

wesbos / JavaScript30

30-дневный челлендж по ванильному JS

Стартовые файлы + готовые решения для JavaScript 30 Day Challenge от Wes Bos.

Справочники ?

5. справочник разработчика

⭐ GitHub звезд 1k+

apptension / developer-handbook

Руководство о том, как стать профессиональным разработчиком веб-/мобильных приложений.

6. spellbook-of-modern-webdev

⭐ GitHub stars 14k+

dexteryy / spellbook-of-modern-webdev

Большая картина, тезаурус и таксономия современной веб-разработки на JavaScript

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development.

Лучшие практики ?

7. веб-фундаментальные основы

⭐ GitHub звезд 12k+

google / WebFundamentals

Лучшие практики для современной веб-разработки

Некоторые из лучших практик современной веб-разработки, предоставленные разработчиками Google.

8. airbnb

⭐ Звезды GitHub 120k+

airbnb / javascript

Руководство по стилю JavaScript

Одно из лучших руководств по стилю.

9. clean-code-javascript

⭐ GitHub stars 64k+

ryanmcdermott / clean-code-javascript

? Концепции чистого кода, адаптированные для JavaScript

Принципы программной инженерии из книги Роберта К. Мартина «Чистый код», адаптированные для JavaScript. Руководство по созданию читаемого, многократно используемого и рефакторизуемого программного обеспечения на JavaScript.

10. system-design-primer

⭐ GitHub stars 164k+

donnemartin / system-design-primer

Узнайте, как проектировать крупномасштабные системы. Подготовьтесь к собеседованию по проектированию систем. Включает флеш-карты Anki.

Узнайте, как проектировать крупномасштабные системы. Подготовка к собеседованию по проектированию систем. Включает флеш-карты Anki.

Проекты ?

11. simpl.

⭐ GitHub stars 4k+

samdutton / simpl

Простейшие возможные примеры HTML, CSS и Javascript:

Простейшие возможные примеры HTML, CSS и Javascript.

12. реальный мир

⭐ GitHub stars 64k+

gothinkster / realworld

«Мать всех демо-приложений» — Образцовый фуллстек клон Medium.com на основе React, Angular, Node, Django и многого другого ?.

Realworld позволяет вам выбрать любой фронтенд (React, Vue, & more) и любой бэкенд (Node, Django, & more) и увидеть, как они работают с реальными, красиво оформленными full-stack приложениями.

13. build-your-own-x

⭐ Звезды GitHub 133k+

codecrafters-io / build-your-own-x

Освойте программирование, создавая свои любимые технологии с нуля.

Создайте свою собственную (вставьте технологию здесь).

Интервью ?

14. кодирование-интервью-университет

⭐ GitHub stars 211k+

jwasham / coding-interview-university

Полный план изучения информатики, чтобы стать инженером-программистом.

15. front-end-interview-handbook

⭐ GitHub stars 32k+

yangshun / front-end-interview-handbook

⚡️ Материалы для подготовки к собеседованию по Front End для занятых инженеров

Материалы для подготовки к собеседованию по Front End для занятых инженеров.

16. tech-interview-handbook

⭐ GitHub stars 66k+

yangshun / tech-interview-handbook

? Курируемые материалы по подготовке к собеседованию для занятых инженеров

Подборка материалов для подготовки к собеседованию для занятых инженеров. Для более удобного чтения загляните на сайт techinterviewhandbook.org.

Также ознакомьтесь с Grind 75 — инструментом для составления планов подготовки к собеседованию по кодированию на основе оставшегося времени на подготовку.

Ресурсы ?

17. design-resources-for-developers

⭐ Звезды GitHub 36k+

bradtraversy / design-resources-for-developers

Собранный список ресурсов для дизайна и пользовательского интерфейса: стоковые фотографии, веб-шаблоны, CSS-фреймворки, библиотеки пользовательского интерфейса, инструменты и многое другое

Составленный список ресурсов по дизайну и пользовательскому интерфейсу из стоковых фотографий, веб-шаблонов, CSS-фреймворков, библиотек пользовательского интерфейса, инструментов и многого другого.

18. бесплатные книги по программированию

⭐ GitHub stars 223k+

EbookFoundation / free-programming-books

? Свободно доступные книги по программированию

Книги по программированию в свободном доступе.

19. front-end-collection

⭐ GitHub stars 1k+

cheatsheet1999 / FrontEndCollection

Заметки для инженеров Front-end Software Engineers. Охватывает общие структуры данных и алгоритмы, основные веб-концепции, HTML & CSS & Javascript.

Заметки для инженеров Front-end Software Engineers. Охватывает общую структуру данных и алгоритмы, основные веб-концепции, HTML & CSS & Javascript.

Писательство всегда было моей страстью, и мне доставляет удовольствие помогать и вдохновлять людей. Если у вас есть вопросы, обращайтесь!

Если эти ресурсы помогли вам, присоединяйтесь ко мне на Twitter, LinkedIn и GitHub!

Посетите мой блог, чтобы найти больше статей, подобных этой.