Фронтенд веб-разработка — лучшая отправная точка для начинающего. Здесь много возможностей для трудоустройства, и вы сможете быстро достичь чувства успеха, изучая новые вещи. Ниже я объясню, как, по моему мнению, следует продвигаться в обучении новичку.
Я настоятельно рекомендую обучение на основе проектов и последовательность.
Каждый шаг заслуживает отдельной статьи, но я постарался дать общее представление.
Шаг 0:
Решите, действительно ли вы хотите стать программистом.
- Можете ли вы сидеть за компьютером по 8 часов в день?
- Интересна ли вам эта тема?
- Нравится ли вам учиться, создавать вещи, экспериментировать с техникой?
Если вы занимаетесь этим только ради денег и не находите в этом никакой радости, рано или поздно вы перегорите, даже не дойдя до младшего уровня.
Шаг 1: Основы
Что такое языки программирования? Как работает Интернет? Поищите обучающие материалы на youtube, udemy и т.д.
ищите обучающие сообщества.
Основы всех языков программирования схожи, если вы хорошо владеете одним из них, вы легко освоите другие языки, не начинайте изучать несколько языков программирования одновременно, и если вы хотите разрабатывать front-end приложения, лучшим вариантом будет Javascript. (CSS, HTML не являются языками программирования).
Шаг 1.1: HTML, CSS
Узнайте, что такое html и css, создавайте дизайн и делайте небольшие проекты с их помощью.
Google — ваш друг, один из самых важных навыков — поиск в Google и самообучение. Задавайте правильные вопросы.
Если вы чувствуете себя глупо, не отчаивайтесь, это чувство всегда останется, просто на другом уровне, привыкните к нему и продолжайте идти вперед.
Шаг 1.2: GIT & GitHub
Теперь, когда вы начали программировать, как можно скорее познакомьтесь с Git и Github, потому что вы будете использовать их на работе ежедневно.
Рассматривайте свой Github как вторичное портфолио, в нем хранится код ваших проектов. Это сыграет большую роль, когда вы будете устраиваться на свою первую работу.
Создайте сайт-портфолио, используя свои знания HTML CSS, напишите о себе, а затем разместите там свои проекты с описанием и ссылкой на GitHub. Вы можете легко разместить его на хостинге с помощью страниц GitHub.
Если вы уже умеете писать HTML CSS страницы, создайте 2-3 небольших проекта, которые вы сможете реализовать и разместить на страницах Github.
Шаг 2: Javascript
Это будет самая сложная часть, если у вас есть хорошее понимание javascript, вы более чем на полпути к успеху. Дайте себе время, это нелегко, изучайте основы, практикуйтесь.
-
Ознакомьтесь с языком и синтаксисом (var, let, if, for, while…).
-
Попробуйте объединить то, чему вы научились до сих пор, с HTML,
Добавьте Javascript на сайт HTML CSS. Изучите манипуляции с DOM. -
Изучите некоторые основные алгоритмы.
-
Постоянно создавайте проекты, небольшие игры, например, калькулятор, игры со словами, викторины и т.д. Придумайте что-то свое и делайте это от более простого к более сложному, не начинайте с клона Twitter.
Шаг 2.1 Проекты HTML CSS JS & Google
Когда вы освоите основы, дайте волю своему воображению и попробуйте создавать проекты с помощью HTML CSS Javascript.
Научитесь самообучению, когда вам что-то нужно, как найти решение проблемы кодирования. Вы будете использовать этот навык ежедневно на работе, никто не знает всего, даже старшие программисты иногда «гуглят» базовые вещи. Суть в том, что с помощью Google вы можете искать и использовать различные материалы, находить решение и создавать ценность, вам не нужно все запоминать.
Шаг 3: Фронтальный фреймворк
Узнайте, какой самый популярный фронтенд-фреймворк в вашей области (React или Vue, или Angular…) Если вы не можете выбрать, выбирайте React.
Изучите различные концепции и исследуйте фреймворк/либ.
Шаг 3.1 API
Узнайте об API: как вы можете получать данные и взаимодействовать с различными API.
Шаг 3.2 TypeScript
TypeScript становится все более популярным, по сути, это просто Javascript с типами. В крупных проектах с его помощью можно быстрее писать код и проще расширять его, а также отлавливать множество ошибок… попробуйте. Большинство компаний используют его.
Шаг 4. Поиск работы
Если вы зашли так далеко, у вас уже должно быть несколько проектов для демонстрации, выберите лучшие и поместите их в портфолио. Напишите проект, которым вы будете гордиться, используйте фронтенд-фреймворк (например, React HTML CSS JS-TS) и API. Подайте заявку как фронтенд-разработчик. Улучшайте проекты своего портфолио, пока ищете работу.
Шаг 5: Поставьте лайк этому посту.
Спасибо, что прочитали, надеюсь, я смог помочь! Если у вас есть вопросы, не стесняйтесь задавать их в разделе комментариев. 😀