Front End разработка

Курсыfront-end разработки

Освоите полный стек технологий для быстрого старта карьеры FrontEnd-разработчика.
Cтарт: по формированию

Записаться сейчас

Скидки для тех,
кто умеет планировать
-15% на обучение
с 21 по 29 декабря

О технологии

Веб-сайт состоит из двух частей. Клиентской, то есть страниц, которые отображаются в браузере пользователя, и серверной, где хранятся и обрабатываются данные. Фронтенд-разработка — процесс создания сложных интерактивных страниц и правил их взаимодействия с сервером. Для верстки страниц используют языки HTML и CSS. Интерактивность элементов и взаимодействие с веб-сервером программируют на языке JavaScript. Используется AJAX — метод неполной перезагрузки страниц фреймами. Разработка ведется с помощью фреймворков, например AngularJS или ReactJS, упрощающих программирование и тестирование.

О курсе

Курс охватывает все основные этапы Front End разработки. Комплексная программа курса рассчитана на новичков. Практическая направленность обучения позволит студентам получить навыки в веб-разработке с нуля и создавать сайты и приложения любой сложности. Вам предстоит выполнить много домашних заданий, а выпускной проект станет хорошим примером работы для вашего портфолио. Полученных навыков хватит для работы на позиции Junior Front End Developer.

О работе

Открытые вакансии Front End Developer в Днепре предлагают заработную плату от $400 для квалификации Junior до $4000 для квалификации Senior. При этом профиль работодателей очень широк — от больших аутсорсинговых компаний до квартирных веб-студий. Без фронтенд-разработчика создание сложного сайта невозможно. Получите незаменимую профессию на этом курсе, чтобы всегда иметь достойную работу.

Детали курса

Начало курса

по формированию

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

135 часов, 30 недель

Расписание

Пн 18:30-21:00, Пт 19:00-21:00

Стоимость

2890 грн в мес

с 21 по 29 декабря:

грн в мес

Освой перспективную специальность БЕЗ отрыва от работы и учебы!

Для кого курс?

Новичкам

Измените свою жизнь и освойте востребованную профессию в IT

Студентам

Получите практические навыки Front Еnd разработки

Дизайнерам

Прокачайте свои скилы и получите навыки создания сайтов

В результате обучения:

Научитесь самостоятельно создавать Web-странички и программировать скрипты

Сможете создавать Front Еnd составляющую классических многостраничных сайтов и одностраничных приложений

Овладеете практическим стеком технологий Front Еnd разработчика

На практике освоите Front Еnd программирование и работу над проектами с нуля

Приобретете опыт разработки адаптивных интерфейсов, оптимизации сайтов под мобильные платформы и опыт взаимодействия с AJAX и REST

Разработаете итоговый проект, который станет одним из примеров выполненных проектов

Получите навыки командной работы, которые ценятся в сфере разработки

Узнаете, как пройти собеседование и получите возможность получить работу в IT-компании

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

  • Протоколы передачи данных
  • Адресация в сети
  • IP — адрес
  • Доменное имя
  • Порт
  • Терминология (Сервер,порт,хост,сайт,домен,HTML-документ,URL)
  • Путь к странице
  • Что такое HTML
  • Структура HTML элементов
  • Вложенные элементы
  • Блочные и строчные элементы
  • Пустые элементы
  • Атрибуты
  • Структура HTML документа
  • Ссылки на сущности: Включение специальных символов в HTML
  • HTML комментарии
  • Заголовок HTML элемент
  • Метаданные
  • Добавление на страницу CSS & Javascript (link, script)
  • Заголовки и абзацы/параграфы
  • — иерархическая структура
  • — семантика
  • Списки
  • Курсив, жирный шрифт, подчеркивание
  • Гиперссылки
  • разбор URL
  • Абсолютные и относительные URL-адреса
  • Цитаты
  • Аббревиатуры
  • Разметка контактных данных
  • Верхний / нижний индексы
  • Представление компютерного кода на странице
  • Разметка времени и даты
  • Структура документа и вэб сайта
  • HTML для структурирования содержимого
  • Не семантические обертки
  • Перенос строки и горизонтальный разделитель
  • Валидный HTML и отладка
  • HTML изображения и мультимедиа
  • HTML таблицы
  • HTML формы
  • Синтаксис
  • Селекторы
  • Селекторы наличия и значения атрибута
  • Псевдоклассы и псевдоэлементы
  • Комбинирование селекторов
  • Значения и единици измерения
  • Цвет в CSS
  • Каскадирование
  • Наследование
  • Блочная модель
  • Типы блоков в CSS
  • CSS отладка и валидация
  • Стилизация текста
  • Стилизация списков
  • Стилизация ссылок
  • Шрифты
  • CSS layout
  • Normal flow — отображение элементов на страничке по умолчанию
  • Свойство display
  • Flexbox
  • Grid layout — сетка
  • Floats — обтекание элементов на странице
  • Позиционирование элементов на странице
  • Bootstrap 4
  • Что такое Bootstrap
  • Что нового в Bootstrap
  • Настройка окружения
  • Синтаксис и оформление
  • Компоненты
  • Сетка & Flexbox
  • javascript Widgets
  • создание шаблона
  • практика
  • создание темы landing (соц сеть)
  • создание темы for single page app (help book) + sass + koala
  • создание темы multiple page app (carusel + photo galery + video)
  • создание темы админка (редактор текста, пользователи, пользователи)
  • создание лендинг портфолио
  • Консоль разработчика
  • Введение в Javascript (роль Javascript)
  • Обьявление переменных var, let, const
  • Область видимости
  • Поднятие переменных
  • Поднятие функций
  • Глобальные переменные
  • Константы
  • Типы данных
  • Преобразование типов
  • Литералы
  • Спецсимволы
  • Инструкция блок {}
  • Условные инструкции
  • Обработка исключений (try … catch)
  • Promise
  • Циклы
  • — for
  • — do while
  • — while
  • — label
  • — break
  • — for .. in
  • — for .. of
  • Функции
  • — обьявление
  • — вызов
  • — параметры и аргументы
  • — область видимости (Scope), замыкания (Closure)
  • — стрелочные функции
  • — функция как конструктор обьекта
  • Операторы
  • — присваивания
  • — сравнения
  • — арифметические
  • — бинарные
  • — логические
  • — условный (тернарный) оператор
  • — унарные операторы
  • — операторы отношения
  • — приоритет выполнения операторов
  • Числа (объект Number, обьект Math)
  • Даты (объект Date)
  • Строки (объект String)
  • Регулярные выражения RegExp
  • Массивы (объект Array)
  • Коллекции Set & Map
  • Объекты
  • ООП, классы, прототипирование, наследование, конструкторы
  • патерны
  • Итераторы и генераторы
  • JSON
  • что такое API и как этим пользоваться
  • практика
  • — task list
  • — loan calculator
  • — number guesser
  • — book list (OOP from ES-5 to ES-6)
  • — jokes generator external API
  • — git hub project finder (git hub API)
  • — weather JS (fetch API)
  • — form validatioin with RegExp
  • — profile scroller (ES-6 iterator)
  • — callories traker (patterns)
  • — Microposts (CRUD Babel, Webpack)
  • what is Angular
  • install & setup / CLI
  • components & encapsulation
  • TypeScript
  • Modules
  • Strign Interpolation
  • 2 Way Binding
  • Class & Style Binding
  • Objects & Interface
  • ngIf, ngFor, ngSwitch
  • Pipes
  • Events
  • template Driven Forms
  • Validation
  • Services
  • Dependency Injection
  • HTTP Client
  • ngModel
  • Observables
  • Lifecycle
  • @Input
  • @Output
  • Component communication
  • Angular Router

