Это может быть 25-й блог, который вы читаете в поисках полного руководства по тому, как стать фронтенд-разработчиком, и может потребоваться еще сотня блогов, чтобы принять тот факт, что легких путей нет. Как человек, который все еще проходит через это, я знаю, что это отстой. Этот блог может не сделать вас старшим разработчиком в FAANG с зарплатой в миллион долларов, но может помочь вам понять, какие технологии вы, вероятно, хотите изучить, и получить для них хорошие (и бесплатные) ресурсы.
Технологии, которые вы хотите изучить
HTML
Как вы, наверное, знаете, это строительный блок веб-сайтов. Так что это обязательно.
Ресурсы: этого видео от FCC пока может быть достаточно.
CSS
CSS помогает придать потрясающий внешний вид, классные переходы и эффекты наведения. Вам, вероятно, нужно изучить основы, flexbox и сетку на данный момент.
Ресурсы: часть CSS и Flexbox, путь Odin Projects Foundation, безусловно, поможет вам в изучении основ, для сетки этот учебник и этот учебник также дадут вам необходимый начальный крутящий момент.
Javascript
JS — это душа браузеров, и он используется в бэкенде и для многих других целей (это будет не так просто, и вы не совершите ошибку, прыгнув во фреймворк, прежде чем вы его узнаете прилично хорошо).
Ресурсы: Если у вас нет опыта программирования, очень рекомендую это видео. 30-Days-Of-JavaScript — это репозиторий GitHub, который охватывает все важные концепции для веб-разработчика, и часть JS в Odin Project также поможет вам.
Гит и Гитхаб
Git — это система контроля версий, обязательная для любой работы разработчика.
Обращение: Мой первый вклад — это простой репозиторий с открытым исходным кодом, который поможет вам изучить 90% git, которые вам когда-либо понадобятся. Этот учебник поможет вам лучше понять Git
CSS-фреймворк
Фреймворк CSS поможет вам быстрее и проще создавать проекты. Их много, но основными являются Bootstrap и Tailwind (я бы рекомендовал Tailwind). Изучение препроцессора CSS, такого как SASS, также может быть полезным.
Ресурсы: Этот учебник Брэда Трэверси поможет вам изучить Tailwind, создав проект. Этот учебник по SASS также поможет вам на вашем пути
Javascript-фреймворк
Пришло время вам изучить самуюмемную вещь во вселенной во вселенной программирования. Есть много вариантов, но использование React может быть лучшей идеей, потому что он пользуется большим спросом.
Ресурсы: часть React проекта Odin определенно будет полезна.
Машинопись
Typescript — это развитая форма Javascript. Это становится важной частью веб-разработки.
Ресурсы: Этот туториал определенно поможет вам с его основами.
Дополнительные ресурсы
Это не конец технологий, которые вы хотите изучить, или ресурсов, которые у вас есть. Это всего лишь отправная точка. Есть некоторые дополнительные ресурсы, которые я хотел бы порекомендовать
- Если вы ищете более структурированную программу, Odin Project и 100devs — отличные бесплатные учебные лагеря с замечательными сообществами.
- Javascript Info и Geeks for Geeks содержат отличные статьи по всем важным темам.
- W3Scools и MDN получили статьи буквально обо всем, что вы хотите
- И нет в истории разработчика, который бы не использовал StackOverflow.
- Мне даже нужно упомянуть ютуб
- Для каждой технологии будет официальная документация, которую вы можете использовать
Заключение
Возможно, это не дало полного решения всех ваших проблем, но я надеюсь, что это развеяло бы многие ваши сомнения. Ресурсы могут помочь вам учиться, но создание проектов — это способ достижения вашей цели. Если есть какая-либо тема или ресурс, который я пропустил, упомяните об этом в комментариях.