Старт 8 Февраля

Курсы Одесса

Front-end разработки

Получите новую востребованную профессию и увеличьте свой уровень дохода всего за 3 месяца, внедрив опыт развития передовой WEB-студии Mobios

Скидка 10%

при оплате за весь курс

3 месяца

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

Проверка домашних заданий

Онлайн, можно учится не выходя из дома

После обучения - сертификат об окончании

Что вы получите?

От 0 до старта в Front-end направлении под руководством опытных разработчиков студии Mobios

Научитесь работать с HTML, CCS, JS

В процессе курса у Вас будет 5 полноценных проектов для Вашего портфолио.

Это удобно и не сложно

Вы будете работать с менторами в удобное для Вас время. При этом ваши работы будут проверяться и корректироваться преподавателем.

Понимание процесса создания сайтов

Мы научимся не только создавать HTML странички из PSD макета, но и покажем как создавать сайты на CMS WordPress и выгружать их на хостинг.

Готовность к реальному проекту

Вы структурировано изучите не только основы, но и освоите современные техники и приемы работы на реальных проектах.

Что входит в курс?

26 уроков

Которые Вы прорабатываете с преподавателем на практике

7 проектов в портфолио

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

Около 10

Крутых ресурсов для Вашего роста

5 дней

Консультации и поддержки от Вашего преподавателя

Для кого? И где это применять?

Для студентов
и менеджеров

Ты сможешь работать на позиции Junior Front-end разработчика в IT-компании

Для тех, кто хочет
быть фрилансером

Ты сможешь сам выбирать место, график и проекты. Или можете собрать команду и работать над собственным проектом

Для тех, кто хочет работать
с западными компаниями

Сейчас IT-разработчик очень ценится и Вы сможете работать в любой точке мира и зарабатывать в $

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

Прослушивание урока в оборудованной студии в центре города

1

Домашнее задание и подготовка к реальным проектам

2

Проверка ДЗ и рекомендации куратора курса

3

Сдача готового проекта

4

Вы занимаетесь в студии, с профессиональным оборудованием.

Вам нужно лишь желание учиться и свободное время два раза в неделю.

Только действующие Front-end разработчики студии Mobios проверяют и консультируют Вас

Программа обучения

Блок 1

Блок 2

Блок 3

Блок 4

Блок 5

Блок 6

Урок 1Знакомство с HTML

  • понятие "тегов";
  • синтаксис.

Урок 2Основные HTML элементы

  • работа с изображениями;
  • ссылки;
  • списки;
  • создание форм и таблиц.

Урок 3Введение СSS

  • знакомство с каскадными таблицами стилей;
  • способы подключения css;
  • блочные и строчные элементы.

Урок 4Шрифты

  • подключение собственных шрифтов;
  • основные свойства шрифтов.

Урок 5Псевдоэлементы и псевдоклассы. Позиционирование

  • понятие позиционирования;
  • относительное и абсолютное позиционирование;
  • псевдоэлементы.

Урок 6Верстка макета

  • основы работы с Photoshop / Avocode;
  • понятие «блочной верстки»;
  • верстка из PSD макета.

Урок 7Подключение внешних ресурсов

  • подключение библиотеки jQuery;
  • работа с Slick Slider;
  • Font Awesome;
  • Bootstrap Tabs;
  • Google maps и YouTube video.

Урок 8Технология Flexbox

  • Понятие Flex;
  • Flex container и Flex item;
  • Основные свойства.

Урок 9Введение в CSS фреймворк Bootstrap 4

  • понятие «фреймворк»;
  • установка Bootstrap 4;
  • CSS-компоненты;
  • JS-компоненты;
  • верстка примера.

Урок 10Практическая работа по Bootstrap 4

  • вёрстка макета с использованием Bootstrap 4.

Урок 11Вёрстка макета

  • работа с преподавателем.

Урок 12Адаптивная верстка

  • медиа-запросы;
  • гибкие изображения;
  • использование относительных единиц измерения.

Урок 13Введение в БЭМ и SASS

  • методология БЭМ, примеры, рекомендации к использованию;
  • основы препроцессора SASS, коспиляция с помощью программы Koala.

Урок 14Хостинг. Работа с хостингом.

  • понятие хостинга;
  • личный кабинет в панели управления хостингом;
  • работа с доменами и базами данных.

Урок 15Введение в WordPress

  • понятие CMS;
  • установка Open Server;
  • установка WordPress на локальный сервер;
  • основы работы с базой данных, phpMyAdmin.

Урок 16Работа с темой WordPress

  • настройка и редактирование выбранной темы;
  • вывод элементов с админ-панели;
  • подключение внешних ресурсов, установка плагинов;
  • интеграция макета.

Урок 17Практика WordPress

  • интеграция макета в WP тему.

Урок 18Введение в Gulp и NPM

  • установка Node.js;
  • разбор package.json;
  • разбор gulpfile.js;
  • настройка оптимизации изображений;
  • настройка оптимизации скриптов и компиляции файлов scss;
  • запуск сборки.

Урок 19Введение в программирование

  • языки программирования, их виды и назначение;
  • алгоритмы в программировании;
  • простейшие программы.

