КУРС "FRONT-END WEB DEVELOPMENT"

Старт ближайшей группы

Июль, 2017 г.

Воскресенье

14:30-19:00

28 занятий по 4,5 часа

Длительность: 7 месяцев

 

5 ноября

Воскресенье

10:00-14:30

28 занятий по 4,5 часа

Длительность: 7 месяцев

 

7 платежей по 1900 грн

 

 

Сложность курса: ★★★★☆

 

 

 

вступительный тест записаться на курс
×

Записаться на курс

×

Записаться Online

Что Вы будете уметь

✓ Cоздавать, верстать сайты

✓ Интегрировать различные скрипты

✓ Работать с CMS системой WordPress

✓ Cоздавать собственные шаблоны для CMS

✓ Освоите Bootstrap, Flexbox

✓ Писать код организовывая в AMD/CommonJS/UMD модули

✓ Работать с git репозиториями

Гарантия возврата средств

Мы считаем, что честность важнее сиюминутного заработка.

Поэтому в Академии IMT действует быстрая и простая процедура по возврату денежных средств, в случае, если у студента больше нет возможности/целесообразности посещать занятия.

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

 

Будние дни: 42 занятия по 3 часа | Выходные дни 28 занятий по 4,5 часа | Стоимость курса: 13 300 грн./мес. помесячная оплата | Сложность курса: ★★★★☆
Записаться: (056) 767 27 67, (097) 441 90 77, (095) 723 98 32 | e-mail: uc@seotech.com.ua

НА КУРСЕ FRONTEND РАЗРАБОТЧИК ВЫ:

  • в отличие от курса «HTML верстальщик», получаете специализацию, а не только базовые знания и навыки;
  • осваиваете базу HTML/HTML5 и варианты использования CSS/CSS3;
  • получаете опыт в установке CMS системы WordPress;
  • учитесь и практикуетесь в создании web-страниц, наполненных необходимыми текстовыми и графическими элементами, гиперссылками;
  • начнете собственноручно создавать полноценные сайты любой сложности;
  • будете грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером.
  • начнете результативно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта.
  • познакомитесь с JSON.
  • освоите JavaScript, Ajax.
вступительный тест

Frontend курсы в IMT полезны для:

  • старт Желающих реализовать себя в разработке сайтов
  • aud_ic2 Тех, кто хочет грамотно и корректно создавать сайты
  • aud_ic3 Тех, кто хочет получить реальный практический опыт в HTML-верстке
  • перезагрузка Тех, кто хочет получить высокооплачиваемую работу в перспективной сфере IT

КУРСЫ FRONTEND РАЗРАБОТКИ В АКАДЕМИИ IMT – ЭТО:

  • полный курс CSS/JS/AJAX/JSON;
  • обучение по будням и выходным;
  • современная теоретическая база в комплексе с продуктивными практическими занятиями;
  • практические задания с изучением и применением инструментов прямо во время занятия;
  • интересные домашние задания, цель которых — повысить ваш профессионализм и закрепить пройденный материал на практике;
  • обучение у практикующего профессионала, помощь и поддержка в течение и по завершении курса;
  • расширение круга общения, возможность обрести новых друзей со схожими интересами и целями.

Обучение строится по принципу: «Делать, делать и еще раз делать». Забудьте о скучных конспектах из множества учебников по программированию. На курсе «Frontend разработчик» вы получаете выжимку лучшего и необходимого. Это те знания, которые вы начнете применять на практике уже во время занятий. Говоря проще, наш курс – это инвестиции в себя и получение востребованной специальности.

Заявка на курс

ПРОГРАММА КУРСА ФРОНТЕНДА

