Хочу научиться писать сайты

Гайд от Матвея 🥸

Info

https://ra1nbow.xyz
[!info] ra1nbow1 - Overview
You can't perform that action at this time.
https://github.com/ra1nbow1
Хочу в вебдев (web development), но не знаю, где брать материал для изучения фронтенда.

HTML&CSS

Все пункты расположены последовательно. Их нужно изучать один за другим.

  1. Практический курс от Владилена Минина
  2. Бесплатный курс от Codecademy (на английском)
  3. А дальше, заходим на сайты с документацией. Читаем, разбираемся, пробуем.
    • ❗️doka.guide - ультимативная дока под моим соавторством 💅💅💅, где максимально понятно объясняется вообще весь вебдев.
    • http://htmlbook.ru - самая классическая дока. Слева есть сайдбар со всеми тегами. Нужно выбирать какой-нибудь, читать и пробовать с ним работать.
    • https://devdocs.io/html/ - еще одна подробная документация по всему, что есть в интернете вообще.
    • https://cssreference.io - интерактивная документация по всему CSS.
    • Никто не отменял и видео на ютубе. Изучайте новое, пробуйте.

Другое (порядок не важен)

  1. https://gist.github.com/lancejpollard/1978404 - весь список мета-тегов.
  2. https://raw.githubusercontent.com/eludadev/css-docs/main/assets/css_selectors.png - шпаргалка по основам CSS.
  3. https://ra1nbow.xyz/newbies - немного устаревшие ресурсы, но книжки можно взять на заметку.
  4. Гайдлайн по чистому коду. Учитесь правильно сразу.
    Главную роль играет практика. Научились основам, найдите какой-нибудь макет сайта (или фрагмент, например, страницу регистрации) и попробуйте его сверстать. Возникнет множество вопросов, и придет осознание того, что еще очень многое нужно изучить)

Когда примерно понятно, что к чему, как устроены сайты, переходим к джаваскрипту.

JavaScript

  1. Шестичасовой курс от Владилена Минина)))
  2. https://learn.javascript.ru - нормальный, но немного скучный курс.
  3. https://doka.guide/js/ - читаем все по порядку.
  4. Здесь опять все дело в практике. Смотрим, что еще можно изучить нового и стараемся практиковать это

А дальше куда?

  1. САМОЕ ГЛАВНОЕ - НАУЧИТЬСЯ ГИТУ!!!! (git ≠ GitHub). Учитесь Обучение git.
  2. Существует много роадмапов (дорожных карт) для фронтендеров. Эта, по-моему, самая перспективная на ближайший год, к тому же, интерактивная.
  3. Кто знаком с Пайтоном, обратите внимание на Django и Flask.

Всем удачи. Вебдев - лучшее, что есть в айти 💛