Преподаватель курса:

Евгений Ступаченко

WEB Developer

Разработкой занимаюсь уже 6 лет. Есть опыт в разработке web-проектов различных типов от лендингов до интернет-магазинов и соц.сетей. Работаю как с Front End, так и Back End. Использую последние технологии и фреймворки в работе. Всегда в курсе самых свежих и эффективных методов веб-разработки. Преподаю 3 года и говорю просто о сложном.

Сергей Мирошник

Front-end developer, HTML-coder at Softum

Занимаюсь вёрсткой и разработкой 2.5 года. За это время завершил более 10 проектов и написал 2 Javascript библиотеки. Предпочитаю качество количеству, всегда открыт для дискуссий и свежих идей, не боюсь критиковать себя и критики со стороны – это движет вперёд.

Игорь Олейник

WEB Developer

Заниматься вёрсткой веб-страниц я начал ещё в школе, но тесно свою жизнь связал с веб разработкой в 2009 году. Начал с вёрстки и бекенда (wordpress) для своей команды, затем постепенно перешел и к JS-frontend. Слежу за развитием web стандартов и стараюсь применять актуальные технологии. Изучаю и внедряю подход frontend style guide.

Максим Некрашевич

Front-end developer, freelancer

Сразу после обучения в Level Up начал работать верстальщиком в студии Web-разработки HqSale. После смены руководства принял решение работать на фрилансе. Сотрудничал с Mad Masters и другими европейскими компаниями. Продолжаю выполнять заказы для европейских IT-компаний. С радостью научу решать проблемы клиентов и посетителей с помощью интерфейса сайта.

Ефанов Алексей

Front-end Developer в «Приватбанк»

Начинал как фрилансер 4 года назад, сейчас работаю в качестве front-end разработчика. В основном, мой текущий опыт связан с разработкой single page application для бизнеса. Не фанат подхода «Технологии ради технологий». Опыт преподавания — 1 год

Иван Домаранский

Full stack web developer at PrivatBank

Опыт в разработке более 2 лет. Основные задачи, с которыми сталкиваюсь каждый день: написание и поддержка сервисов для высоконагруженных систем; создание и рефакторинг веб-интерфейсов для внутрибанковского использования, участие в создании микросервисной архитектуры для бизнес процессов.

Пропустили занятие?
Не страшно, мы можем сделать для вас видеозапись этого урока, или подключить онлайн-трансляцию.

Отзывы о курсе:

Детали курса

Начало курса
по формированию
Длительность
135 часов, 30 недель
Расписание
Пн 18:30-21:00, Пт 19:00-21:00
Стоимость
2890 грн в мес

с 21 по 29 декабря:

грн в мес

Система лояльности

от стоимости обучения студентам вузов и выпускникам Level Up

от стоимости обучения на любой курс, если приведете друга

Скидка на обучающие курсы в утреннее и дневное время

Хочу скидку

Учеба в Level Up — это:

Поддержка преподавателя
Закрытый чат группы и преподавателя, где всегда можно решить возникающие вопросы по пройденному материалу
Командная работа
Основной упор делается на работу в команде: комплексные задания, распределение задач, сроки выполнения
Практические занятия
Теоретический материал обязательно закрепляем на практике. Большую часть времени уделяем получению практических навыков и работе с кодом
Карьерный коучинг
Бесплатные семинары и тренинги по составлению IT-резюме, подготовка к собеседованию и успешному его прохождению. Доступ к закрытому чату с вакансиями.
Стажировка
Основной упор делается на работу в команде: комплексные задания, распределение задач, сроки выполнения