Программа курса «Frontend разработчик» собрала в себе все знания и практический опыт, накопленные с 2009 года. Наша главная задача — это конвертация ваших теоретических знаний в практические навыки. Вы начинаете с изучения самых азов и постепенно доходите до создания собственного сайта. После успешного окончания нашего курса вы уже имеете широкий запас профессиональных знаний и навыков для более глубокого изучения веб-технологий. Систематичное посещение занятий и выполнение домашних задания — залог успешного прохождения курса «Frontend разработчик».

  • 1 модуль

    Введение в HTML/HTML5

    Основы работы сайтов, общие сведения

    Инструментарий

    Программы необходимые для создания сайтов

    Теги. Что такое тег?

    Основные сведения о тегах

    Парные теги

    Правила применения тегов

    Атрибуты тегов

    Общая структура

    Обязательные теги

    Типы тегов

    Теги верхнего уровня

    Теги заголовка документа

    Блочные элементы

    Строчные элементы

  • 2 модуль

    Ввод в WEB дизайн

    Истоки веб-дизайна

    Принципы растровой и векторной графики

    Особенности растровой и векторной графики

    Образование цвета в компьютерной графике

    Цветовая модель RGB и CMYK

    Основы теории цвета

    Психология цвета

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

    Типология веб-интерфейсов

    Принципы архитектуры сайта

    Основные течения в веб-дазайн

    Реализм и примитивизм в веб-дизайне

    Обзор программ для создания компьютерной графики

  • 3 модуль

    Введение в JavaScript, основные сведения, синтаксис

    Общие сведения о JavaScript

    Разница между компилируемыми и интерпретируемыми языками

    Подключение JavaScript на страницу

    Использование редакторов кода

    Принципы исполнения кода

    Понятие инструкции

    Переменные, именование переменных, объявление переменных

  • 4 модуль

    Знакомство с Adobe Photoshop CC 2015

    Фреймворк Adobe Photoshop CC 2015

    Инструменты и фильтры Adobe Photoshop CC 2015

    Слои и работа с ними в Adobe Photoshop CC 2015

    Создание простых документов и документов с монтажными областями в Adobe Photoshop CC 2015

  • 5 модуль

    Форматирование текста в HTML

    Абзацы

    Заголовки

    Начертание

    Верхний и нижний индексы

    Вставляем спецсимволы

    Делаем ссылки

    Абсолютные и относительные ссылки

    Правила вложений для тега

    Атрибуты ссылок

    Ссылка на адрес электронной почты

    Якоря. Ссылка на часть страницы

    Теги для списков

    Теги для таблиц

    Теги для фреймов

    Значения атрибутов тегов

    Цвет. Размер. Адрес

  • 6 модуль

    Основы JavaScript

    Функции ввода и вывода

    alert

    prompt

    Основные операции

    Операции присваивания

    Математические операции

    Конкатенация строк

    Типы данных

    Числа

    Строки

    Преобразование типов

    Явное преобразование

    Неявное преобразование

  • 7 модуль

    Основы типографии. Модульная сетка

    Основы типографии

    Шрифты и работа с ними

    Подбор шрифта. Установка новых шрифтов

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

    Выбор модульной сетки

  • 8 модуль

    Векторная графика в Adobe Photoshop CC 2015.

    Кривые Безье

    Инструменты для создание и редактирование кривых Безье в Adobe Photoshop CC 2015

    Группа инструментов «Векторные фигуры» в Adobe Photoshop CC 2015

    Преобразование контуров в Adobe Photoshop CC 2015

  • 9 модуль

    Вставка и форматирование изображений

    Форматы файлов

    Добавление рисунка

    Альтернативный текст

    Изменение размеров рисунка

    Списки

    Создание списков различных типов

    Маркированный список

    Нумерованный список

    Список определений

  • 10 модуль

    Условия

    Операторы сравнения

    Логические операторы

    Оператор И

    Оператор ИЛИ

    Оператор НЕ

    Тернарный оператор

    Условный оператор if…else

    Лесенка else if

  • 11 модуль

    Практика по JS

  • 12 модуль

    Практика  JS

  • 13 модуль

    Создание и форматирование таблиц

    Атрибуты таблиц

    Особенности таблиц

    Выравнивание таблиц

    Объединение ячеек

    Вложенные таблицы

  • 14 модуль

    Логотипы и иконки в Adobe Photoshop CC 2015

    Принципы построения логотипов и иконок

    Создание простейших логотипов и иконок в Adobe Photoshop CC 2015

  • 15 модуль

    Циклы (часть 1)

    Общее понятие цикла

    Цикл while

    Цикл do…while

    Цикл for

    Вложенные циклы

  • 16 модуль

    Массивы

    Общее понятие массива

    Индексированные массивы

    Методы массивов

  • 17 модуль

    Работа с формами

    Что такое формы и для чего они нужны?

    Методы отправки данных форм

    Элементы формы

    Атрибуты элемента формы

    «Пуленепробиваемые» формы

  • 18 модуль

    Циклы (часть 2)

    Объекты как ассоциативные массивы

    Цикл for…in

    Практика — представления товара в виде

  • 19 модуль

    WEB UI. MOCK-UP

    Что такое WEB UI и его особенности

    Скролеры, строка состояния

    Элементы взаимодействия

    Элементы html формы

    Календарь, товар, корзина

    Создание своего набора WEB UI

    Что такое MOCK-UP?

    Смарт-слой в Adobe Photoshop CC 2015 и работа с ним

    Создание собственного MOCK-UP

  • 21 модуль

    Введение в стили CSS/CSS3

    Преимущества стилей

    Способы добавления стилей на страницу

    Типы носителей

    Базовый синтаксис CSS

    Значения стилевых свойств

    Селекторы тегов

  • 22 модуль

    Функции и строки

    Строки в JavaScript

    Неизменяемые строки

    Методы split и join

    Метод substr

    Метод IndexOf

    Функции

    Объявление функций

    Вызов функций

    Аргументы функции

    Возврат значения

  • 23 модуль

    Практика JS

  • 25 модуль

    Классы, идентификаторы

    Контекстные селекторы

    Соседние селекторы

    Дочерние селекторы

    Селекторы атрибутов

    Универсальный селектор

    Псевдоклассы, псевдоэлементы

    Группирование

    Наследование

    Каскадирование

    Идентификаторы и классы

  • 26 модуль

    Введение в DOM

    DOM в браузере

    Взаимосвязи объектов DOM

    Выборка объектов

    Точки входа

    Атрибут style

    Методы getElement*

    Методы queryselector и querySelectorAll

  • 27 модуль

    Разработка сайта «Визитка», «Промо» и блога

    Что такое сайт «Визитка» и «Промо»?

    Особенности UI сайта «Визитка», «Промо» и блога

    Moodboard

    Практика. Создание дизайна простого блога

    Практика. Создание дизайна Moodboard

  • 29 модуль

    Блочная верстка

    DIV’ная верстка

    Создание макета страницы

    Делаем «Резиновый» сайт

    Адаптивная верстка, как сделать?

    Применение сетки

    Отличие верстки на DIV’ах от табличной

    Размещение блоков страницы в DIV’ах

  • 30 модуль

    События и изменение DOM

    События в javaScript

    Изменение DOM

    innerHTML

    createElement

    createTextNode

    appenChild

    insertBefore

    removeChild

    setInterval и setTimeout

  • 31 модуль

    Практика по HTML(Верстают нарисованные страницы)

  • 33 модуль

    Валидация документов (проверка кода)

    Проверка данных на валидность

    Валидация CSS

    Написание корректного кода

    Написание эффективного кода

    Исправление ошибок

    Сервисы и инструменты проверки кода

    Требования к коду W3C

    Для чего нужна валидация кода?

  • 34 модуль

    Дизайн сайтов e-commerce

    Особенности UI сайтов e-commerce

    Архитектура домашней страницы интернет-магазина

    Практика. Создания дизайна домашней страницы интернет-магазина

  • 35 модуль

    Практика по JS(Добавление интерактива на сверстанные страницы)

  • 37 модуль

    Flex

    Что такое Flex

    Применения Flex в блочной верстке

    Стиливые особенности Flex

  • 38 модуль

    Объект Data, углубление событий

    Всплытие событий

    Принципы всплытия событий

    stopPropagation

    preventDefault

    События формы

    Объект Date

    Временная метка (timestamp)

    Разница дат

    Benchmark

  • 39 модуль

    Практика по Дизайну и HTML(Дорисовка главной страницы интернет-магазина и ее верстка)

  • 41 модуль

    Практика по JS(Добавление интерактива к главной странице интернет-магазина )

  • 42 модуль

    CSS анимация и эффекты

    Основы анимации CSS

    Добавление CSS эффектов

    Transition

  • 43 модуль

    Вывод товаров и UI в e-commerce. Карточка товара в e-commerce

    Каталог товаров и его особенности

    Фильтр и сортировка товаров

    Практика. Создания дизайна страниц каталога интернет-магазина

    Особенности UI карточки товара

    Использование табов в карточки товара

    Практика. Создания дизайна карточки товара в интернет-магазина

  • 45 модуль

    ООП

    Основы ОПП в JS

    Свойства и методы

    Наследование в JS

    Prototype

  • 46 модуль

    Практика применения ООП

  • 47 модуль

    Практика по HTML(Верстка внутренних страниц интернет-магазина)

  • 49 модуль

    Оформление заказа (корзина) в e-commerce

    Особенности UI «Корзины»

    Оформления товара – на одной страницы и пошаговое

    Практика. Создания дизайна страниц оформления заказа в интернет-магазина

  • 50 модуль

    Формы и события форм в JS

    Выборка форм

    Работа с полями формы

    Событие формы

  • 51 модуль

    Практика JS(работа с формами)S

  • 52 модуль

    Практика JS(работа с формами)

  • 53 модуль

    Landingpage

    Особенности UI Landingpage

    Практика. Создания дизайна Landingpage

  • 54 модуль

    Cookie в JS

    Общие понятие Cookie

    Создание и удаление Cookie

    Изменение содержимого Cookie

  • 55 модуль

    Практика по HTML и JS(Верстка корзины и ее интерактив)

  • 57 модуль

    Landingpage практика

  • 58 модуль

    Введение в jQuery

    Что такое jQuery

    Способы подключение jQuery

    Основная функция поиска элементов $

  • 59 модуль

    Практика по HTML(Верстка Landingpage)

  • 60 модуль

    Практика по верстке Landingpage

  • 61 модуль

    Jquery Манипулирование DOM

    Геттеры и сеттеры

    Содержимое элемента

    Метод text()

    Метод html()

    Работа с атрибутами

    Метод attr()

    Метод removeAttr()

    Методы классов

    Метод addClass()

    Метод removeClass()

    Метод toggleClass()

  • 62 модуль

    Jquery Манипулирование DOM. 2

    Добавление, изменение и удаление элементов

    Методы after() и insertAfter()

    Методы before() и insertBefore()

    Методы append() и prepend()

    Метод remove() Метод data()

  • 63 модуль

    Практика по JS(Добавление интерактива к Landingpage)

  • 65 модуль

    Мобильная версия сайта и адаптивный дизайн сайта под мобильные устройства

    Разница между мобильной версией и адаптивным сайтом

    UI сайтов на мобильных устройствах

    Практика. Адаптация сайта под мобильное устройство

  • 66 модуль

    Мобильная версия сайта и дизайн мобильных приложений

    UI мобильных приложений

    Практика. Создание дизайна мобильной версии сайта и мобильного приложения

  • 67 модуль

    Практика по HTML(адаптивный дизайн)

  • 69 модуль

    Использование jQuery для адаптивных сайтов

    Применение jQuery для скрытия списков(меню) и подмена их на кнопку вызова

    Использование фреймворка jQuery Mobile

  • 70 модуль

    jQuery анимация

    Метод animate()

    Методы show(), hide(), toggle()

    Методы fadeIn(), fadeOut()

    Практика создание табов

  • 71 модуль

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

    Виды и типы баннеров для сайта

    Способы выделения сложных объектов из изображений

    Маска в Adobe Photoshop CC 2015

    Создание баннера

    Маркетинг при создании баннера для сайта

  • 73 модуль

    Ajax

    Понятие синхронных и асинхронных запросов в JS

    Глобальный объект Ajax в JS

    Метод send()

    Отправка и прием Ajax-запросов в JS

  • 74 модуль

    Формат данных JSON

    Что такое JSON?

    Парсинг(чтение) JSON

    Преобразование объектов в JSON

    Try…catch, finaly

  • 75 модуль

    Практика HTML и JS(верстка баннеров и слайдеров и их анимация)

  • 77 модуль

    Ajax в jQuery

    Метод .ajax()

    Свойства метода .ajax()

    Отправка POST запросов

    Прием данных от сервера

  • 78 модуль

    Регулярные выражения в JS

    Что такое регулярные выражения?

    Основы регулярных выражений

    Работа с регулярными выражениями в JS

  • 79 модуль

    Обзор программы Adobe Illustrator CC 2015. Создание набора иконок в Adobe Illustrator CC 2015. Создание дизайна сайта в программы Adobe Illustrator CC 2015

    Фреймворк Adobe Illustrator CC 2015

    Инструменты и фильтры Illustrator CC 2015

    Слои и работа с ними в Adobe Illustrator CC 2015

    Монтажные области в Adobe Illustrator CC 2015

    Работа с кривыми Безье в Adobe Illustrator CC 2015

    Преобразование растровой графики в векторную графику в Adobe Illustrator CC 2015

    Создание собственного набора иконок в Adobe Illustrator CC 2015

    Построение модульной сетки в Adobe Illustrator CC 2015

    Импорт графических элементов в Adobe Illustrator CC 2015

    Создание дизайна сайта в Adobe Illustrator CC 2015

  • 81 модуль

    Валидация формы и отправка данных с помощью Ajax(Практика)

  • 82 модуль

    Практика по HTML JS

  • 83 модуль

    Как рассчитать стоимость своей работы? Анализ рынка. Как найти клиентов или устроиться на работу. Выпускной

    Порядок цен на рынке создание веб-приложений

    Сегменты рынка и особенности работы с ними

    От чего зависит стоимость работы

    Как правильно составить договор на выполнения работы

    Как продать свои услуги по максимальной или завышенной цене

    Как найти клиента или как устроиться на работу

