Front-end разработка (Html, CSS, JS, ReactJS, Redux)
Front-end разработчик занимается версткой сайтов или созданием интерфейсов веб-приложений. Выбирайте то, что по душе: мобильная разработка, веб-сайты, разработки в сфере финансов и обработки данных и т.д.
Специалист в этом направлении может получать от 400$ (без опыта работы, обычный веб-мастер или администратор сайтов) до 2500$ (специалист с опытом от 3+ лет) в зависимости от уровня знаний и опыта работы.
Если вы немного дизайнер, немного инженер, или просто у вас есть чувство прекрасного, и вы хотите связать свою жизнь с написанием кода, то этот курс именно для вас. Он подходит для любого уровня знаний компьютерных технологий.
Расписание курсов
Программа курса
- Обзор препроцессоров CSS: SASS/LESS; и работа с ними. Препроцессинг, синтаксис и правила, вложенности, переменные, миксины, циклы, условия, расширения, импорт, математические операции, функции, …
- Знакомство с популярными «фреймворками» для создания простых интерфейсов сайтов и др. приложений. Готовые стили и компоненты, создание сеток и колонок, управление разметкой, типографика, … Обзор возможностей jQuery и аналогия работы с «чистым» JavaScript. Манипулирование с элементами. Работа с атрибутами и содержимым. Работа со стилями CSS, анимация. Обход элементов, отправка AJAX-запросов, работа с JSON.
- Как работает интернет? Что такое HTML? Теги и атрибуты тегов языка и его синтаксис. Создание веб-страниц. Что такое CSS и правила его использования. Что такое селектор? Изучение свойств и практика форматирования содержимого (работа со шрифтами, изменение размеров, полей, отступов). Создание списков, таблиц, работа с формами, фоновыми изображениями, встраивание содержимого (Youtube, Google Maps, Яндекс Карты).
- «Новые» семантические теги в HTML5. Блочные и строчные элементы: разница и нюансы в работе с ними в CSS. Что такое «схлопывание» и переполнение контента? Как работа с «плавающими» элементами. Знакомство со строчноблочной моделью верстки. Флекс (Flex) модель верстки. Способы выравнивания содержимого и блоков по горизонтали и вертикали. Работа с псевдоклассами и псевдоэлементами. Создаем многостраничный сайт.
- Позиционирование элементов в HTML и CSS. Что такое «липкое» позиционирование? Создание вертикальной и горизонтальной навигации с многоуровневым меню. Создание табов, переключателей, постраничной навигации других сложных навигационных элементов сайта.
- Практика верстки различных отдельных элементов сайта (навигации, виджетов, различных информационных блоков) и верстка полноценных макетов сайтов с нуля и до адаптивной версии под разные устройства и экраны. Изучение Grid-модели. Разные способы создания анимации в CSS.
Краткое знакомство с Photoshop и его инструментами. Работа с Figma, как с инструментом для создания дизайнмакетов приложений. Создание различных графических элементов. Кадрирование, изменение размеров, трансформация. Работа со слоями, группами элементов, позиционирование. Работа с текстом и его форматирование. Экспорт объектов, сохранение изображений.
- Знакомство с языком программирования: правила и синтаксис, переменные, типы данных, преобразование значений. Операторы сравнения, логические, арифметические. Условные и тернарные операторы и конструкции. Работа с циклами, массивами и их методами. Практика решения задач.
- Создание функций, анонимные и стрелочные функции.
- Браузерная и документная модели в JS. Загрузка веб-страницы. Создание элементов. Работа с атрибутами и содержимым элементов.
- Создание плагинов для сайтов
- Объекты и классы
- Хранение данных и работа с ними
- Практика создания приложений
- Запросы к серверу. Работа с API
- Компонентный подход
- Создание SPA
- Знакомство с фреймоворком для разработки пользовательского интерфейса. Добавляем React на сайт. Что такое JSX, Babel, рендер компонентов. Функциональные и классовые компоненты. Пропсы, стэйты в разных компонентах. Добавление событий к элементам и особенности работы с ними. Map, filter, списки и ключи при обходе/создания элементов. Работа с формами. Жизненный цикл компонентов.
- Создание приложения с помощью библиотеки create-react-app. Знакомство со структурой файлов и каталогов проекта. Разделение кода.
- Обзор и правила хуков: useState, useContext, useEffect, useReducer, useRef.
- Работа с модулями: Router, BrowserRouter, navLink для организации динамического перехода между страницами приложения.
- Подключение Redux к React приложению. Знакомимся с основными принципами работы с библиотекой: экшены, редьюсеры, поток данных, …
Чему вы научитесь
- Адаптивная верстка
- Веб-дизайн
- HTML
- CSS
- SASS (SCSS)
- LESS
- JS (ECMAScpirt)
- AJAX
- jQuery
- JSON
- NodeJs
- Webpack/Gulp
- ReactJS
- Redux
- Git/GitHub
- CMS WordPress
- Adobe Photoshop
Часто задаваемые вопросы
Да! Если вы бронируете курс за 20 дней до старта, то ваша скидка составил 120 белорусских рублей. Если же вы не успели, то скидку можно получить в том же размере за полную оплату всего курса.
Ведется видео- и звуко- запись каждого занятия (в классе и онлайн). Доступ к записям предоставляется сразу же после занятия. Вы всегда сможете посмотреть лекцию повторно. Все записи остаются вам навсегда.
Сертификаты получают только те студенты, которые трудились на протяжении всего курса, и успешно защитили финальный проект и сдали все экзамены. Недостаточно прослушать курс, сертификат нужно заслужить! Мы выдаем сертификат на русском и английском языках в печатном варианте, а также в электронном виде.
С нашей стороны вы получите только честную помощь и сопровождение. Мы не гарантируем трудоустройство, не обучаем «бесконечно» и не даем пустых обещаний… Точно можем гарантировать:
- Проводим мастер-класс по трудоустройству вместе с нашим HR-менеджером и руководителем школы. Расскажем все что знаем о работе в IT и, главное, как ее найти. Поговорим о секретах составления резюме, правильном поведении и каверзных вопросах на собеседованиях.
- Помогаем в грамотном и правильном составлении вашего резюме. Резюме — это ваша профессиональная визитка. Она должна быть идеальной, ведь первое знакомство с потенциальным работодателем и происходит через нее. К ней же предоставляем шаблоны с симпатичным дизайном.
- Оказываем помощь в создании профиля в LinkedIn — профессиональной сети контактов. Большинство рекрутеров ищут интересные контакты именно в LinkedIn. Расскажем как использовать эту сеть для поиска работы.
- Поможем в составлении сопроводительного письма, расскажем о правильной деловой переписке и сборе контактных данных для отправки вашего резюме более 100 IT-компаниям в РБ.
- Создадим первое ваше портфолио: структурируем все работы, добавим описание к каждой из них, добавим на GitHub или Behance, сделаем презентацию для собеседований.
- Проведем симуляцию собеседования или пробного интервью, поговорим о ваших soft-skills, поможем в развитии вашей уверенности и в снижении стресса.
- В нашей школе или возле специальной тематической фото-зоны вы можете сделать профессиональное деловое фото для вашего резюме и социальных сетей.
- Добавим вас в Студхаб — студенческое сообщество, где выпускники делятся контактами и вакансиями в своих компаниях, а также рассказывают про свой опыт работы в определенных IT-компаниях.
Также при успешном завершении курса будет отбор, который позволит принять участие в проекте «Моя первая работа в IT» — доведем каждого выпускника до трудоустройства или заключения контракта на проект. Решаем реальные коммерческие задачи, делаем благотворительные проекты для портфолио, ходим на экскурсии в офисы IT-компаний, общаемся с профессионалами и многое другое.
Уточнить информацию по курсу
Другие курсы компании
