Курс Front-end разработки в Бишкеке

Front-end разработчик занимается версткой шаблона сайта и созданием пользовательского интерфейса. Обычно front-end разработчик — это мастер на все руки. Он просто обязан быть искусным верстальщиком и хорошим программистом.

Старт: 19 января в 19:00

Начать обучение

Дата начала курсов «Front-end разработчик»

Старт курса: 19 января в 19:00

Чем вы будете владеть после курса

Это первая ступень на пути к получению профессии "Веб-разработчик". Вы сможете верстать сайты любой сложности, узнаете как работать с чужим кодом

HTML 5

Верстать современные сайты посредством HTML5

CSS 3

Свободное и легкое владение популярным CSS3

JavaScript

Придайте сайту интерактивность

Bootstrap

Верстать макеты с популярным фреймворком

Sublime text

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

jQuery

Научитесь упрощать и ускорять код JavaScript

Почему стоит выбрать курс вёрстки?

На сегодняшний день вакансия верстальщика одна из востребованных и перспективных. Средняя зарплата верстальщика в Бишкеке составляет от 300$ до 1000$ в месяц.

Личное портфолио

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

Море практики

Скучно не будет! Много практики и домашних заданий

Окупаемость обучения

Уже с первого заказа вы сможете окупить свои деньги

Заряд энергии

Получите мощный заряд энергии, позитива, веры и мотивации

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

В курс входят 39 занятий по 2 часа.
Уроки проходят 3 раза в неделю с 19.00 до 21.00 ч.

Первое занятие

  • Знакомимся
  • Работа с чатом и системой bitrix24
  • Необходимые программы (настройка)
  • Как пользоваться материалами

Введение в HTML

  • Что такое сайт
  • Что такое веб страница
  • Виды сайтов
  • Процесс разработки сайта
  • Что такое гипертекст, теги и атрибуты

Основы HTML

  • Структура html-документа
  • Часто используемые теги
  • Форматирование
  • Комментарии
  • Изображения и гиперссылки
  • Таблицы. Структура и атрибуты
  • Стилизация таблиц

HTML #2

  • Списки
  • Работа с формами
  • Элементы форм
  • Стилизация элементов формы
  • Валидация форм

Введение в CSS

  • Способы подключения CSS на страницу
  • Работа CSS с цветами
  • Селекторы и их виды
  • Работа с фоновыми изображениями
  • Псевдо - классы
  • Псевдо - элементы :before и :after

Вёрстка

  • Блочная вёрстка
  • Блочные и строчные элементы
  • Основные элементы для верстки
  • Блочная модель
  • Float - плавающие элементы
  • Inline-block – строчно – блочные элементы
  • Значимость и зависимость селекторов

Вёрстка #2

  • Позиционирование элементов
  • z-index – изменение положения элемента
  • Нестандартные шрифты
  • Шрифтовые иконки

Работа с psd-макетом

  • Основы Photoshop
  • Исследуем макет
  • Нарезка макета
  • Изображения для web
  • Спрайты

Вёрстка #3

  • Построение layout
  • Логические блоки HTML5, их назначение
  • БЭМ – методология именования классов
  • Модульная верстка
  • Изменение блочной модели

CSS3

  • Тени, градиенты
  • Плавные переходы, трансформации
  • Анимация на CSS
  • Префиксы

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

  • Медиа – запросы
  • Относительные единицы (%, em, rem)
  • Оптимизация изображений и видео
  • Оптимизация под retina дисплеи
  • Понятие breakpoint

Фреймворк Bootstrap

  • Система сеток
  • Типографика и код
  • Хелперы
  • Выпадающий список Bootstrap темы

Работа с консолью и пакетные менеджеры

  • Работа с консолью
  • Основные команды
  • NPM – пакетный менеджер Node.js
  • Bower

JavaScript #1

  • Введение в JS
  • Типы данных в JS
  • Введение в функции
  • Типы объявления функций
  • Замыкания и каррирование
  • Анонимные функции
  • Всплытие переменных и функций

JavaScript #2

  • Работа со строками
  • Работа с массивами
  • Что такое DOM
  • События (DOM Events)
  • Таймеры

jQuery

  • Cобытия документа
  • Селекторы
  • Навигация по DOM
  • Работа со свойствами и атрибутами
  • Создаем контент

Препроцессоры для css

  • Разбираемся с препроцессорами
  • Преимущества препроцессоров
  • Препроцессор SASS
  • Программы для компиляции SASS
  • Вложенности селекторов
  • Функции
  • Примеси

SVG

  • Базовые фигуры
  • Масштабирование SVG
  • Рабочая область
  • Организация документа

Flexbox

  • Флексбокс - модуль CSS3
  • Поведение флексбокс
  • Смена расположения осей
  • Выравнивание главной оси
  • Свойства flex-элементов

GULP

  • Cборщик GULP – настройка
  • Сборка проекта
  • Отслеживание ошибок
  • Dev и продакшн
  • Gulp watch – отслеживание изменений

Препроцессор PUG (Jade)

  • Содержимое блоков
  • Вложенность блоков
  • Таск для jade в gulp
  • Структурирование Jade
  • Include - подключение сторонних файлов

Git - система контроля версий

  • Общие сведения о Git
  • Установка Git под Windows
  • Основные используемые функции
  • Работа через консоль
  • Работа из графического интерфейса

CMS Modx revolution

  • Создание баз данных
  • Установка CMF
  • Настройка .htaccess
  • Компоненты для работы с Modx revo
  • Установка своего шаблона и его настройка
Показать полностью

Преподаватель

Александр Сомятов

Преподаватель курса Front-end разработчик

Занимаюсь программирование уже более 7 лет. Начинал верстать сайты в далеком 2005 году, и было очень интересно наблюдать когда из кода сайт превращается в статичную картинку. Теперь могу с уверенностью сказать что Будущее — за инновациями и информационными технологиями.

Почему курсы Redmouse

В наших учебных классах приятно находиться и комфортно обучаться, а наш учебный центр удобно расположен и его легко найти.

Онлайн поддержка с преподавателем

Каждый преподаватель знает, как формируются навыки, с какими трудностями вы можете столкнуться, и своевременно оказывает вам онлайн-поддержку через знаменитые мессенджеры, такие как Skype, Whatsapp, Bitrix24.

Просматривайте видеоурок в удобное для Вас время

Запись видеоурока можно пересмотреть в удобное время — вы легко наверстаете упущенное, если по каким-то причинам пропустили занятие. Такая возможность является существенным преимуществом, так как это повышает шансы успешного завершения обучения.

Домашние задания и личная проверка Эксперта

Вы получите полный Фидбек от эксперта преподавателя, оперативную проверку домашнего задания, и заслуженные баллы. Работая дома, вы не только закрепляете полученные на уроке знания и умения, но и приобретаете навыки самостоятельной работы, воспитываете в себе организованность.

Получите заслуженный фирменный сертификат

Каждый ученик наших курсов получает фирменный сертификат который становится весомым дополнением к вашему резюме.

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

Запись на курсы online

Оставь заявку и мы тебе перезвоним. У вас есть возможность оплаты в рассрочку, забронируй себе место.

Спасибо! Ваши данные успешно отпралены.