Днепр

+38 (056) 784-27-67  

Все телефоны ▼

Курс Front-end верстки:
ОБУЧЕНИЕ html, созданию сайтов

Продолжительность: 3,5 месяца

Стоимость курса: 13 000 грн

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

  • 24 декабря
  • Вт/Пт (18:00-21:00)
  • 25 лекций по 3 часа
  • 3 платежа по 4333 грн
  • 22 января
  • Суббота (14:30-19:00)
  • 17 лекций по 4,5 часа
  • 3 платежа по 4333 грн.
  • обучение онлайн -20%
  • Online обучение в zoom
  • Offline в Днепре

Обучение на курсе это

Занятия проходят по расписанию, в аудитории + онлайн через Zoom в real-time

Ответы на вопросы без задержки. Вопросы в чате, голосом и даже показываете свой экран

Закрытая группа поддержки для заданий и вопросов между занятиями, личный кабинет в LMS

Все видео лекций записи остаются у вас

Как проходит обучение

    Верстальщик сайтов кто это? Чем занимается

  • Создает сайты. Если дизайнер рисует, то верстальщик повторяет этот рисунок уже кодом.
  • Как стать верстальщиком, чему учиться на верстальщика

  • Прийти к нам на курс). Мы учим от самых основ и дойдем до создания собственного сайта. Мы изучаем технологии которые делают верстку и процесс создания сайта быстрее и эффективнее.
  • Что нужно знать верстальщику

  • Чем больше тем лучше. Профессия динамичная вы постоянно узнаете что то новое. Самое ценное это опыт и гибкое мышление.
  • Верстальщик плюсы и минусы профессии

  • Работа востребованная, интересная и креативная. Нужно развивать в себе внутренний перфекционизм и педантизм. Все с первого раза не получиться но результат того стоит)
  • Где и как учиться на верстальщика

  • г. Днепр, ул. Троицкая (Красная), 21г, офис 310. Самое главное не лениться делать (писать код) порой по несколько раз.
  • Сколько получает верстальщик

  • Средняя зарплата верстальщика 15000грн (все зависит от скорости вашей работы/объема)

Курсы в IMT - это:

  • Верстке обучает верстальщик с опытом
  • На курсе вы создаете реальный сайт на хостинге
  • Последовательно обучаетесь верстки с самого начала
  • Создаете первые сайты в портфолио верстальщика
  • Изучите HTML, CSS, верстка с PSD макета, фреймворки
  • Приобретенный навык верстать сайты с дизайн макетов
  • Установите WordPress, сверстаете свою тему

Навыки которые получите

Пройдя обучение на курсе верстки, вы узнаете как создавать и верстать сайты и получите отличную базу для развития в сфере web-разработки. Курс основан на опыте практикующих программистов, разрабатывающих сайты и интерфейсы различной сложности с 2009 года. Курс верстки сайтов, отличное начало изучения веб программирования. Следующий шаг - курс javaScript или BackEnd программирование на PHP

ПРОГРАММА КУРСА

Программа курса HTML CSS верстки предполагает изучение основ frontend с нуля. Стать WEB-программистом без длительного обучения реально! Обучение на курсах верстальщика сайтов построено на постоянном применении теории на практике. Чтобы в дальнейшем верстать функциональные и современные сайты и стать востребованным верстальщиком, будьте готовы к регулярному выполнению задач, домашних заданий и сдаче своего проекта.

- 1 -

модуль

 

  • Набор инструментов, программ верстальщика 
  • Теги. Парные, непарные теги 
  • Правила применения, вложение тегов
  • Блочные, строчные элементы
  • Списки, маркированные, нумерованные
  • Ссылки, атрибуты ссылок. Якоря
  • Абсолютные и относительные ссылки 
  • Работа с изображениями. Атрибуты 

- 2 -

