└── README.md
/README.md:
--------------------------------------------------------------------------------
1 |
2 | # Полезные материалы по веб-разработке!
3 |
4 | Собрал все в одном месте! Подборка учебных материалов по HTML, CSS, JavaScript, React, а также сервисов и программ, которые пригодятся веб-разработчику!
5 |
6 |

7 |
8 |
11 |
12 |
20 |
21 | ## HTML и CSS
22 |
23 | - [Справочник по HTML и CSS](https://github.com/xsltdev/hcdev.ru)
24 | - [Тема на Хабре по HTML](https://habr.com/ru/hub/html5/)
25 | - [Тема на Хабре по CSS](https://habr.com/ru/hub/css/)
26 | - [HTML5Book](https://html5book.ru/)
27 | - [HTMLBook](http://htmlbook.ru/)
28 | - [Основы HTML](https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/HTML_basics)
29 | - [HTML и CSS референс](https://webref.ru/)
30 | - [CSS референс](https://cssreference.io/)
31 | - [Шпаргалка по GRID](https://grid.malven.co/)
32 | - [Шпаргалка по FLEX](https://flexbox.malven.co/)
33 | - [Автопрефиксер CSS](https://autoprefixer.github.io/ru/)
34 | - [Генерации CSS-элемента с тенью](https://cssgenerator.org/box-shadow-css-generator.html)
35 |
36 | ## JavaScript
37 |
38 | - [Современный учебник JavaScript](https://learn.javascript.ru/)
39 | - [MDN](https://developer.mozilla.org/ru/docs/Web/JavaScript)
40 | - [Тема на Хабре](https://habr.com/ru/hub/javascript/)
41 | - [Awesome-javascript](https://github.com/sorrycc/awesome-javascript)
42 | - [MyJS](https://github.com/harryheman/my-js)
43 | - [Основной учебник JavaScript](https://code.mu/ru/javascript/book/prime/)
44 |
45 | ## Node js
46 |
47 | - [Справочник по Node js](https://github.com/xsltdev/nodejsdev.ru)
48 |
49 | ## React JS
50 |
51 | - [Справочник по React JS](https://github.com/xsltdev/reactdev.ru)
52 | - [Документация](https://ru.reactjs.org/)
53 | - [Тема на Хабре](https://habr.com/ru/hub/reactjs/)
54 | - [Awesome-react](https://github.com/enaqx/awesome-react)
55 | - [Cборник готового кода](https://devhints.io/react)
56 | - [Cборник готового кода](https://reactcheatsheet.com/)
57 |
58 | ## Общее
59 |
60 | - [Дорожная карта фронтендера](https://roadmap.sh/frontend)
61 | - [Дока (HTML, CSS, JavaScript)](https://doka.guide/)
62 | - [10 игр для изучения JavaScript](https://techrocks.ru/2023/01/09/10-games-for-javascript-learning/)
63 | - [proglib](https://proglib.io/)
64 | - [tproger](https://tproger.ru/)
65 | - [Учебники и статьи для Программистов](https://codernet.ru/)
66 | - [Документация, методология БЭМ](https://ru.bem.info/)
67 | - [Создание аватара](https://pfpmaker.com/)
68 | - [Проверка совместимости технологий](https://caniuse.com/)
69 | - [Коллекция нейронных сетей](https://github.com/ai-collection/ai-collection)
70 | - [Иконки](https://thenounproject.com/)
71 | - [Библиотека кода github](https://grep.app/)
72 | - [Metanit - сайт о программировании](https://metanit.com/)
73 | - [Поисковик онлайн-репозиториев](https://libraries.io/)
74 |
75 | ## Софт
76 |
77 | - [Организация сниппетов кода](https://snipit.io/)
78 | - [Документация](https://kapeli.com/dash)
79 |
80 | ## Хостинг проектов
81 |
82 | - [Vercel](https://vercel.com/)
83 | - [Netlify](https://www.netlify.com/)
84 | - [Heroku](https://www.heroku.com/)
85 |
86 |
87 | ## Оформление профиля на GitHub
88 |
89 | - [Коллекция классных Readme](https://github.com/abhisheknaiidu/awesome-github-profile-readme)
90 | - [Генератор кастомных бейджей](https://shields.io/)
91 | - [Виджет с наградами пользователя](https://github.com/ryo-ma/github-profile-trophy)
92 | - [Статистика используемых языков](https://github.com/anuraghazra/github-readme-stats)
93 | - [График вашей активности на GitHub](https://github.com/Ashutosh00710/github-readme-activity-graph)
94 | - [Статистика вашей активности на GitHub](https://github.com/vn7n24fzkq/github-profile-summary-cards)
95 | - [Генератор Readme](https://arturssmirnovs.github.io/github-profile-readme-generator/)
96 | - [Генератор Readme](https://profilinator.rishav.dev/)
97 | - [Генератор Readme](https://rahuldkjain.github.io/gh-profile-readme-generator/)
98 | - [Генератор Readme](https://www.profileme.dev/)
99 | - [Составление файла Readme](https://readme.so/ru)
100 |
101 | ## Каналы telegram
102 |
103 | - [Всё по фронтенду, бэкенду и девопсу в одном месте](https://t.me/tproger_web)
104 | - [Полезные материалы по всему, что может быть интересно программисту.](https://t.me/proglibrary)
105 | - [Библиотека программиста](https://t.me/frontendbooksit)
106 | - [Годные статьи для Frontend разработчиков](https://t.me/frontendnoteschannel)
107 | - [Регулярные заметки по практическому JavaScript.](https://t.me/notesjs)
108 | - [Уникальные статьи и переводы](https://t.me/nuancesprog)
109 | - [Обо всём что связано с frontend разработкой](https://t.me/frontend_mind)
110 | - [Лагерь IT-специалистов!](https://t.me/codecamp)
111 | - [Канал для подготовки к собеседованиям по фронтенду](https://t.me/frontendInterview)
112 | - [Твой наставник в мире веб-разработки!](https://t.me/WebMentor)
113 | - [Полезные материалы по всему, что может быть интересно frontend-разработчику.](https://t.me/frontendproglib)
114 |
115 | ## Бесплатные курсы
116 |
117 | - [Изучение возможностей git](https://learngitbranching.js.org/?locale=ru_RU)
118 | - [Курсы от microsoft](https://learn.microsoft.com/ru-ru/training/)
119 | - [JavaScript для начинающих](https://stepik.org/course/2223/syllabus)
120 | - [Знакомство с HTML и CSS](https://htmlacademy.ru/courses/basic-html-css)
121 | - [Основы HTML, CSS и веб-дизайна](https://ru.hexlet.io/courses/html?ref=287543)
122 | - [Основы программирования](https://ru.hexlet.io/courses/programming-basics?ref=287543)
123 | - [Первые шаги в JavaScript: создаём сайт](https://netology.ru/programs/javascript-free)
124 |
125 | ## Автор
126 |
127 | - [@daniarabykeev](https://github.com/daniarabykeev)
128 |
129 |
--------------------------------------------------------------------------------