В начале
Всем привет! Здесь я хотел бы рассказать вам, как начать учиться и составить свой собственный план обучения.
Для начала вам нужно определиться, какую работу вы хотите. Я всегда хотел попробовать себя во 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 для разработчиков» Мэтта Фрисби.
Книги для тренировки ума программиста:
- «Чистый код» — Роберт Мартин
- «Рефакторинг» — М. Фаулер
- «Шаблоны проектирования» — группа Четыре.
И запомни ,
все, что вам нужно, это желание и план. Удачи!