модуль

  • Таблицы и формы
  • Теги, атрибуты, стили для таблиц
  • Формы. Отправка post и get запросов
  • Базы данных и формы
  • Атрибуты для форм. Обработчики

- 3 -

модуль

  • Введение в CSS
  • Подключение, синтаксис стилей
  • Значения стилевых свойств
  • Селекторы тегов
  • Создание макета страницы
  • Блоки верстка DIV'ами
  • Размеры, позиционирование элементов
  • Оформление и изображения, фон

- 4 -

модуль

  • Верстка макета
  • Обтекание блоков float
  • Позиционирование и отступы
  • Адаптивная верстка
  • Верстка под различные устройства
  • Резиновая верстка
  • Придание блокам адаптивности
  • Медиа-запросы
  • Подключение скриптов
  • Внешние скрипты
  • Порядок исполнения
  • Подключение библиотеки jQuery
  • Выполнение javascript

- 5 -

модуль

  • Визуальные эффекты в css
  • Генераторы css кода
  • Тени и объем для элементов
  • Тени и стили для текста
  • Градиенты
  • Создание и позиционирование кнопок
  • CSS3 анимации элементов
  • Кроссбраузерная верстка
  • Вендорные префиксы
  • Применение сетки

- 6 -

модуль

  • Что такое фреймворки
  • Bootstrap
  • Начало работы
  • Подключение состав и настройка
  • Система сеток
  • Мобильная верстка
  • Выравнивание контента
  • Растровая и векторная графика
  • Шрифтовые иконки
  • Glyphicons
  • Font Awesome
  • Анимированые иконки
  • css псевдоклассы
  • Псевдокласс :hover
  • Псевдокласс :active
  • Работа с готовыми элементами
  • Меню
  • Слайдер
  • Акардеон
  • Таблицы

- 7 -

модуль

  • Группирование
  • Наследование
  • Каскадирование
  • Псевдоклассы. Псевдоэлементы
  • Верстка выпадающего меню
  • Подключение шрифтов
  • Фотошоп для верстальщика
  • Слои
  • Размер элементов
  • Нарезка макета и картинок
  • Как посмотреть шрифты и цвет
  • Проверка данных на валидность (проверка кода)
  • Для чего нужна валидация кода?
  • Требования к коду W3C
  • Валидация CSS
  • Написание корректного кода
  • Написание эффективного кода
  • Исправление ошибок
  • Сервисы и инструменты проверки кода

- 8 -

модуль

  • Создание своего сайта
  • Работа с хостингом
  • Что такое домен и хостинг
  • Что такое DNS сервер
  • Файловая структура
  • Создание базы данных для сайта
  • Загрузка архива CMS на хостинг
  • Процесс установки CMS, подключение к БД
  • Работа с CMS WordPress
  • Интерфейс WordPress
  • Основной функционал
  • Создание страниц
  • Создание записей
  • Различие между страницами и записями
  • Администрирование CMS
  • Плагины, компоненты

- 9 -

модуль

  • Установка самописной темы на WordPress
  • PHP связи
  • Wordpress кодекс
  • Формирование страниц при помощи PHP
  • Установка болванки
  • Подключение динамических путей
  • Настройка
  • page.php
  • header.php
  • footer.php
  • functions.php
  • front-page.php

- 10 -

модуль

  • Верстка одностраничника (landing page)
  • Подключение эффектов parallax js
  • Подключение видео на фон
  • Анимации элементов wow js
  • Canvas html5
  • Системы контроля версий git и github
  • Командная разработка проекта
  • Работа через удаленный репозиторий git
  • Установка клиента smartgit
  • Настройка smartgit
  • Коммиты
  • Команды pull и push
  • Решение конфликтов

- 11 -

