В начале

Всем привет! Здесь я хотел бы рассказать вам, как начать учиться и составить свой собственный план обучения.

Для начала вам нужно определиться, какую работу вы хотите. Я всегда хотел попробовать себя во Frontend. Потому что мне нравится работать с визуальной частью.

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

После этого вы можете зайти на YouTube и поискать свежие дорожные карты.

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

1. HTML и CSS

Да, вы должны знать этого, ребята. Навсегда, если не хочешь. Вы должны знать, как создать веб-сайт и предоставить стили.

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

В CSS это, конечно же, флексбокс и сетка. Это база. Анимации, переходы, визуальные эффекты и адаптивность под разные разрешения.

Часто в вакансиях видел, что требуется SASS, изучите его, пригодится.

Вам нужно все время практиковаться, 80% вашего времени — это практика, а 20% — теория.

Но не уделяйте столько времени верстке HTML и CSS, мне хватило всего одного месяца. После этого вы должны сделать простой веб-сайт с адаптируемостью, анимацией и красивым внешним видом.

Иногда видел, что требуется еще и фреймворк Bootstrap, смотрел, но не углублялся. Это очень специфично, и если понадобится, я его выучу.

2. JavaScript

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

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

3. Инструменты

Параллельно с JavaScript вам нужно знать, как работать с менеджерами пакетов, файлами JSON и Git.

Менеджеры пакетов позволяют вам, например, загружать библиотеки и инициализировать проекты.

Git — очень важный инструмент. С его помощью вы можете контролировать версии своих проектов и создавать репозитории, которые вы можете загрузить на GitHub. Просто узнайте для начала, как создать репозиторий, как добавлять файлы, фиксировать, отправлять, извлекать, создавать ветки и объединять их. Попробуйте использовать Git, когда делаете все свои маленькие проекты. И отправить их на GitHub.

4. РЕАКТИРОВАТЬ

Да, во Frontend существует больше фреймворков. Но я решил стать разработчиком React, поэтому выбрал React. Вам нужно начинать изучать фреймворки ТОЛЬКО после того, как вы изучите основы языка и сделаете некоторые проекты на чистом JS.

Да, вам не нужно изучать ВЕСЬ JS, что существует. Попробуйте эту схему, которую я слышал от другого разработчика: изучите основы JS, затем начните изучать реакцию и частично вернитесь к JS и изучите его глубоко. Вам нужно знать, как работает фреймворк или библиотека, а не бездумно их использовать.

И, конечно же, создавайте проекты с React.

5. Синтаксис

Требуется ES6+. Если вы изучаете JS из современных источников, вы, вероятно, уже знакомы с синтаксисом es6+. Но нужно проверить, если вы чего-то не знали.

А как же TypeScript. Я думаю, что это необходимо. Но не сейчас. Изучите js, вы можете начать изучать React и шаг за шагом изучать TypeScript, это очень мощная вещь.

6. Теория

Теория и информатика — очень важная вещь, если ты не хочешь всю жизнь быть Джуниором. Но не так важно сначала выучить его, а не практиковать. Изучайте JS, React, создавайте проекты и в неурочное время изучайте теорию, такую ​​как шаблоны проектирования, алгоритмы, нотацию Big O и т. д.

Это нужно для формирования мышления программиста.

7.Другое

Вот и другие вещи, которые я видел в разных вакансиях. Вот HTTP (post/get/etc), REST и прочее.

Здесь можно изучить Node.js, это не очень важно, но полезно. И теперь я часто видел базовые знания Node в требованиях к интерфейсу. Здесь вы можете узнать другие вещи, которые вы можете увидеть в своей работе.

8. Где найти информацию?

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

А дальше нужно читать документацию и книги, это будет основной источник нормальной информации.

Вы можете перейти на сайт Mdn Web Docs для получения информации о JS и HTML/CSS.

И вы можете читать книги, такие как «Вы еще не знаете JS» Кайла Симпсона, которые хороши для начинающих.

Или «Профессиональный JavaScript для разработчиков» Мэтта Фрисби.

Книги для тренировки ума программиста:

  1. «Чистый код» — Роберт Мартин
  2. «Рефакторинг» — М. Фаулер
  3. «Шаблоны проектирования» — группа Четыре.

И запомни ,

все, что вам нужно, это желание и план. Удачи!