Это пошаговая дорожная карта веб-разработки

Веб-разработка сегодня полностью отличается от того, что было несколько лет назад; есть много разных вещей, которые могут легко сбить с толку любого, кто занимается веб-разработкой. Это была одна из причин, по которой мы решили сделать эти пошаговые наглядные руководства, демонстрирующие более широкую картину и дать каждому четкое представление о том, чему они должны следовать, чтобы выполнять определенные роли в веб-разработке.

Требуется для любого пути

Раздел "Обязательный для любого пути" очень важен для ознакомления, потому что, как указано выше на рисунке, практически очень сложно практиковать все, что вы изучаете и поддерживаете, в месте, где вы легко напомните свои материалы и получите доступ к материалам, подобранным лучшими разработчиками мира.

Git - Контроль версий

Что такое «контроль версий» и почему это должно вас волновать? Контроль версий - это система, которая записывает изменения файла или набора файлов с течением времени, чтобы вы могли позже вспомнить определенные версии.

  1. Введение в систему контроля версий
  2. Гит - не дерьмо
  3. Практический Git для повседневного профессионального использования (видеоурок)

GitHub

  1. Введение в Git с Github
  2. Ускоренный курс Git и GitHub для начинающих
  3. Изучение GitHub (видеоурок)

Использование терминала

  1. Основные команды Linux для начинающих
  2. Как использовать командную строку | Базовый терминал для начинающих

Структуры данных

  1. Введение в структуру данных и алгоритмы
  2. Учебник по структуре данных и алгоритмам

Лицензии

  1. 5 типов лицензий на программное обеспечение, которые вам нужно понять

Шаблоны проектирования

  1. Лицензии на программное обеспечение (видео)
  2. Паттерны дизайна - Введение

Кодировка символов

  1. Серия видео« Паттерны дизайна »
  2. Что такое кодировка символов и почему меня это должно волновать?
  3. Наборы символов ASCII и Unicode

Ооо, все вышесказанное очень скучно мне верить, но тебе нужно научиться этому, извините.

Наконец, мы начинаем очень интересную фазу - Frontend, бум.

HTML

HTML (язык разметки гипертекста) - это основной строительный блок Интернета. Он определяет значение и структуру веб-контента. Другие технологии, помимо HTML, обычно используются для описания внешнего вида / представления веб-страницы (CSS) или функциональности / поведения (JavaScript).

Программирование - это не новость, чтобы читать и получать удовольствие от истории, все дело в практике. почему бы вам не изучить HTML с помощью одного лагеря бесплатного кода или w3schools.

Семантический элемент четко описывает его значение как для браузера, так и для разработчика.

Примеры несемантических элементов: <div> и <span> - ничего не говорит о его содержании.

Примеры семантических элементов: <form>, <table> и <article> - четко определяет его содержание.

Подробнее см. Семантические элементы в HTML.

  1. Ускоренный курс HTML для абсолютных новичков (видео)
  2. Полный курс HTML - Учебное пособие по созданию веб-сайта
  3. Несколько советов по HTML
  4. Шесть советов по созданию лучшего HTML-документа

CSS

Мы все любим красивые вещи вокруг нас, что, если вы можете сделать веб-приложения / веб-сайты красивыми, чтобы пользователи любили их больше, чем вы?

Как мы можем сделать это?

Не волнуйтесь, CSS может это сделать, но вы должны изучить CSS как следует, иначе вы возненавидите его больше, чем все, что вы ненавидите.

С помощью HTML вы создаете структуру для своих страниц. CSS позволяет стилизовать ваши страницы и сделать их красивыми. Если вы возьмете аналогию с человеческим телом, скелет будет HTML, кожа будет CSS, а мышцы, которые помогают нам двигаться, будут JavaScript - мы узнаем больше о JavaScript в следующих разделах.

  1. W3Schools - Учебник по CSS
  2. Ускоренный курс CSS для абсолютных новичков
  3. Создайте веб-сайт HTML5 с адаптивным макетом
  4. Flexbox CSS за 20 минут
  5. Введение в CSS Grid

Следите за обновлениями, скоро будет добавлен раздел JavaScript, спасибо за чтение, если вам нравится, пожалуйста, хлопайте в ладоши, чтобы узнать об истории.

Первоначально опубликовано на http://github.com.