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

Правда в том, что когда вы только начинаете, вам не нужно много знать; вам просто нужно понять основы, такие как HTML, CSS и JavaScript.

1. Начните с основ

Изучите основы, такие как

  1. Как работает Интернет?
  2. Что такое доменное имя?
  3. DNS и как это работает?
  4. Что такое http?
  5. Что такое хостинг?
  6. Браузеры и как они работают?

2. Изучайте HTML и CSS

Чтобы изучить HTML и CSS, начните с таких курсов, как

  1. Введение в HTML и CSS на Udacity
  2. HTML и CSS на Codecademy

Проходя эти курсы, обязательно оттачивайте свои навыки, работая над базовыми проектами HTML и CSS. Вы также можете попробовать frontendmentor.io для практического обучения.

3. JavaScript

Для изучения javascript я рекомендую эти курсы

  1. Алгоритмы и структуры данных JavaScript на freeCodeCamp
  2. Изучайте JavaScript с Пером Харальдом Боргеном на scrimba

Во время прохождения этих курсов важно практиковать то, что вы изучаете. Одной из платформ, которую вы можете попробовать, является CodeWars, которая предлагает задачи по кодированию, которые помогут вам улучшить свои навыки JavaScript и способности решать проблемы.

Через некоторое время вы можете приступить к изучению TypeScript с Аней Кубоу на scrimba.

4. Гитхаб и Гит

Вы должны научиться использовать GitHub и Git. Если вам трудно изучать Git, я бы порекомендовал использовать GitHub Desktop.

Я рекомендую посмотреть это видео, чтобы изучить Git и GitHub.

5. Выберите фреймворк

Во-первых, важно изучить npm, менеджер пакетов для JavaScript.

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

Изучите React с Бобом Зироллом на scrimbaпосле этого курса изучите react router

Не забывайте, что доступно множество различных фреймворков, и вы можете выбрать любой из них, какой захотите.

Я настоятельно рекомендую посмотреть это видео, демонстрирующее процесс создания одного и того же приложения с использованием 10 различных фреймворков.

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

Спасибо за внимание! Если вы нашли это полезным, свяжитесь со мной в LinkedIn, подпишитесь на меня в Twitter и проверьте мои статьи на Medium. Ваша поддержка очень ценится. Не стесняйтесь аплодировать и делиться своими отзывами. Я с нетерпением жду связи с вами!