Веб-разработка
November 25, 2020
Фронтенд: полезные ресурсы
Здесь я делюсь различными полезными сайтами, учебниками и другими ресурсами, помогающими в изучении фронтенда. Многими из них я лично пользовался или пользуюсь до сих пор.
Учебники HTML/CSS/JS
- htmlbook.ru — большое количество информации про HTML и CSS, статьи про каждый элемент/тег.
- MDN — ресурс с невероятно большим количеством информации по фронтенду.
- CSS-Tricks (английский) — статьи, видео, обучающие материалы по фронтенду.
- WebReference — обновлённая версия htmlbook.ru.
- learn.javascript.ru — современный учебник JavaScript.
- web.dev
- W3Schools (английский) — обучающие материалы, различные примеры, упражнения.
- METANIT.COM — туториалы по самым различным языкам программирования, в том числе и по фреймворкам JavaScript и бэкенду.
- WebForMySelf — различные статьи на тему фронтенда.
- htmlbase.ru
- Coursetro (английский) — различные уроки, видеоуроки по фронтенду.
Дизайн
- Google Fonts — одна из самых популярных библиотек бесплатных шрифтов.
- Bootstrap (английский) — одна из самых популярных библиотек стилей.
- Coursetro (английский) — различные уроки, видеоуроки по фронтенду.
- Material.io (английский) — сайт материального дизайна.
- BGJar (английский) — бесплатный генератор фонов в SVG.
Иллюстрации
- unDraw — векторные иллюстрации.
- Unsplash — бесплатные фотографии.
- Font Awesome — иконки.
- Fontello.
- FreeSVG.org.
- leungwensen.github.io/svg-icon.
- Tennyicons.
HTML
- diegocard/awesome-html5 (английский) — репозиторий с ссылками на различные материалы по HTML5.
CSS
- awesome-css-group/awesome-css (английский) — репозиторий с ссылками на различные материалы по CSS.
- Sass-lang.com — официальный сайт препроцессора Sass.
- Sass-scss.ru — русскоязычная версия.
- Famolus/awesome-sass (английский) — репозиторий с ссылками на различные материалы по Sass/SCSS.
- 30 CSS селекторов, которые вы должны запомнить
- CSS Grid Generator (английский) — генератор CSS Grid.
- CSS Button Generator (английский) — генератор стилей для кнопок.
- Star Bagretsov — Medium
- Вёрстка на Flexbox в CSS. Полный справочник
- Вертикальное и горизонтальное центрирование всего и вся в CSS Flexbox
- Современный сброс стилей CSS
- Правильно используем CSS Grid
- Neumorphism.io (английский) — Neumorphism/Soft UI CSS генератор теней.
- Creative Link Effects (английский) — различные готовые эффекты для ссылок.
- CSS Reference (английский) — различная информация по CSS.
JavaScript
- JSONPlaceholder (английский) — фейковый REST API для тестирования и прототипирования.
- sorrycc/awesome-javascript (английский) — репозиторий с ссылками на различные материалы по JavaScript.
- vuejs/awesome-vue (английский) — репозиторий с ссылками на различные материалы по Vue.js.
- enaqx/awesome-react (английский) — репозиторий с ссылками на различные материалы по React.js.
- PatrickJS/awesome-angular (английский) — репозиторий с ссылками на различные материалы по Angular.
- Operator Lookup (английский) — информация об операторах JavaScript.
- Regex101 (английский) — генератор регулярных выражений (regular expesions).
- Star Bagretsov — Medium
Другое
- Markdown Guide (английский) — информация про Markdown.
- JSFiddle (английский) — онлайн-редактор кода.