Онлайн курс
Front-end разработки
Курс находится на обновлении - следующий набор переносится. Дата будет известна после апреля. В данный момент есть открытая запись на самостоятельные мини курсы:
3 месяца
Постоянная консультация куратора
Проверка домашних заданий
Онлайн, можно учится не выходя из дома
После обучения - сертификат об окончании
Что вы получите?
От 0 до старта в Front-end направлении под руководством опытных разработчиков студии Mobios
В процессе курса у Вас будет 7 полноценных проектов для Вашего портфолио.
Вы будете работать с менторами в удобное для Вас время. При этом ваши работы будут проверяться и корректироваться куратором.
Мы научимся не только создавать HTML странички из PSD макета, но и покажем как создавать сайты на CMS WordPress и выгружать их на хостинг.
Вы структурировано изучите не только основы, но и освоите современные техники и приемы работы на реальных проектах.
Что входит в курс?
26 уроков
Которые вы можете просмотреть в удобное время
12 вебинаров
На которых вы сможете разобрать с экспертом практические примеры
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 разработчика
Портфолио
Портфолио проработанное с куратором, что поможет Вам в поиске работы или заказов
Бонус
Крутой бонусный урок "Как создать свое резюме, так чтобы работать в крутых студиях или как работать на фрилансе?"
Что я смогу по окончанию курса?
Представляем Вам работы студентов, которые ранее уже прошли этот курс
Сертификат по окончанию
При сдаче дипломного проекта и 50% домашних заданий , мы вручаем сертификат успешным студентам курса
Уверен, ты можешь даже лучше! Хочешь? Записывайся на курс!
Как это было у наших студентов?
У нас каждый месяц обучается 200+ учеников, которые потом становятся успешными разработчиками. Ключевой показатель успеха для нас - это успех наших учеников.
Новости
Что такое веб-сокеты?
Веб-сокеты — это передовая технология, которая позволяет создавать интерактивное соединение между клиентом (браузером) и сервером для обмена сообщениями в режиме реального времени. Веб-сокеты, в отличие от HTTP, позволяют работать с двунаправленным потоком данных, что делает эту технологию совершенно уникальной. Давайте разберемся, как работает эта технология и чем она отличается от HTTP.
Читать далееПоговорим о верстке?
На самом деле в IT сфере работает большое количество гуманитариев, которые в один момент просто поняли, что хотели бы изучать, к примеру, именно верстку. Научиться можно чему угодно, исходные данные в IT не важны, важно желание и ежедневная практика, как и во всех сферах.
Читать далееКто такой Front-end developer ?
Фронт-энд разработчик (с англ. «front-end developer») — это программист, занимающийся разработкой пользовательского интерфейса, то есть внешней публичной части сайта в браузере. Главная задача фронт-энд разработчика — сделать максимально удобным взаимодействие пользователей с сайтом или веб-приложением.
Читать далее