Разработчик фронтенда

Пошаговая инструкция о том, как стать разработчиком фронтенда в 2023 году

JКомпетенции уровня JuniorMКомпетенции уровня MiddleSКомпетенции уровня SeniorTКомпетенции уровня Техлид1-3Уровень владения технологиейИнтернетJ2M2S3T3HTMLJ1M2S3T3CSSJ1M2S3T3JavaScriptJ1M2S3T3Хостинг-сервисы репозиториевСистемы управления версиямиJ1M2S3T3Веб-безопасностьM1S2T3Менеджеры пакетовJ1M2S3T3Архитектура CSSПрепроцессоры CSSJ1M2S3T3Инструменты сборкиФреймворкСовременный CSSJ1M2S3T3Фреймворки CSSТестирование приложенийM1S2T3Стратегии аутентификацииM1S2T3Веб-компонентыПрогрессивные веб-приложенияS1T2Рендеринг на стороне сервера (SSR)Генераторы статических сайтовGraphQLM1S2T3Мобильные приложенияДесктопные приложенияDNSПринципы работы ИнтернетаДоменные именаHTTPХостингБраузерыОсновыДоступностьСемантический HTMLОсновы SEOФормы и валидацияСоглашения и лучшие практикиПозиционирование, отображение, макетированиеОсновыОтзывчивый дизайн и медиа-запросыСинтаксис и основные конструкцииМанипуляции с DOMFetch API / Ajax (XHR)ES6+ и модульный JavaScriptХойстинг, всплытие, область видимости и др.GitHubGitLabJ1M2S3T3BitbucketGitContent Security PolicyHTTPSРиски безопасности OWASPCORSnpmyarnBEMSassPostCSSЛинтеры и форматтерыM1S2T3Средства для запуска задачM1S2T3Сборщики модулейReactJ1M2S3T3AngularVue.jsSvelteSolid JSStyled ComponentsМодули CSSStyled JSXEmotionФреймворки, основанные на JSJ1M2S3T3Фреймворки, основанные на CSSJestreact-testing-libraryCypressPlaywrightШаблоны HTMLКастомные элементыТеневой DOMХранилищеM1S2T3Веб-сокетыM1S2T3Server Sent EventsПаттерн PRPLСервис-воркерыМодель RAILЛокацияМетрики производительностиУведомленияLighthouseОриентация устройстваИнструменты разработчикаM1S2T3ПлатежиCredentialsReactJ1M2S3T3AngularVue.jsSvelteEleventyAstroNext.jsM1S2T2GatsbyJSVuepressJekyllHugoNuxt.jsRemixApolloRelay ModernReact NativeFlutterIonicNativeScriptElectronTauriFlutterPrettierESLintnpm scriptsViteesbuildWebpackM1S2T3RollupParcelTailwindMantineChakra UIMaterial UIDaisyUIRadix UIBootstrapBulmaRemixNext.jsM1S2T2UniversalNuxt.jsSvelte Kit

Часто задаваемые вопросы

Разработка фронтенда - это разработка визуальных и интерактивных элементов веб-сайта, с которыми напрямую взаимодействуют пользователи. Это комбинация HTML, CSS и JavaScript, где HTML - структура, CSS - стилизация и макетирование, а JavaScript - поведение и интерактивность.

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