Как мы уже разбирали в статье Frontend и Backend... Что всё это значит? , frontend — это "видимая" часть приложения или простыми словами то, с чем взаимодействует пользователь.
Ниже, мы тезисно рассмотрим минимальный набор необходимых технологий, чтобы вкатиться во frontend development.
1. Знание HTML и CSS
Это два основных языка, используемых для создания и стилизации веб-страниц. Они играют ключевую роль в веб-разработке и обычно используются вместе. В нескольких словах HTML — это язык разметки для создания структуры веб-страниц. А CSS — язык иерархических правил (таблиц стилей), используемый для представления внешнего вида документа.
То есть CSS позволяет придать стили веб-элементам, которые имеются в структуре HTML документа.
2. Знание языка JavaScript + TypeScript
JavaScript является единственным языком, который непосредственно выполняется в браузере. На нем реализуется вся клиентская логика, которая отрабатывает при взаимодействии пользователя с веб-страницей. JavaScript позволяет добавлять интерактивность, анимацию, взаимодействие с сервером, обработку событий и много чего еще.
Можешь об этом почитать подробнее, но в вкратце - JavaScript не поддерживает типизацию, что сильно усложняет разработку и поддержку объемной кодовой базы.
Учитывая, что в современных условиях веб-страницы становятся все более интерактивными, то кодовая база - все более масштабной. Поэтому появилась "надстройка" над JavaScript под названием TypeScript. Это НЕ другой язык, это просто обертка, позволяющая типизировать объекты в JavaScript.
Итого - JavaScript и TypeScript это обязательные технологии, которые должен иметь за пазухой любой фронтенд разработчик.
3. Знание библиотек/фреймворков и умение с ними работать
Приблизительно до 2015 года для разработки веб-сайтов вам вполне могло хватить навыков HTML+CSS+JavaScript.
Но появление таких фреймворков как React, Vue.js, Angular сильно перевернуло мир фронтенд разработки и упростило создание сложных интерфейсов. Эти фреймворки (библиотеки) позволяют писать код в едином проекте, который после сборки формирует так называемую "статику", которую обрабатывает браузер и рендерит пользовательские интерфейсы.
Для того, чтобы работать фронтендером, необходимо хорошо знать минимум один фреймоворк. Самыми популярными являются React , Vue.js и Angular.
4. Умение работать с инструментами разработки
Разработку реальных масштабных проектов невозможно вести в "блокноте", поэтому необходимо уметь пользоваться хотя бы одной средой разработки. Самыми популярными средами разработки среди фронтендеров являются VS Code и WebStorm.
Пожалуй, самой мощной является WebStorm, однако появились проблемы со скачиванием и получением лицензий в России.
5. Понимание принципов работы браузеров и клиент-серверной архитектуры
Для того, кто создает веб-интерфейсы, просто необходимо понимать, как работает браузер и в какой последовательности происходит процесс от запроса веб-ресурса до завершения его отрисовки.
Почти все приложения реализованы на клиент-серверной архитектуре. И, на самом деле, её понимание необходимо почти любому IT специалисту.
Это не такой большой объем теоретических знаний, поэтому не пугайся.
6. Базовые технологии разработки
В независимости от того, что вы разрабатываете и на каком языке, не получится работать без знания Git — это технология системы контроля версий.
Она позволяет слаженно работать большому количеству человек над одним проектом.
В условиях реального проекта ты осознаешь, что это далеко не весь список. Любой фронтендер использует DevTools, библиотеки для работы с сетевыми запросами, http-клиенты наподобие Postman и много чего еще.
Но все, что здесь не перечислено, освоится параллельно. С учетом понимания всех базовых технологий, это не станет барьером.
Если ты хочешь работать в IT, то в наших авторских постах в telegram ты найдешь массу полезного для себя.
Залетай к нам !