Frontend Engineer
Освойте полный стек навыков для работы Junior Frontend Engineer и добавьте 2 пет-проекта в портфолио.
Андрей Рымарук
Senior JavaScript Frontend Developer in Welltech
Ex JavaScript Engineer у Ciklum
42 онлайн-занятия
[по вторникам и четвергам]
Комплексная программа для освоения тонкостей фронтенд-инженерии. Получите необходимый скилсет, чтобы ориентироваться в Web Development, проводить серверный рендеринг, оптимизировать код и архитектуру веб-приложений. В результате сможете претендовать на позиции Frontend Developer/Engineer и создавать собственные проекты с нуля.
Фронтенд – это связь между функционалом сайта и его пользователем. Удобно, быстро и без багов – основные задачи разработчика, которые он решает с помощью CSS, HTML и JavaScript на базовом уровне. Но чтобы развиваться дальше и предлагать наиболее эффективные решения, необходимо разбираться в структуре кода и уметь его оптимизировать, работать с паттернами проектирования и использовать разные типы рендеринга.
За 4 месяца на этом курсе вы получите полный стек навыков для работы Junior Frontend Engineer, чтобы не только реализовывать замысел дизайнера «на автопилоте», но и осмысленно прорабатывать архитектуру приложений, которые будут работать без багов при условии сложного интерактивного интерфейса.
Ознакомитесь с инструментами верстки страницы (CSS/HTML) и принципами UI/UX-дизайна, чтобы создавать макеты с адаптивной сеткой, умело работать с текстом, цветом, фоном и разрабатывать удобные пользовательские интерфейсы.
Разберете все аспекты языка JavaScript: от структуры кода и базового синтаксиса — до работы с библиотеками Redux и ReactJS. Научитесь работать с разными типами структур данных, манипулировать массивами, создавать новые объекты и строить интерактивные приложения.
Изучите паттерны, позволяющие эффективно решать задачи проектирования ПО, и научитесь применять их на практике, чтобы рефакторить собственный код, упрощать и ускорять процесс разработки.
Освоите техники для ускорения загрузки страниц. Научитесь «кэшировать» данные, чтобы уменьшать задержку обработки серверных запросов, и узнаете, как сделать так, чтобы страницы не «висли» от сложного интерактивного интерфейса.
Разработаете роадмап профессионального развития, получите рекомендации по оформлению CV и профессионального профиля в соцсетях. Получите совет от лектора и рекрутера, которые помогут пройти интервью на позицию Junior Frontend Developer/Engineer.
- Разберете основные принципы работы веб-браузеров.
- Поймете значение кроссбраузерности и ознакомитесь с основными отличиями в интерпретации кода между ними.
- Ознакомитесь с задачами веб-разработчика, связанными с работой в клиентской части веб-приложений.
- Поймете принцип работы с системой контроля версий Git и создадите аккаунт на github и репозиторий для работы с курсом.
- Узнаете, как создавать структуру HTML-документа, включая заголовок, тело, разделы, абзацы, списки, формы и т. д.
- Научитесь использовать семантическую разметку.
- Узнаете, как применять различные теги и атрибуты для форматирования текста, создания ссылок, вставки изображений и других элементов.
- Научитесь описывать template и переиспользовать его из slot.
- Изучите основы синтаксиса языка JavaScript.
- Научитесь работать с function, callbacks, prototype, а также с глобальными объектами document, window, navigator и т. д.
- Узнаете, что такое HTML5 API и его доступные разновидности.
- Научитесь применять каждый из предложенных API на практике.
- Получите знания разных типов отображения, методов позиционирования и т. д.
- Научитесь работать с текстом, цветом, фоном и технологией Flexbox.
- Научитесь создавать макеты со статической или адаптивной сеткой (layout anatomy).
- Разберетесь в принципах UI/UX-дизайна, чтобы создавать простую и удобную для восприятия разметку веб-приложения или сайта.
- Научитесь использовать пакетный менеджер yarn для установки пакетных зависимостей, дополнительных библиотек, модулей и т. д.
- Научитесь подключать SASS-препроцессор к проекту, использовать переменные, миксины, циклы и другие функциональности SCSS.
- Узнаете, как выполняется JavaScript в браузере, и поймете основные принципы его интерпретации.
- Научитесь использовать структуру кода, переменные, типы данных, операторы, циклы и функции.
- Узнаете, как осуществлять логические сравнения и принимать решения на основе этих сравнений.
- Научитесь выполнять операции или обработку данных на основе определенных условий.
- Разберете все этапы создания функции, в том числе те, которые могут быть приостановлены и восстановлены во время выполнения.
- Узнаете, как создавать и работать с разными типами структур данных, в том числе с массивами (Array) и объектами (Object).
- Научитесь создавать многоуровневые структуры данных.
- Будете работать с разными структурами данных, научитесь получать доступ к определенным элементам или выполнять операции на разных уровнях структуры.
- Научитесь манипулировать с массивами, используя различные методы, включая push, pop, shift, unshift, splice и т. д.
- Узнаете, как использовать объект Reflect для выполнения различных операций: например, создание новых объектов, вызов методов, получение и установка свойств и т. д.
- Узнаете, как разработать базовый RESTful API, используя различные HTTP-методы, и какие UR-шаблоны используются для маршрутизации запросов.
- Научитесь использовать Fetch API для отправки HTTP-запросов с клиентской стороны веб-приложения, настроить заголовки запроса, передавать данные и обрабатывать ответы.
- Научитесь использовать Promise для управления асинхронным кодом и async-await для удобного написания асинхронного кода.
- Узнаете, как отлаживать сетевые запросы с помощью devTools.
- Разберете основные концепции ООП: классы, объекты, наследования, полиморфизм, инкапсуляция.
- Научитесь использовать каждую концепцию на практике.
- Изучите основные паттерны проектирования на JavaScript, которые помогают разрабатывать эффективный и поддерживаемый код.
- Поймете значение паттернов в проектировании веб-приложений.
- Ознакомитесь с принципами программирования.
- Научитесь писать чистый и понятный код на старте, чтобы не разбираться часами в «грязном» коде потом.
- Поймете, как чистый код и рефакторинг позволяют экономить время и ресурсы для разработки.
- Изучите типы веб-рендеринга и научитесь их различать.
- Научитесь выбирать тип рендеринга в зависимости от ситуации.
- Ознакомитесь со структурой React-приложения и его основными компонентами.
- Научитесь работать с расширением синтаксиса JSX для описания пользовательского интерфейса.
- Узнаете, что такое хуки и как с ними работать.
- Получите практический опыт создания Custom Hooks.
- Научитесь работать с react route.
- Разберетесь в глобальном и локальном контексте в ReactJS.
- Рассмотрите библиотеку Redux для управления состоянием приложения.
- Получите знания из Bootstrap и Tailwind CSS, чтобы использовать их в разработке веб-интерфейсов.
- Получите рекомендации по разработке SPA-приложения на уровне реального веб-приложения с использованием ReactJS.
- Научитесь работать с SCSS, CSR (Client-Side Rendering) и фреймворком Tailwind (или bootstrap).
- Разработаете полноценный single page application с управлением состоянием и использованием css framework.
- Разберете принципы серверного рендеринга и возможности Next.js для создания универсальных веб-приложений.
- Поймете особенности Data fetching: getServerSideProps, getStaticProps, getStaticPaths, и узнаете, для чего и когда использовать каждый из них.
- Узнаете, как работать с NextJS.
- Научитесь описывать внутреннее API для возврата JSON-данных с сервера.
- Научитесь использовать картинки на уровне SSR с Next.js, работать с LazyLoading и кэшированием.
- Получите практические навыки в разработке server-side application с использованием Next.JS.
- Научитесь подключать фреймворки для стилизации по типу Tailwind и настраивать кастомные темы.
- Научитесь работать с маршрутизатором, кэшированием, SSR и CSR на практике.
- Узнаете, как создавать git репозитория с подключением к системе деплоймента.
- Научитесь настраивать деплоймент репозитория с веб-приложением на уровне Vercel.
- Научитесь использовать переменные через PullRequest в GitHub.
- Понимаете каждый этап создания веб-приложения: от идеи до деплоймента.
- Можете самостоятельно создать полноценное веб-приложение с нуля.
- Разработаете план развития карьеры в IT
- Узнаете, как искать работу на международном рынке
- Напишете эффективное резюме и сопроводительное письмо
- Подготовитесь к интервью с рекрутером и hiring-менеджером
- Научитесь вести переговоры при заключении job-оффера