Love Frontend
Сообщество
фронтенд разработчиков
EN

Как стать front end разработчиком

Автор: Kamil Ocean
Дата публикации: 03.05.2020

Вы прочитали предыдущую статью о том, кто такие front end разработчики и решили стать одним из нас. Что для этого нужно изучать? Рассказываем.

Для начала конечно самоё базовое — HTML + CSS. На первых этапах на изучение HTML можно потратить совсем немного времени и сделать простенькую веб страницу, вставить туда форму и потренирвоаться в применении различных HTML тегов и аттрибутов.

получится что-то вроде этого (как это выглядит в браузере)

HTML — это язык разметки документа. Не язык программирования. Но изучать его нужно основательно. С помощью HTML вы размечаете основные части вашей страницы.

Выглядит это так (в текстовом редакторе)

После этого вам нужно будет осваивать CSS. Тема куда сложнее, но и интереснее. CSS позволит вам стилизовать все ваши элементы, всё что вы размечали с помощью HTML. Красить, передвигать (позиционировать), выравнивать и прочее. В общем освоя HTML и CSS уже можно будет сделать свой сайт портфолио (визитную карточку). И конечно начать разрабатывать любые интересные вам страницы для тренировки или по вашей нужде. На этом этапе вы по сути становитесь верстальщиком. Вы учитесь верстать страницы. Как печатные верстальщики верстают газету, так и вы приводите свою уже веб страницу в прележный вид.

На рынке есть вакансии конкретно для верстальщиков, но конечно более высокие шансы найти хорошую работу у разработчиков, которые владеют JS (JavaScript)

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

В целом, эти три техонологии — это три кита front end разработки. Их нужно знать очень хорошо. Овладев ими в должной мере, вы можете искать свою первую работу и уже на работе оттачивать и совершенствовать свои навыки. Теперь вы понимаете, что вы именно «разработчик», потому что если бы вы были программистом, то скорее всего это подразумевало бы под собой только «знание языка программирования». Вам же как разработчику нужно знать несколько технологий, а не только свой ЯП (язык программирования).

На самом деле технологий не несколько. Их очень много. И конечно, после понимания JS, вам нужно изучать фрэймворки и библиотеки. Они доказали свою полезность в мировом сообществе и во многих продуктах используются абсолютно разные инстурменты. Например, вы наверняка слышали самые попуялрные из них: React, Vue, Angular и т.д. Список очень большой. И наиболее вероятно, что бизнес использует какой-то фрэймворк.

Конечно знания фрэймворка высоко ценятся у работодателей и особенно если вы изучали или ещё лучше работали именно с тем фрэймворком, который использует эта компания.

Также не стоит забывать про смежные технологии. Например для работы в команде вам нужно будет осваивать Git или другую систему контроля версий, но наиболее вероятно это будет именно Git. Способы общения с бэком RestAPI, GraphQL. Если вы совсем новичёк в IT, то вам будет полезно также досконально изучить выбранный вами текстовый редактор или IDE, знать все его возможности и горячие клавиши. Понимать работу сети и принципы работы протоколов, хотя бы на базовом уровне. Может пригодиться работа в среде Linux, знание shell команд. На некоторых продуктах используются CSS препроцессоры, которые также нужно изучать. Конечно базовые вещи в фотошопе (хотя сейчас многие используют Figma, Avacode и т.д.)

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

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

Если вы совсем новичок, то лучше сконцентрируйтесь на базе: HTML, CSS, JS. Можете выбрать популярный фрэймворк и изучить его, хотя бы основные моменты. Главное получить свою первую работу, потому что дальше будет легче и многие вещи вы будете осваивать уже решая конкретные рабочие задачи. Например Git я совсем не знал до своей первой работы. Да и чтобы вы понимали, многие фрэймворки вышли когда мы уже работали и конечно все front end разработчики осваивали их также читая документацию и решая задачи. Отличие только в том, что людям которые уже работают в этой сфере, конечно это даётся легче. Когды вы уже будете работать, вы тоже очень быстро изучите необходимый вам новенький инструмент (фрэймворк, библиотеку, веб API) прочитав его документацию. Для этого как говорится, нужно встать на рельсы, войти в колею.

Успехов вам в ваших начинаниях. Оставайтесь с нами, чтобы читать больше полезностей.

Подписывайтесь на наш Телеграм канал, и группу в ВК

Оставьте свой e-mail чтобы получать уведомления о свежих статьях.