Курс Front-End
На курсе front-end вы научитесь создавать веб страницы и сайты, изучите html и css, научитесь работать с CMS системами.
Доступные форматы обучения:
- Курс в записи
Стоимость: 5 950 грн. - В записи с поддержкой
Стоимость: 8 950 грн.
Подробности уточняйте у наших менеджеров
Особливі умови оплати:
- розстрочка без %
- вимушеним переселенцям
- випускникам Академії ІМТ
Преимущества Online обучения в IMT
Онлайн обучение в IMT - 100% альтернатива Offline обучению
Занятия в реальном времени
Вы присутствуете во время лекции, только удаленно
Закрытая группа поддержки
Отправляйте ДЗ, вопросы и общение
Тестирование и сертификация
Обучающие тесты в онлайн конспекте
Задавайте вопросы
Во время занятия вам отвечают на вопросы
Живое общение, а не просто лекция
Диалог. Ответы на вопросы и практика
Записываем все занятия
Все занятия записываются. Видео остается у вас
Online конспект лекций
Материалы всего курса в видео онлайн конспекта
Станьте Front End разработчиком!
Потратив всего два месяца вы изучите языки HTML и CSS, верстку веб страниц, научитесь создавать целые сайты и размещать их на хостингах
Так проходят Online занятия
Подключение к реальной группе
Вы полностью участвуете в процессе, а не просто смотрите видео
Вы видите преподавателя, его экран и доску
Весь процесс обучения полностью интерактивен
Задавайте вопросы
Активное участие во время занятия повышает эффективность вашего обучения
Поддержка администратора
Перед первым занятием, с вами свяжется администратор и поможет подключиться
Программа online курса HTML и CSS
Полностью проработанная программа пройдя которую вы получите достаточно знаний для начала карьеры Front-End разработчика
Введение в HTML
- Основы работы сайтов, общие сведения
- Инструментарий
- Программы, необходимые для создания сайтов
- Форматы файлов
Теги. Что такое тег?
- Основные сведения о тегах
- Парные теги
- Непарные теги
- Правила применения тегов
- Правила вложений для тега
- Общая структура
- Обязательные теги
Типы тегов
- Теги верхнего уровня
- Заголовки
- Блочные элементы
- Строчные элементы
- Верхний и нижний индексы
Списки
- Теги для списков
- Создание списков различных типов
- Маркированный список
- Нумерованный список
- Список определений
Ссылки
- Создание ссылок
- Атрибуты ссылок
- Абсолютные и относительные ссылки
- Виды ссылок
- Якоря
Изображения
- Добавление рисунка
- Альтернативный текст
- Изменение размеров рисунка
- Атрибуты для тегов
- Использование цвета
- Размер
- Адрес
Таблицы
- Теги для таблиц
- Атрибуты таблиц
- Особенности таблиц
- Заголовок таблицы
- Стили таблицы
- Выравнивание таблиц
- Объединение ячеек
- Вложенные таблицы
Формы
- Что такое формы
- Теги для форм
- Методы отправки post и get
- Базы данных
- Поля для ввода
- Элементы форм
- Атрибуты для форм
- Обработчики форм
Введение в CSS
- Преимущества стилей
- Подключение стилей
- Базовый синтаксис CSS
- Значения стилевых свойств
Селекторы тегов
- Контекстные селекторы
- Соседние селекторы
- Дочерние селекторы
- Селекторы атрибутов
- Универсальный селектор
- Создание макета страницы
- Разбивка на блоки
- DIVная верстка
- Задание размеров элементам
- Позиционирование
- Внешние отступы
- Внутренние отступы
- Схлопывание отступов
- Оформление и изображения
- Работа с фоном
Верстка макета
- Обтекание блоков float
- Позиционирование и отступы
Адаптивная верстка
- Верстка под различные устройства
- Резиновая верстка
- Придание блокам адаптивности
- Медиа-запросы
- Подключение скриптов
- Внешние скрипты
- Порядок исполнения
- Подключение библиотеки jQuery
- Выполнение javascript
Визуальные эффекты в css
- Генераторы css кода
- Тени и объем для элементов
- Тени и стили для текста
- Градиенты
- Создание и позиционирование кнопок
- CSS3 анимации элементов
- Кроссбраузерная верстка
- Вендорные префиксы
- Применение сетки
Что такое фреймворки
- Bootstrap
- Начало работы
- Подключение состав и настройка
- Система сеток
- Мобильная верстка
- Выравнивание контента
- Растровая и векторная графика
Шрифтовые иконки
- Glyphicons
- Font Awesome
- Анимированые иконки
CSS псевдоклассы
- Псевдокласс :hover
- Псевдокласс :active
Работа с готовыми элементами
- Меню
- Слайдер
- Акардеон
- Таблицы
Группирование
- Наследование
- Каскадирование
- Псевдоклассы. Псевдоэлементы
- Верстка выпадающего меню
- Подключение шрифтов
Фотошоп для верстальщика
- Слои
- Размер элементов
- Нарезка макета и картинок
- Как посмотреть шрифты и цвет
Проверка данных на валидность (проверка кода)
- Для чего нужна валидация кода?
- Требования к коду W3C
- Валидация CSS
- Написание корректного кода
- Написание эффективного кода
- Исправление ошибок
- Сервисы и инструменты проверки кода
Создание своего сайта
- Работа с хостингом
- Что такое домен и хостинг
- Что такое DNS сервер
- Файловая структура
- Создание базы данных для сайта
- Загрузка архива CMS на хостинг
- Процесс установки CMS, подключение к БД
Работа с CMS WordPress
- Интерфейс WordPress
- Основной функционал
- Создание страниц
- Создание записей
- Различие между страницами и записями
- Администрирование CMS
- Плагины, компоненты
Установка самописной темы на WordPress
- PHP связи
- WordPress кодекс
- Формирование страниц при помощи PHP
- Установка болванки
- Подключение динамических путей
Настройка
- page.php
- header.php
- footer.php
- functions.php
- front-page.php
Верстка одностраничника (landing page)
- Подключение эффектов parallax js
- Подключение видео на фон
- Анимации элементов wow js
- Canvas html5
Системы контроля версий git и github
- Командная разработка проекта
- Работа через удаленный репозиторий git
- Установка клиента smartgit
- Настройка smartgit
- Коммиты
- Команды pull и push
- Решение конфликтов
Подготовка сайта под SEO продвижение в поисковых системах
- Алгоритмы ПС, структура контента для продвижения
- Взаимодействие SEO специалиста и разработки
- Загрузка страниц, скорость, коды ответа сервера, редиректы. Сервисы проверки скорости SEO
- Оптимизация страниц, теги, meta, дубли и канибализация страниц
- Ссылки. Внутренние, входящие, исходящие. Пагинация в магазине
- Системные файлы robots.txt, sitemap.xml
- Подключение сервисов аналитики: GA, GSC, GTM, FB pixel etc.
Преподаватели курса фронтенд в Киеве
Профессионалы которые делятся знаниями и своим опытом.
Николай Дунаев
Образование и опыт: ОНЮА. Опыт в WEB-программировании с 2013 г.
- Специализация: верстальщик HTML/CSS
Александр Милютин
Digital-маркетинг, стратегии продвижения, юзабилити
Отзывы выпускников курса Front-End в Киеве
Выпускники которые уже получили результаты после выпуска с курса
...Разобрался и понял логику HTML, научился создавать стили CSS...
... Рекомендую курс для прохождения ...
... Курсы проходят в хорошем формате..
Габестро Юлия
Вторая половина курса была очень сжата. В голове каша и стало не очень интересно. Заинтересованность уменьшилась. Хотелось бы более расширенные объяснения Worpress, Flex и т.д.
Хороший курс. Я бы посоветовала его друзьям. Просто больше объяснений хотелось бы. А так все супер. СПАСИБО!
Коробейников Евгений
В целом курс HTML и CSSдаст обзорные знания в сжатом виде. Даст представление о сфере деятельности, проблемах, возможностях, реальности и ее отличиях от иллюзий.
Позволяет определиться в дальнейшей необходимости, целесообразности развития. В курс я бы добавил работу с базами данных, хостингами и выкладку сайта в сеть. Работа преподавателя хорошая, подкреплена практическими знаниями.
Мазур Николай
Честно, мне не с чем сравнивать, ранее нигде до курса в IMT не учился, со времен окончания универа. Впечатления положительные от преподавателя Николая, от курса в целом - нормальные.
Желаю всем выпускникам, преподавателям и персоналу академии удачи!
Чмиль Богдан
Отличный курс для тех, кто хочет начать карьеру web-дизайнера или просто уметь верстать сайты и понимать всю структуру кода.
За время курса получил достаточное количество знаний, чтобы сделать свой первый сайт. Считаю, что получил то, что мне нужно для старта карьеры HTML верстальщика. Благодарю IMT за интересный курс обучения.
Часто задаваемые вопросы по курсу Front-End
Мы решаем все возникающие вопросы. Чтобы у вас было меньше сомнений, вот некоторые, наиболее часто задаваемые из них
Это не вебинары, не записи занятий — это Real Time learning, обучение в режиме реального времени без задержки. Вы видите преподавателя, его экран, доску.
Мы используем Zoom — это позволяет задавать вопросы голосом, в чате и даже показывать свой экран во время практики.
Используем Zoom. Преподаватель озвучивает задачу, показывает реализацию шаг за шагом. Вы делаете. Если что-то не получается вы всегда можете спросить и показать свой экран.
Вся практика делится на мелкие задачи, которые вы выполняете последовательно.
Да можно оплатить курс частями. 1 оплата до начала занятий, остальные платежи по графику. Если, после первого занятия, вы поймете что это не ваше, мы вернем всю сумму.
В течение недели в удобное время в удобном месте у Вас есть возможность просмотреть видеозапись занятия и отправить домашку на проверку. Дальше Вы сможете двигаться вместе с группой.
В этом и состоит преимущество онлайн-курсов: все, что Вам нужно — стабильное подключение к Интернет.
Академия сотрудничает с IT-компаниями, которые присылают свои вакансии. Лучшие выпускники отправляются на стажировку в компании.
Домашние задания выполняются в Google Docs. Ссылка с открытым доступом публикуется в закрытой группе в Facebook. Там же Вы задаете возникающие вопросы по домашке. Преподаватель дает обратную связь и рекомендации.
Записывайтесь на пробное занятие
Сначала вы идете на пробное, а оплачиваете потом.