Frontend-разработка включает в себя не только знания в области HTML, CSS и JavaScript, но и понимание дизайна, юзабилити и доступности. Один и тот же дизайн может выглядеть по-разному на разных устройствах и браузерах, поэтому важно учитывать респонсивность и кроссбраузерность при разработке. Чтобы создавать сложные и интерактивные пользовательские интерфейсы., нужно освоить современные фреймворки и библиотеки, разобрать оптимизацию производительности и различные аспекты безопасности. На этом курсе вы получите профессию Frontend-разработчика и сможете работать с анимацией и функциональными элементами.
Чему вы научитесь
Анимировать версткуСоздавать и тестировать React-компонентыРазрабатывать полноценные веб-приложения на Vue 3 Создавать полноценные адаптивные и анимированные страницыКак быстро окупится обучение
Показываем, как будет расти ваш заработок вместе с опытом. И сколько времени потребуется, чтобы окупить вложения в образование
Преподаватели
Программа курса
Курс состоит из нескольких тематических блоков. Они помогут вам погрузиться в разные аспекты разработк и освоить десятки передовых инструментов.
Вы узнаете, что такое Frontend-разработка, какие задачи решает Frontend-разработчик, какие инструменты используются в работе.
Поймёте, как работает компьютер, какие компоненты входят в компьютер, какие программы нужны для Frontend-разработки.
Изучите принципы работы интернета и протоколы, которые используются для передачи данных.
Сможете использовать редакторы кода, системы контроля версий, сборщики проектов.
Вы будете применять ресурсы: документацию по языкам программирования, форумы и сообщества разработчиков.
Вы рассмотрите инструменты и методы, которые используются для грамотной работы в команде.
Поймёте, как подготовить контент для веб-сайта, какие инструменты используются для создания контента и форматы, поддерживаемые веб-браузерами.
Узнаете, как правильно оформить текстовый блок на веб-странице и использовать HTML и CSS для создания различных элементов контента.
Сможете создать информационный блок на веб-странице, применять различные элементы для оформления информации.
Будете управлять гибкими компонентами и адаптировать его под различные размеры экранов устройств.
Будете работать с HTML и CSS для создания элементов разделов.
Сможете создавать форму на веб-странице, использовать HTML и CSS для создания элементов формы и обрабатывать данные, введенные пользователем.
Научитесь создавать адаптивные детали дизайна.
Будете формировать адаптивные качества целых разделов.
Узнаете, как подарить анимации способность к адаптивности.
Рассмотрите использование инструментов для оптимизации скорости загрузки страницы и улучшения её производительности.
Вы узнаете, на чём основан один из наиболее востребованных языков программирования.
Рассмотрите объявление переменных в JavaScript. Узнаете, какие типы данных поддерживает язык, как работают простые выражения.
Поймёте, что такое логический тип данных в JavaScript, какие условные операторы используются для принятия решений в коде.
Освоите правила, соблюдая которые нужно создавать функции в JavaScript, передавать параметры в функцию, возвращать значения.
Изучите Document Object Model. Поймёте, как он представляет HTML-документ в виде дерева объектов, как изменять содержимое страницы.
Научитесь строить циклы для повторения блока кода, создавать массивы, добавлять и удалять элементы.
Будете производить различные операции с массивами, например, сортировку, фильтрацию, поиск элементов.
Научитесь формулировать встроенные функции для работы с массивами, такие как map, reduce, filter.
Познакомитесь с добавлением и удалением свойств объекта.
Погрузитесь в работу с более сложными элементами DOM, например, таблицами, формами, событиями.
Будете работать с формами на странице, как получать и отправлять данные формы на сервер.
Вы узнаете, как использовать встроенные объекты в JavaScript, такие как Math, Date, String.
Будете подключать сторонние библиотеки в проект и применять их функциональность.
Освоите хранение данных на стороне клиента с помощью localStorage и sessionStorage.
Отправите запросы на сервер с помощью AJAX, будете получать и обрабатывать ответы от сервера.
Узнаете, как обрабатывать ошибки в JavaScript, как обеспечивать конструкцию try-catch для отлова ошибок.
Вы сможете создавать модули в JavaScript и использовать модульную систему для организации кода.
Рассмотрите, как работает event loop в JavaScript, как использовать асинхронные функции для выполнения задач в фоновом режиме.
Будете использовать наследование и полиморфизм для организации кода.
На этом этапе вы начнёте процесс трудоустройства.
Узнаете, что такое TypeScript, как он отличается от JavaScript, какие преимущества имеет в разработке.
Будете применять Node.js и npm в разработке на TypeScript, сможете настроить окружение для работы с ними.
Рассмотрите инструменты, которые используются для автоматизации сборки проекта.
Поймёте, как работает компилятор TypeScript, какие примитивные типы данных поддерживает язык, как использовать их в коде.
Сможете применять типы данных.
Узнаете, как используется типизация объектно-ориентированного программирования в TypeScript.
Познакомитесь с понятием дженериков.
Поймёте, как использовать утилитарные типы в TypeScript, такие как Partial, Readonly, Record.
Сможете проводить тестирование кода.
Узнаете, как развивался TypeScript, какие новые возможности появились в последних версиях языка, какие перспективы есть у TypeScript в будущем.
Изучите, как React.js используется для создания пользовательских интерфейсов, какие основные концепции и принципы лежат в его основе.
Научитесь размещать на компонентах элементы пользовательского интерфейса.
Будете организовывать логику компонентов.
Рассмотрите данные из API и сможете хранить их в состоянии или контексте.
Поймёте, как организовывать структуру проекта на React, как разделять компоненты на отдельные файлы и папки, как использовать инструменты для сборки и оптимизации кода.
Сможете отвечать за навигацию между страницами в React-приложении.
Будете применять разные инструменты для автоматизации тестирования кода.
Познакомитесь с улучшением производительности и уменьшением нагрузки на браузер.
Освоите Server-Side Rendering.
Вы научитесь использовать его для создания пользовательских интерфейсов.
Будете обеспечивать взаимодействие. Научитесь передавать данные и события между компонентами, использовать слоты для динамической вставки содержимого.
Узнаете, как изменять содержимое страницы.
Будете управлять хранилищем Pinia и применять его для управления состоянием приложения.
Вы научитесь использовать иснтурменты для тестирования кода на Vue.
Вы поймёте, как организовывать структуру проекта на Vue, разделять компоненты на отдельные файлы и папки.
Изучите принципы создания SSR-приложений на Vue.
Разберёте различия между версиями Vue.js 2 и 3.
Узнаете, какая методика наиболее эффективно позволяет запоминать слова и ориентироваться в грамматике даже с нуля.
Вы научитесь составлять резюме и отражать в нём ваши сильные стороны.
Соберёте все проделанные проекты воедино.
Рассмотрите примеры тестовых заданий разных компаний.
Пройдёте пробные собеседования, чтобы чувствовать себя уверенно на реальных.
Продумаете ответы на каверзные вопросы.
Как проходит обучение
Изучение темы
Просмотр обучающих видеороликов
Выполнение практических заданий
Делаете все тогда, когда вам это удобно и в подходящем вам темпе
Работа с куратором
Объяснение возникших вопросов, закрепление пройденного материала и исправление ошибок
Создание итогового проекта
Данный проект, показывающий ваши навыки, будет прекрасным дополнением к вашему портфолио
Помощь с трудоустройством
Создадите портфолио
Подготовитесь к собеседованию
Научитесь работать на себя
Оформите резюме и сопроводительное письмо
Научитесь выгодно презентовать свои сильные стороны, чтобы получать больше откликов компаний
Узнаете, как найти работу
Познакомитесь с площадками для поиска работы, узнаете, как успешно пройти стажировку, и получите доступ к бирже с вакансиями компаний-партнёров
Спецификация
Отзывы о Skillbox
Часто задаваемые вопросы
На фрилансе вы можете найти самые разные расценки на проекты. Стоимость работы также зависит от вашего опыта и личных амбиций. Есть проекты вплоть до сотен тысяч рублей.
Заранее ничего устанавливать не нужно. Эксперты курса поделятся методичками с инструкциями по установке необходимого ПО. Это бесплатно.
Нет. Во-первых, всё ПО на курсе русскоязычное, а англоязычные выражения для кодинга вы легко запомните в процессе работы. Во-вторых, во время обучения у вас будет модуль англйиского языка.
Вы будете разрабатывать сайты для продажи товаро и услуг, записи на мероприятия, сервисы доставки еды, стриминговые сервисы. Возможности неограничены, это лишь их часть.
Они могут работать в офисе и из дома, если позволяет оборудование. К тому же в мире существует множество фриланс-платформ, которые подразумевают постоянную работу только удалённо.
Именно вы решаете, когда и сколько заниматься. Обычно студенты тратят на обучение от трех до пяти часов в неделю.
Да, вы можете купить курс в рассрочку, что позволит вам лучше спланировать свой бюджет.
Проверять ваши домашние задания будут эксперты, а также вас будет сопровождать куратор, который поможет справиться с трудностями. Вы получите профессиональные советы, рекомендации и лайфхаки.
Вам не потребуется никаких специальных знаний или подготовки для успешного старта обучения.
Да, конечно. Подать заявление можно на официальном сайте ИФНС или в приложении Госуслуг. Команда школы поможет собрать пакет документов.
Другие популярные курсы
Профессия: Product Manager
Директор по маркетингу
UX/UI-дизайнер Plus
