Не упусти!

Круто, что тебе интересны наши курсы!

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

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

Отлично!

Ваш промокод на скидку отправлен на Ваш E-mail. Проверте пожалуйста Вашу почту.

Проверьте все папки в вашем почтовом ящике (спам, промоакции).

Онлайн курс

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

Курс находится на обновлении - следующий набор переносится. Дата будет известна после апреля. В данный момент есть открытая запись на самостоятельные мини курсы:

front-end

3 месяца

front-end

Постоянная консультация куратора

front-end

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

front-end

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

front-end

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

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

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

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

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

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

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

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

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

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

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

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

26 уроков

Которые вы можете просмотреть в удобное время

12 вебинаров

На которых вы сможете разобрать с экспертом практические примеры

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

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

Более 10

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

5 дней

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

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

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

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

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

для фрилансеров

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

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

для работы с западными компаниями

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

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

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

Обучение у экспертов. Ознакомление с уроком в любом месте и в любое время

1

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

2

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

3

Доступ с к следующему уроку

4
курс front-end

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

курс front-end

Вам нужны только компьютер, интернет и желание учиться

курс front-end

Только действующие 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 разработчика

Портфолио

Портфолио

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

Бонус

Бонус

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

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

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

Верстка макетов

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

курсы front-end

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

курсы front-end

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

курсы front-end

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

курсы front-end

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

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

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

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

Зарегистрируйтесь
Оплатите
Старт курса 01 Января
Мест нет!
Предлагаем ознакомится с новым форматом курса

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

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

Выпускник курса FRONT-END разработки
Светлана Выпускник курса FRONT-END разработки

Хороший курс!  Объяснили доходчиво, интересно, быстро и объемно. 

Выпускник курса FRONT-END разработки
Богдан Выпускник курса FRONT-END разработки

Понятный и легкий курс. Пришел с небольшими знаниями, но всё равно смог получить много полезно для правильной верстки. Спасибо преподавателям Front-end и в целом всему коллективу .

Выпускник курса FRONT-END разработки
Дмитрий Выпускник курса FRONT-END разработки

Достаточно эффективный курс по фронтенду, мне очень понравился вид занятий, так как занимались на хорошем профессиональном обудовании, где и так работаю разработчики студии. Это давало свой стимул к работе )) Большое спасибо, за знания)

Выпускник курса FRONT-END разработки
Антонина Выпускник курса FRONT-END разработки

Приятно было получить сертификат, за свою работу. Обучение прошло быстро, преподаватели всегда были на связи по разным вопросам. На начало курса у меня были основы языков программирования, но здесь я уже смог улучшить свои знания!) Это как хороший старт к своей профессии. Развивайтесь и не жалейте на это времени!

Выпускник курса FRONT-END разработки
Анонимно Выпускник курса FRONT-END разработки

Я многому научилась на курсе,получила огромный багаж ценных знаний, а также он дал мне больше уверенности в собственных силах. Спасибо! Пусть Mobios School процветает! :)

Выпускник курса FRONT-END разработки
Андрш Виктория Выпускник курса FRONT-END разработки

Хороший курс , спасибо!

Новости

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

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

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

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

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

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

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

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

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

Читать далее
Выберите курс:
Ваш менеджер:
Мероприятия

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