Найти в Дзене

Топ 20 бесплатных ресурсов по веб-разработке

Я всегда говорил, что в интернете полно бесплатных материалов по программированию. И было бы желание, все можно изучить самостоятельно не тратя ни копейки на различные курсы и учебные заведения.
Материалов то действительно много, но как найти что-то действительно полезное и важное, среди кучи всякой бесполезной инфы...
Я решил собрать топ 20 ресурсов о создании сайтов от верстки до бека на русском языке, откуда можно черпать информацию совершенно бесплатно. Я сам туда бывает захожу, чтобы обновить свои знания. Уровень 1 - [HTML/CSS] 1. http://htmlbook.ru/ — На этом сайте есть большое количество информации о работе всех тегов HTML, атрибутов и стилей. Есть примеры.
2. https://developer.mozilla.org/ru/docs/Web/HTML/Reference — Хороший справочник со всей необходимой информацией по верстке.
3. https://html5book.ru/html-html5/ — Подробные статьи про то, как работают те или иные теги в HTML.
4. https://doka.guide/html/ — Крутой опенсорс проект с большим количеством информации, описани
Оглавление

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

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

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

Уровень 1 - [HTML/CSS]

1. http://htmlbook.ru/ — На этом сайте есть большое количество информации о работе всех тегов HTML, атрибутов и стилей. Есть примеры.

2.
https://developer.mozilla.org/ru/docs/Web/HTML/Reference — Хороший справочник со всей необходимой информацией по верстке.

3.
https://html5book.ru/html-html5/ — Подробные статьи про то, как работают те или иные теги в HTML.

4.
https://doka.guide/html/ — Крутой опенсорс проект с большим количеством информации, описаниями и примерами.

5.
https://htmlacademy.ru/blog/html — Много интересных и бесплатных статей с подробными гайдами по созданию тех или иных вещей на вашем сайте.

Уровень 2 - [JAVASCRIPT]

6. https://learn.javascript.ru/ — Очень крутой сайт, где разбирается по моему вообще все что касается JS. Много статей, много примеров.

7.
https://www.youtube.com/@VladilenMinin/playlists — Уроки по JS и различным фреймворкам в видео-формате, в максимально простом и понятном виде, с примерами.

8.
https://javascript.ru/manual — Отличный ресурс, где собрана информация по JS в удобном формате.

9.
https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide — Руководство по JS, даст общее представление о языке.

10.
https://learnjs.ru/ — Онлайн самоучитель, который поможет вам базово разобраться с тем как работает JS.

Уровень 3 - [PHP]

11. https://www.php.net/manual/ru/tutorial.php — Сайт, где полно информации о работе функций, переменных, циклов с описанием и примерами использования. Есть примеры от сообщества.

12.
https://www.programulin.ru/ — Онлайн учебник по PHP с примерами. Основы защиты вашего проекта от уязвимостей.

13.
https://htmlacademy.ru/tutorial/php — Онлайн учебник по PHP с примерами. Основы защиты вашего проекта от уязвимостей.

14.
http://www.php.su/learnphp/ — Онлайн учебник по PHP с примерами.

15.
https://snipp.ru/php — Полезные статьи по PHP.

Уровень 4 - [MYSQL]

16. https://html5css.ru/sql/default.php — Учебник SQL с примерами запросов к базе.

17.
https://www.youtube.com/playlist?list=PLDyJYA6aTY1lPhlF2iHiLlkDW6bd39VmE — Учебник по MySQL в формате видео. Показано взаимодействие с PHP.

18.
https://metanit.com/sql/mysql/ — Подробное руководство по MySQL с примерами. От установки MySQL до работы со встроенными функциями.

19.
https://basecourse.ru/mysql/main.php — MySQL с точки зрения создания сайтов и взаимодействия с PHP.

20.
https://www.youtube.com/playlist?list=PL0lO_mIqDDFVnLvR39VpEtphQ8bPJ-xR9 — Учебник по MySQL в формате видео. Показано взаимодействие с PHP.

Для лучшего усвоения информации я советую вам сразу же применять на практике всю полученную информацию. То с каким темпом вы будете вовлекаться в процесс изучения, зависит только от вас, и от того сколько времени в день вы готовы уделить этому.

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

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

Хорошего вам дня!