Кто проводит обучение

  • nikolay-dunaev

    Образование и опыт: ОНЮА. Опыт в WEB-программировании с 2013г.

    • Специализация: верстальщик HTML/CSS
  • ×

    Видео преподавателя

  • anton

    Образование и опыт: ДНУ, факультет РФФ, магистр-специалист по направлению компьютерные системы и сети. В системном и сетевом администрировани с 2008г., в WEB-программировании с 2011г. Опыт преподавания в сфере IT с 2010г.

    • Специализация: разработчик в области PHP, JavaScript, node.JS, angular.JS
    • Достижения: сертификаты CISCO NetWork: Essential, Routing, Swithing, Global Networks
  • ×

    Видео преподавателя

  • vitalik

    Опыт: в дизайне с 2009г., работа в журналах — подготовка к печати, дизайн журналов. Руководит студией веб-дизайна [VM] Studio

    Достижения: портфолио на сайте студии: http://v-m.agency/

    • Специализация: графический, веб-дизайн;
  • ×

    Видео преподавателя

  • nataliya-ivchenko

    Опыт преподавания: более 2-х лет.

    • Специализация: графический, веб-дизайн;
  • ×

    Видео преподавателя

    записаться на курс

     

    Как проходят занятия ?

    307-auditoriya-js-frontend

    Курс Фронтенд разработчик  Курс HTML-5 и CSS-3: обсуждение с преподавателем Курсы Photoshop

    js-1 js-2 js-3 Занятия по HTML

×

Заказ обратного звонка