Online | Offline

КУРС

FRONT‑END разработка

Пройдешь полный цикл создания web-проекта
Научишься создавать интерактивные веб-страницы с использованием JavaScript
Получишь опыт создания сложных пользовательских интерфейсов на React

Оплата частями

Заработная плата FRONT‑END разработчик

от 500$ до 3700$

(по данным сайта dou.ua)

Чем занимается FRONT‑END разработчик

Front-End-разработчик — это верстальщик и программист в одном лице, герой стиля и кода, проектирующий пользовательский интерфейс.

Главная его задача — сделать максимально удобным взаимодействие пользователя с сайтом или web-приложением. Он хорошо разбирается в кроссбраузерной, адаптивной и валидной верстке. Создает интерактивные элементы с помощью JavaScript. Понимает принципы построения бекэнда и разбирается в серверных технологиях.

видео с нашим преподавателем

Коротко про курс

Интенсивная практика и разбор домашних заданий

Возможность онлайн обучения+ видеозапись занятий

Итоговый проект для портфолио, который ты презентуешь работодателям

Помощь в трудоустройстве, оформлении резюме и подготовка к собеседованию

После курса ты сможешь

Верстать страницы на HTML и CSS

Проектировать пользовательские интерфейсы, создавать кроссбраузерную, адаптивную верстку и вносить изменения в существующую

Development

Разрабатывать логику работы клиентской части, и понимать работу серверной части web-приложений

Программировать на JavaScript

С помощью JavaScript будешь создавать интерактивные интерфейсы, разрабатывать серверную часть сайтов

Использовать DOM, AJAX, JSON

Для структурирования кода, объектного представления исходного HTML-документа и совершать асинхронное обновление веб-страниц

Применять React

Использовать в полной мере возможности библиотеки для ускорения и упрощения процесса разработки

Работать с Git & GitHub

Анализировать и управлять результатами своей работы используя систему контроля версий Git& GitHub

Программа курса

12+

самых востребованных инструментов и фреймворков для разработки web-проектов

крутые примеры от тренера и подборка лучшего теоретического материала

практика работы в команде по методологии SCRUM

Введение

О курсе
Краткая история WEB
HTML, CSS, JS - краткий обзор
Вспомогательные инструменты (Subline 3, developer tools)

HTML

Введение (повторение про стандарт и w3c)
Теги, комментарии, doctype, форматирование. Вложенность
Атрибуты
Ссылки, навигация
Медиаконтент (img, audio, video)
Списки
Таблицы
Формы, HTML5 формы

CSS

Введение, литература. Подключение стилей
Идентификаторы, классы, селекторы
Специфичность (вес селекторов)
Наследование и каскадирование
Величины в CSS
Форматирование текста, шрифты
Блочная модель
Резиновая и адаптивная верстка
Свойства ширины и высоты (min, max)
Плавающие элементы Float
Свойства фона, спрайты
Позиционирование
Наложение (z-index)
Строчно-блочные элементы
Стилизация списков
Стилизация форм
CSS3 стили. Введение. Градиенты. Тень. Скругленные углы
Псевдоклассы и специфичные селекторы
Псевдоэлементы
Тени текста, блоков
Трансформации
Переходы
Анимация
Практика стилизации (меню, кнопки, хлебные крошки, хинты)
Flex
Адаптивная верстка (медиа запросы)
Bootstrap введение. Сетка
Bootstrap компоненты и практика
Препроцессоры введение. SASS
БЭМ и применение в SASS
Grid Layer

JavaScript

Введение
Типы данных
Переменные
Операторы (бинарные, унарные)
Операторы сравнения
Преобразование типов
Условные операторы (if, тернарный)
Логические операторы (и, или, не)
Циклы (while, for)
Конструкция switch
Функции и аргументы
Рекурсия, стек
Методы и свойства. Введение
Семантика, строгий режим, валидация, отладка
Массивы
Объекты и методы
Замыкание и области видимости (закрепление)
Таймеры
json
Объекты BOM (window, history, navigator, location, screen)
Дерево DOM
Работа с DOM из консоли
Навигация в DOM
Поиск: getElement* и querySelector*
Добавление и удаление узлов
Введение. Всплытие и перехват. Делегирование событий
События мыши
События формы
События scroll, load, error, ready

jQuery

Введение. Литература
Селекторы
Атрибуты (классы, дата, получения значений, html)
Вспомогательные функции
DOM манипуляция
AJAX
События
Эффекты
Утилиты (плагины)

JavaScript ООП

ООП. Введение. Литература
ООП. Наследование через прототип
ООП. Начало цепочки наследования
ООП. Методы объекта
ООП. Наследование на классах
Закрепление материала
Объект Math
Класс Date
Localstorage (coockie.js)

Инструменты

Gulp

Angular

Установка и настройка
Создание компонентов и вывод списком
Сервер и сервисы
Директивы
Пайпы
Роутинг
Написание приложения