Урок 20Логические структуры - введение в JavaScript

  • введение в JavaScript;
  • синтаксические и семантические составляющие языка;
  • переменные и функции в JS;
  • особенности работы языка в браузере, DOM.

Урок 21Логические структуры

  • операторы if else;
  • циклы и их виды;
  • switch-case.

Урок 22Объекты

  • массивы и объекты;
  • объекты window и document;
  • DOM - дерево.

Урок 23Знакомство с jQuery

  • функция $();
  • отбор элементов по id и классу, тегам: работа с атрибутами;
  • манипулирование классами.

Урок 24Работа с библиотекой

  • работа с атрибутами;
  • манипулирование классами;
  • обработчики событий.

Урок 25Завершающий урок по jQuery

  • интеграция jQuery в дипломный проект;
  • работа с мобильным меню проекта;

Урок 26Проверка дипломных работ

  • тестирование проекта.

Итоги курса

Сертификат

После прохождения курса, выполнения 50% домашних заданий и защиты дипломной работы Вы получаете сертификат Front-end разработчика

Портфолио

Портфолио проработанное с преподавателем, что поможет Вам в поиске работы или заказов

Бонус

Крутой бонусный урок "Как создать свое резюме, так чтобы работать в крутых студиях или как работать на фрилансе?"

Что я смогу по окончанию курса?

Представляем Вам работы студентов, которые ранее уже прошли этот курс

Верстка макетов любой сложности с учетом адаптивности под мобильные устройства

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

Портфолио проработанное с куратором, что поможет Вам в поиске работы или заказов

Разработка дипломного проекта по индивидуальному дизайну от выпускников курса UI/UX/WEB-design. Вы сможете создавать лендинги, корпоративные сайты, интернет магазины и другие виды сайтов.

Крутой бонусный урок "Как создать свое резюме,так чтобы работать в крутых студиях или как рабтать на фрилансе?"

Сертификат по окончанию

При сдаче дипломного проекта и 50% домашних заданий , мы вручаем сертификат успешным студентам курса

Уверен, ты можешь даже лучше! Хочешь? Записывайся на курс!

Зарегистрируйтесь
Оплатите
Старт курса 8 Февраля

Забронируйте место по низкой цене

Ваше имя
Ваш Email
Ваш Город
Ваш телефон

Отправить

Ваши данные никогда не будут переданы 3-м лицам

Цена сегодня до 25.12
8250
грн/курс
8700 грн/курс
Повышение цены: 25.12
21323 руб/341 USD
*Бронь места только по 100% оплате
После 25.12 стоимость повышается:
8700грн за весь курс!

Возможна оплата частями (40%/30%/30%)

Стоимость курса

Цена

Стоимость курса
  • У нас очень гибкая система оплаты:
  • поэтапное повышение цены: чем раньше оплата - тем меньше стоимость;
  • вы можете сэкономить до 5% оплатив одним платежом;
  • -5% за приведенного друга!
  • Дорогие студенты, записывайтесь, пожалуйста, заранее! Количество мест ограничено
  • Таблица стоимости на курс стационара
Цена с 25 Ноября до 25 Декабря с 25 Декабря до 10 Января с 10 Января до 25 Января с 25 Января до 8 Февраля
За курс, при оплате частями 2900/2900/2900 грн 3000 / 3000/ 3000 грн 3200 / 3200 / 3200 грн 3300/3300/3300 грн
За курс со скидкой 10%, при оплате сего курса одним платежом 8250 грн 8550 грн 9150 грн 9400 грн
За месяц (4 месяца) 8700 грн 9000 грн 9600 грн 9900 грн
Детали узнавайте у менеджеров

Как это было у наших студентов?

У нас каждый месяц обучается 200+ учеников, которые потом становятся успешными разработчиками. Ключевой показатель успеха для Нас - это успех наших учеников.

Новости

Что такое веб-сокеты?

Что такое веб-сокеты?

Веб-сокеты — это передовая технология, которая позволяет создавать интерактивное соединение между клиентом (браузером) и сервером для обмена сообщениями в режиме реального времени. Веб-сокеты, в отличие от HTTP, позволяют работать с двунаправленным потоком данных, что делает эту технологию совершенно уникальной. Давайте разберемся, как работает эта технология и чем она отличается от HTTP.

Читать далее
Поговорим о верстке?

Поговорим о верстке?

На самом деле в IT сфере работает большое количество гуманитариев, которые в один момент просто поняли, что хотели бы изучать, к примеру, именно верстку. Научиться можно чему угодно, исходные данные в IT не важны, важно желание и ежедневная практика, как и во всех сферах.

Читать далее
Кто такой Front-end developer ?

Кто такой Front-end developer ?

Фронт-энд разработчик (с англ. «front-end developer») — это программист, занимающийся разработкой пользовательского интерфейса, то есть внешней публичной части сайта в браузере. Главная задача фронт-энд разработчика — сделать максимально удобным взаимодействие пользователей с сайтом или веб-приложением.

Читать далее
Выберите мессенджер:
Выберите оператора:

Написать нам в