Курс 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 разработчика
1. Введение в HTML
-
Введение в HTML
- Основы работы сайтов, общие сведения
- Инструментарий
- Программы, необходимые для создания сайтов
- Форматы файлов
Теги. Что такое тег?
- Основные сведения о тегах
- Парные теги
- Непарные теги
- Правила применения тегов
- Правила вложений для тега
- Общая структура
- Обязательные теги
Типы тегов
- Теги верхнего уровня
- Заголовки
- Блочные элементы
- Строчные элементы
- Верхний и нижний индексы
Списки
- Теги для списков
- Создание списков различных типов
- Маркированный список
- Нумерованный список
- Список определений
Ссылки
- Создание ссылок
- Атрибуты ссылок
- Абсолютные и относительные ссылки
- Виды ссылок
- Якоря
Изображения
- Добавление рисунка
- Альтернативный текст
- Изменение размеров рисунка
- Атрибуты для тегов
- Использование цвета
- Размер
- Адрес
2. Таблицы
-
Таблицы
- Теги для таблиц
- Атрибуты таблиц
- Особенности таблиц
- Заголовок таблицы
- Стили таблицы
- Выравнивание таблиц
- Объединение ячеек
- Вложенные таблицы
Формы
- Что такое формы
- Теги для форм
- Методы отправки post и get
- Базы данных
- Поля для ввода
- Элементы форм
- Атрибуты для форм
- Обработчики форм
3. Введение в CSS
-
Введение в CSS
- Преимущества стилей
- Подключение стилей
- Базовый синтаксис CSS
- Значения стилевых свойств
Селекторы тегов
- Контекстные селекторы
- Соседние селекторы
- Дочерние селекторы
- Селекторы атрибутов
- Универсальный селектор
- Создание макета страницы
- Разбивка на блоки
- DIVная верстка
- Задание размеров элементам
- Позиционирование
- Внешние отступы
- Внутренние отступы
- Схлопывание отступов
- Оформление и изображения
- Работа с фоном
4. Верстка макета
-
Верстка макета
- Обтекание блоков float
- Позиционирование и отступы
Адаптивная верстка
- Верстка под различные устройства
- Резиновая верстка
- Придание блокам адаптивности
- Медиа-запросы
- Подключение скриптов
- Внешние скрипты
- Порядок исполнения
- Подключение библиотеки jQuery
- Выполнение javascript
5. Визуальные эффекты в css
-
Визуальные эффекты в css
- Генераторы css кода
- Тени и объем для элементов
- Тени и стили для текста
- Градиенты
- Создание и позиционирование кнопок
- CSS3 анимации элементов
- Кроссбраузерная верстка
- Вендорные префиксы
- Применение сетки
6. Что такое фреймворки
-
Что такое фреймворки
- Bootstrap
- Начало работы
- Подключение состав и настройка
- Система сеток
- Мобильная верстка
- Выравнивание контента
- Растровая и векторная графика
Шрифтовые иконки
- Glyphicons
- Font Awesome
- Анимированые иконки
CSS псевдоклассы
- Псевдокласс :hover
- Псевдокласс :active
Работа с готовыми элементами
- Меню
- Слайдер
- Акардеон
- Таблицы
7. Группирование
-
Группирование
- Наследование
- Каскадирование
- Псевдоклассы. Псевдоэлементы
- Верстка выпадающего меню
- Подключение шрифтов
Фотошоп для верстальщика
- Слои
- Размер элементов
- Нарезка макета и картинок
- Как посмотреть шрифты и цвет
Проверка данных на валидность (проверка кода)
- Для чего нужна валидация кода?
- Требования к коду W3C
- Валидация CSS
- Написание корректного кода
- Написание эффективного кода
- Исправление ошибок
- Сервисы и инструменты проверки кода
8. Создание своего сайта
-
Создание своего сайта
- Работа с хостингом
- Что такое домен и хостинг
- Что такое DNS сервер
- Файловая структура
- Создание базы данных для сайта
- Загрузка архива CMS на хостинг
- Процесс установки CMS, подключение к БД
Работа с CMS WordPress
- Интерфейс WordPress
- Основной функционал
- Создание страниц
- Создание записей
- Различие между страницами и записями
- Администрирование CMS
- Плагины, компоненты
9. Установка самописной темы на WordPress
-
Установка самописной темы на WordPress
- PHP связи
- WordPress кодекс
- Формирование страниц при помощи PHP
- Установка болванки
- Подключение динамических путей
Настройка
- page.php
- header.php
- footer.php
- functions.php
- front-page.php
10. Верстка одностраничника (landing page)
-
Верстка одностраничника (landing page)
- Подключение эффектов parallax js
- Подключение видео на фон
- Анимации элементов wow js
- Canvas html5
Системы контроля версий git и github
- Командная разработка проекта
- Работа через удаленный репозиторий git
- Установка клиента smartgit
- Настройка smartgit
- Коммиты
- Команды pull и push
- Решение конфликтов
11. CEO для верстальщиков(продвижение в поисковиках)
-
CEO для верстальщиков(продвижение в поисковиках)
- Алгоритмы ПС, структура контента для продвижения
- Взаимодействие SEO специалиста и разработки
- Загрузка страниц, скорость, коды ответа сервера, редиректы. Сервисы проверки скорости
- SEO птимизация страниц, теги, meta, дубли и канибализация страниц
- Ссылки. Внутренние, входящие, исходящие. Пагинация в магазине
- Системные файлы robots.txt, sitemap.xml
- Подключение сервисов аналитики: GA, GSC, GTM, FB pixel etc.
Преподаватели курса фронтенд в Киеве
Профессионалы которые делятся знаниями и своим опытом.
Николай Дунаев
Создание сайтов. HTML, CMS, хостинг
Александр Милютин
Digital-маркетинг, стратегии продвижения, юзабилити
Заявка отправлена, скоро с вами свяжется менеджер
Отзывы выпускников курса Front-End в Харькове
Выпускники которые уже получили результаты после выпуска с курса
Филичкина Ирина
Данный курс стал для меня очень полезен. Николай преподносил информацию очень доходчиво и понятно. Окончательно поняла для себя, что хочу развиваться дальше в этой сфере деятельности. Занятия проходили всегда на позитиве, благодаря Николаю! Всем очень советую данный курс.
Листопадов Андрей
Я получил комплексное понимание языка гипер-разметки HTML, разобрался с принципами работы каскадных таблиц стилей CSS. Также очень радует, что теперь я умею использовать готовые решения на java script, подключать jquery скрипты. Также Николай Дунаев очень доступно и ненавязчиво ввел нас в тему SEO оптимизации, и многое другое.
Мисюра Е. О.
Курсы проходят в хорошем формате. У Николая классный подход, очень хорошее чувство юмора, поэтому все занятия проходят очень легко и быстро. Пожелания будущим учащимся уделять больше времени ДЗ, так как практика — залог успеха.
Филат Александр
Освоил HTML, CSS, создание сайтов с помощью wordpress, одностраничных сайтов с помощью bootstrap, flex и т.д. Кроме этого узнал , переносить сайты на другие домены/поддомены. Получил базовые знания о продвижении сайтов.
Часто задаваемые вопросы по курсу Front-End
Мы решаем все возникающие вопросы. Чтобы у вас было меньше сомнений, вот некоторые, наиболее часто задаваемые из них
-
Это не вебинары, не записи занятий — это Real Time learning, обучение в режиме реального времени без задержки. Вы видите преподавателя, его экран, доску.
Мы используем Zoom — это позволяет задавать вопросы голосом, в чате и даже показывать свой экран во время практики.
-
Используем Zoom. Преподаватель озвучивает задачу, показывает реализацию шаг за шагом. Вы делаете. Если что-то не получается вы всегда можете спросить и показать свой экран.
Вся практика делится на мелкие задачи, которые вы выполняете последовательно.
-
Да можно оплатить курс частями. 1 оплата до начала занятий, остальные платежи по графику. Если, после первого занятия, вы поймете что это не ваше, мы вернем всю сумму.
-
В течение недели в удобное время в удобном месте у Вас есть возможность просмотреть видеозапись занятия и отправить домашку на проверку. Дальше Вы сможете двигаться вместе с группой.
-
В этом и состоит преимущество онлайн-курсов: все, что Вам нужно — стабильное подключение к Интернет.
-
Академия сотрудничает с IT-компаниями, которые присылают свои вакансии. Лучшие выпускники отправляются на стажировку в компании.
-
Домашние задания выполняются в Google Docs. Ссылка с открытым доступом публикуется в закрытой группе в Facebook. Там же Вы задаете возникающие вопросы по домашке. Преподаватель дает обратную связь и рекомендации.
Записывайтесь на пробное занятие
Сначала вы идете на пробное, а оплачиваете потом.
Заявка отправлена, скоро с вами свяжется менеджер