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

7 | 8 | 11 | 12 |
13 | 14 | linkedin 15 | 16 | 17 | telegram group 18 | 19 |
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 | --------------------------------------------------------------------------------