Frontend разработчик - это программист, который занимается интерфейсами веб-приложений и сайтов.
Он отвечает:
- за внешний вид сайт
- корректность отображения в разных браузерах и на разных устройствах
- анимации, всплывающие окна, выпадающее меню и прочие интерактивные элементы.
Фронтенд гораздо глубже разбирается в вопросе создания интерфейсов, чем веб-разработчик. Технологии, которым обучаются на курсе фронтенд-разработки, широко используются при создании многих цифровых продуктов - например мобильных приложений и операционных систем. Обучение с нуля не требует специальных навыков или технического бэкграунда.
Методика обучения
Мы - сторонники индивидуального подхода в обучении
В образовании конечный результат во многом зависит от количества времени и внимания, уделяемого каждому студенту лично.
Это касается как очных, так и онлайн-занятий, которые всегда проводятся в формате живых вебинаров наравне с очной группой.
Уже на первом занятии вы начнете писать код, никакой воды.
- преподаватели вам предоставят всю необходимую теоретическую базу для того, чтобы вы понимали принципы разработки, но основное внимание будет уделено практике. Мы готовим IT
специалистов, которые уже готовы решать реальные задачи.
- мы несколько лет собирали нынешнюю команду преподавателей. Они не только являются крутыми разработчиками крупных компаний, но и умеют объяснять сложные вещи простыми
словами. А еще им просто нравится делиться опытом. Вы точно найдете с ними общий язык.
Программа курса
На курсе по frontend’у вы научитесь:
Верстать сайты и оживлять статичные веб-страницы, т.е. освоите:
- HTML (разметка страниц)
- CSS (стили)
- JavaScript (язык программирования, который отвечает за интерактив на сайте)
- Препроцессоры и фреймворки CSS, системы контроля версий.
1 Блок
Верстка сайтов
1) Введение в HTML. Основные тэги, гиперссылки; 2) Атрибуты тэгов. Введение в CSS: свойства, цвета. Шрифты. Вставка изображений через HTML; 3) Вставка картинок через CSS: Margin, Padding, Flex-контейнеры, позиционирование, псевдо-элементы; 4) Анимации в CSS Flex Верстка; 5) Верстка; 6) Адаптивная верстка; 7) Препроцессоры CSS.
Vanilla.js
1) Введение в JS JQuery. Скрытие/Показ элементов; 2) Введение в jQuery. Основные методы. Анимации; 3) Функции. setInterval setTimeout. Плавный скролл; 4) DOM. Основные методы События. 5) Всплытие Погружение; 6) Объекты. Взаимодействие с DOM с помощью JS; 7) LocalStorage SessionStorage. Куки. Способы применения и различия; 8) Json Parse Stringify.
Практический результат: Разработка новостного приложения.
2 блок
AJAX
1) Делегирование событий; 2) AJAX (Ускоряем работу страниц, делаем первые шаги к SPA); 3) Отправка запросов на jQuery. Отправка запросов JS. Синхронность/ Асинхронность; 4) Получение данных из API. Postman; 5) Работа с Telegram Bots API
ООП
1) Введение в ООП. Классы. Методы. Свойства; 2) Статические и динамические методы this; 3) Постулаты ООП Наследование Инкапсуляция Полиморфизм; 4) Разработка игры с использованием ООП
Практический результат: Разработка Telegram бота.
3 блок
Vue.js
1) Фреймворки Обзор современных фреймворков Отличия от библиотек. Введение во Vue.js Vue объекты из чего состоят и как работают; 2) Что такое компоненты и как создать. Виды компонентов; 3) Props. Валидация Props; 4) Передача массивов и сложных объектов; 5) Взаимодействие между компонентами; 6) Миксины; 7) Навигация и ссылки . Переадресация.
Практический результат: Разработка Agile Taskboard.
4 блок
Node.js
1) Что такое Node.js. Начало работы; 2) События работа с файлами Асинхронность в Node.js; 3) Создание сервера; 4) Отправка файлов. Передача параметров приложению; 5) Введение в Express;6) Отправка форм. Переадресация. Маршрутизация; 7) JSON и AJAX. Создание API
Практический результат:
Учимся создавать API и настраивать взаимодействие между клиентом и сервером.
5 блок
Введение в React
1) j-RPC. Основные правила; 2) Введение в React. Рендеринг; 3) JSX и Babel. React Developer Tools; 4) Компоненты; 5) Props; 6) Redux - работа с хранилищами; 7) События. State; 8) Работа с формами. Валидация; 9) Введение в Redux; 10) Введение в Flux
Практический результат: Разработка мессенджера.
6 блок
Git
1) Создание ссылок. Парсинг строки запроса. Передресация; 2) Покупка хостинга и домена. Работа с FTP; 3) Настройка рабочего окружения проекта на сервере; 4) Github. Создание репозиториев. Основные команды. Ветвление; 5) Git Слияние. Разрешение конфликтов
Работа в команде
1) Деление на команды. Распределение ролей. Выбор темы проекта. Разработка Архитектуры; 2) Создание MVP; 3) Доработка проекта; 4) Доработка проекта, создание резюме
Практический результат: Разработка командного проекта