модуль

  • SEO оптимизация для верстальщиков
  • Алгоритмы ПС, структура контента для продвижения
  • Взаимодействие SEO специалиста и разработки
  • Загрузка страниц, скорость, коды ответа сервера, редиректы. Сервисы проверки скорости
  • SEO оптимизация страниц, теги, meta, дубли и канибализация страниц
  • Ссылки. Внутренние, входящие, исходящие. Пагинация в магазине
  • Системные файлы robots.txt, sitemap.xml
  • Подключение сервисов аналитики: GA, GSC, GTM, FB pixel etc.

- 12 -

модуль

  • Введение в JavaScript
  • Переменные, именование переменных, объявление переменных
  • Функции ввода и вывода alert, prompt, confirm
  • Типы данных
  • Преобразование типов
  • Операторы сравнения
  • Логические операторы
  • Работа в консоли

- 13 -

модуль

  • События
  • Обработчики событий
  • Циклы while и for
  • Работа с DOM деревом
  • Атрибуты, узлы, элементы
  • Cookie

- 14 -

модуль

  • Введение в JQuery
  • Выборка в DOM
  • Траверсинг
  • Метод css
  • Метод attr()
  • События в JQuery

- 15 -

модуль

  • Изменение DOM в JQuery
  • Выборка в DOM
  • Методы appendChild() insertBefore() insertAfter()
  • Методы before(), after()
  • Методы addClass() hasClass() removeClass() toggleClass()

- 16 -

модуль

  • Формы в JQuery
  • Создание формы
  • События форм
  • Валидация

- 17 -

модуль

  • Анимация в JQuery
  • AJAX в JQuery
  • Отправка и прием данных
  • События AJAX
Показать всю программу

Преподаватель курса

Николай Дунаев
Николай Дунаев

Сделайте старт в IT

Получите профессию верстальщика

На курсе вы получите:

курс по верстке

Полную поддержку во время обучения

Для студентов курса FRONTEND в Академии IMT создана закрытая группа в Facebook, в которой можно проконсультироваться у преподавателя, поделиться своей ситуацией с сокурсниками и получить их комментарии.

html css обучение

Диплом выпускника

После успешной сдачи экзамена или защиты проекта Вы получаете диплом Академии IMT об успешном прохождении курса Frontend

обучение html

ИНКУБАТОР ДЛЯ ВЫПУСКНИКОВ

Что отличает профи от новичка? Опыт и портфолио! Да, на курсе Вы получаете знания, курс насыщен практикой, но только реальные проекты делают из человека со знаниями Профессионального Верстальщика. В Инкубаторе выпускники получают первые работы в портфолио и рекомендации, первый гонорар, «боевой» опыт и навыки работы на IT-рынке.

Вчерашние выпускники бесплатно получают помощь преподавателя, тренируются и зарабатывают. Вместе находим проекты, вместе работаем над ними, вместе отвечаем за результат. Собираемся 1 раз в неделю в Академии. Инкубатор – кузница профессионалов HTML.

курс по html

Видеозаписи занятий

Записи всех уроков доступны к просмотру на время обучения.

обучение создание сайтов

Готовый проект во время обучения

На курсе верстальщики работают над созданием полноценного сайта, на реальном хостинге. Вы не только получите практику, но и создадите рабочий проект.

Выпускники академии работают в:

Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в

Что студенты пишут о курсе?

Cherkashin_foto.jpg

Кирилл Черкашин

...Открыл для себя HTML...

IMG_6936.JPG
Kotov_foto.jpg

Игорь Котов

...Получил понятие, что такое сайт, каким образом его верстать...

IMG_6935.JPG
Omelchenko-foto.jpg

Омельченко Андрей

...Задан старт в IT, основы основ...

Omelchenko-otviz.jpg
Inga_foto.jpg

Рылова инга

...Базовые знания верстки сайтов и макетов...

inga_otziv.jpg
Kostya_foto.jpg

Яцук Константин

...Создал свой личный веб сайт на котором зарабатываю деньги...

Kostya_otziv.jpg
Anna-zayka

Анна Зайка

...научилась верстать сайты разными способами...

otziv