Эта страница содержит профильную документацию по веб-разработке. На данный момент мы изучаем front-end часть, а точнее HTML, CSS, JavaScript.
Здесь содержатся сервисы, которые мы используем в своих проектах.
| Название | Ссылка | Описание |
|---|---|---|
| Visual Studio Code | (ссылка) | Среда разработки, которой отдают предпочтение большая часть команды |
| Intelij IDEA | (ссылка) | Альтернативная среда разработки. Если вы работали в Android Studio, то вам будет удобно перейти в веб-разработку именно с Intelij IDEA |
Чтобы не тратить ваше время на поиск информации рекомендуем ознакомиться с таблицей ниже. Эти сайты проверялись всей командой и не раз выручали нас. Обратите внимание на наш подход: мы не зазубриваем теорию от начала до конца, воспринимайте эту информацию как общеразвивающую, самое главное — понять принцип работы и найти практическое применение полученным знаниям.
Время изучения — так как открывая ссылку на тот или иной сайт на вас обрушивается шквал информации и создаётся впечатление, что на изучение всего понадобится десять жизней, то мы добавили рекомендуемое время изучения материала, если вы видете, что перед вами 100 страниц информации, а в этой колонке ~ 2 часа, то это означает, что углубленно надо учить лишь основы темы, а остальное пролистать. Время указано с практикой.
По поводу практики: всегда применяйте полученные знания, к сожалению или счастью наш мозг так устроен, что теория, не прошедшая практику забывается через день. Придумывайте себе задачи и постоянно практикуйтесь!
Мы рекомендуем пользоваться WebRef справочником и курсами, т.к. они наиболее ёмкие и, одновременно, краткие. Если нужны более глубокие знания — используйте MDN
| Название | Ссылка | Время изучения | Описание |
|---|---|---|---|
| Основы HTML | (MDN), (W3S), (WebRef) | 2 часа | Изучение азов HTML, языка разметки сайтов. Не учите все тэги HTML! Большинство из них не используются. |
| HTML-справочник | (MDN), (W3S), (WebRef) | По востребованию | В справочнике вы найдёте все тэги и их атрибуты, которые используются в HTML. |
| CSS-справочник | (MDN), (W3S), (WebRef) | По востребованию | В справочнике вы найдёте селекторы, функции, анимации и всё, что может CSS. |
| Основы CSS | (MDN), (W3S), (WebRef) | 5 часов (азы) | CSS - это стиль сайтов, львиная доля дизайна сайта сделана на CSS. Уделяйте время практики, смотрите технологии (пример). CSS - важно для front-end! |
| БЭМ | (ссылка) | 30 минут | Одна из методологий разработки. Позволяет организовать работу и ввести стандартизацию в код |
| Javascript | (MDN), (W3S), (javascript.ru), (learnjavascriptonline), (оф. спецификация) | 2 недели | "Мускулы" сайта, в front-end отвечает за анимацию, отправку форм, различные плагины, эффекты. Также может быть back-end, например, если используем NodeJS, большинство популярных front-end фреймворков (Angular, Vue, React) также требуют знаний Javascript. |
| Javascript cправочник | (MDN), (W3S) | По востребованию | Документация, где вы найдёте все функции, методы и т.д., что используются в JS |
| Vue | (ссылка) | -/- | Один из популярных фреймворков для front-end разработки |
| Bootstrap | (оф. документация) (на русском) | -/- | CSS фреймворк, позволяющий |