Кто читает этот курс?

Дмитрий Томчук

FRONT-END DEVELOPER (ANGULAR DEVELOPER)

5+ досвід роботи у WEB-розробці, спеціалізуюсь на JavaScript розробці з використанням Angular
Маю досвід роботи як на фрізансі так і у великих компаніях. Працював над створенням інтерфейсів великих маркетплейсів на кшталт eBay, Amazon and Walmart
Досвід викладача та ментора більше 3х років

Как проходит обучение?

Живые занятия

Обучение в онлайн формате с возможностью прямой коммуникации

90% практики

Практика с первого дня обучения: работа над реальным проектом для портфолио

Поддержка преподавателей

Закрытый Telegram чат группы с преподавателем, разбор домашних заданий и регулярная обратная связь

Карьерные ивенты

Онлайн-экскурсии в топовые IT-компании, тренинги по Soft Skills и подготовка к трудоустройству

Твое резюме после обучения

Максим Рудских FRONT‑END developer Trainee

Зарплата от 400$

График Работа в офисе

Образование Level Up

Ключевые навыки

Разработка проектов frontend-части с нуля
Разработка бизнес-логики и back-end системы для поддержки продукта
Проектирование пользовательских интерфейсов
Свободное владение JavaScript и JavaScript транспайлерами
Знание и опыт работы с популярным фреймворком React и его библиотеками
Владение инструментами контроля версий Git, GitHub
Понимание принципы построения бекэнда и разбираться в серверных технологиях
Сильные аналитические способности и внимание к деталям
Готовность учиться, расти и совершенствоваться в области качества

Так будет выглядеть твой электронный сертификат который ты сможешь добавить в свой CV

Посмотреть

Инструменты, которые вы освоите

HTML

Язык гипертекстовой разметки страниц, который применяют для разметки документов для просмотра веб-страниц в браузере. Его используют для того, чтобы дать браузеру понять, как нужно отображать загруженный сайт, или страницу.

CSS

Каскадные таблицы стилей. CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Также может применяться к любым XML-документам, например, к SVG или XUL.

JavaScript

Мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. JavaScript — единственный язык программирования для браузеров.

Bootstrap

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

DOM

Независящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов.

AJAX

Технология обращения к серверу без перезагрузки страницы, которые позволяют веб-приложениям работать асинхронно — обрабатывать любые запросы к серверу в фоновом режим техник разработки веб-интерфейсов, позволяющих делать динамические запросы к серверу без видимой перезагрузки веб-страницы: пользователь не замечает, когда его браузер запрашивает данные. AJAX обеспечивает динамичность и асинхронность web-разработок при отсутствии необходимости обновления страниц.

React

JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций. React может использоваться для разработки одностраничных и мобильных приложений.

Redux

Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения. Чаще всего используется в связке с React для разработки клиентской части.

MVC

Паттерн разработки, который позволяет разделить реализацию логики приложения, внешний вид (графический интерфейс, GUI) и взаимодействие с пользователями. С его помощью можно создавать логические части приложения отдельно друг от друга. То есть писать независимые блоки кода, которые можно как угодно менять, не затрагивая другие.

Git

Распределённая система управления версиями, которые помогают разработчикам следить за изменениями в коде.

github

Крупнейший веб-сервис для хостинга IT-проектов и их совместной разработки. Веб-сервис основан на системе контроля версий Git и разработан на Ruby on Rails и Erlang компанией GitHub. В первую очередь, сервис Gitub - это облачное хранилище файлов. Смысл в том, что на этом сервисе вы можете разместить какие-то файлы со своего компьютера и хранить их на удаленном сервере. Причем, делать вы это можете совершенно бесплатно.

Помогаем по трудоустройству

каждый выпускник Level Up получает помощь и поддержку Центра развития карьеры

Предоставляем консультацию

Вместе со специалистом ты проанализируешь свои компетенции, определишь карьерные цели и позиционирование на рынке труда

Помогаем с резюме

Вместе с карьерным менеджером ты составишь качественное резюме и сопроводительное письмо, которые помогут выделиться среди других кандидатов

Предлагаем вакансии

Менеджер по трудоустройству регулярно информирует студентов курса об актуальных вакансиях в наших компаний-партнеров

Способствуем твоем развития

Менеджер по трудоустройству создает бесплатные ивенты для развития твоих soft skills и HR-встречи с работодателями

Помогаем получить работу мечты

Ты научишься презентовать себя на собеседовании - очной или заочной. А если подаешь резюме на вакансии наших партнеров, менеджер по трудоустройству собирает обратную связь у работодателей.

Детали курса

Дата старта

26 октября

Длительность

180 часов, 30 недели

Расписание

Пн, Чт 18:00-21:00

Способи оплаты

10% скидка Сразу за курс

20% скидка ВСУ и военным

Покупка частями
от от 2 до 10 платежей без комиссии

Узнать стоимость и получить консультацию