Знать, как пользоваться архиваторами
Уметь работать с текстовыми редакторами
Быть опытным пользователь ПК
Уметь работать с офисными программами
кто хочет стартовать в области разработки сайтов
кто хочет научиться верстать правильные веб-сайты
кто хочет получить практические навыки в HTML-верстке (HTML и CSS)
кто хочет сменить род деятельности и начать работать на позиции Junior Front-End Developer
imt.dp.ua/Fastfood
imt.dp.ua/krosshop
imt.dp.ua/atlant
imt.dp.ua/beer.pub
imt.dp.ua/ColorDip
imt.dp.ua/metroshop
imt.dp.ua/NadiaV
yanakotenko.dp.ua/
http://sioni.com.ua/
http://portnoi.com.ua/
http://meta.in.ua/Девиз курса «HTML верстальщик»: «Ежедневная работа – путь к мастерству верстки». Здесь сконцентрированы самые полезные знания десятков книг по программированию и актуальные вопросы форумов верстальщиков веб-сайтов. Мы систематизировали всю актуальную информацию и составили собственную, в некотором роде, уникальную программу обучения верстке сайтов с использованием HTML5 и CSS3. В конце обучения вас ожидает защита проекта. На занятиях вы получаете опыт, без которого практическая деятельность невозможна. Говоря проще, обучение HTML – это инвестиция в ваше профессиональное развитие.
Программа курсов «HTML/CSS верстальщик» в IMT предполагает обучение основам с нуля. Стать WEB-программистом без длительного обучения реально! Обучение верстке сайтов построено на постоянном применении пройденной теории на практике. Поэтому, чтобы в дальнейшем верстать функциональные, современные веб-сайты, стать востребованным Junior WEB Developer — будьте готовы к регулярному выполнению поставленных преподавателем задач, домашних заданий, сдаче экзамена.
1 модуль
Введение в HTML
Основы работы сайтов, общие сведения
Инструментарий
Программы, необходимые для создания сайтов
Форматы файлов
Теги. Что такое тег?
Основные сведения о тегах
Парные теги
Непарные теги
Правила применения тегов
Правила вложений для тега
Общая структура
Обязательные теги
Типы тегов
Теги верхнего уровня
Заголовки
Блочные элементы
Строчные элементы
Теги заголовка документа
Блочные элементы
Строчные элементы
Верхний и нижний индексы
Списки
Теги для списков
Создание списков различных типов
Маркированный список
Нумерованный список
Список определений
Ссылки
Создание ссылок
Атрибуты ссылок
Абсолютные и относительные ссылки
Виды ссылок
Якоря
Изображения
Добавление рисунка
Альтернативный текст
Изменение размеров рисунка
Атрибуты для тегов
Использование цвета
Размер
Адрес
2 модуль
Формы
Что такое формы
Теги для форм
Методы отправки post и get запросов
Базы данных
Поля для ввода данных
Элементы форм
Атрибуты для форм
Обработчики форм
3 модуль
Введение в CSS
Преимущества стилей
Подключение стилей
Базовый синтаксис 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 для верстальщиков (продвижение в поисковиках)
История поисковиков
Индексация
Настройка файла robots.txt
Как ускорить индексацию
Понятие о семантическом ядре
Что нужно сделать для появления сайта в поисковиках
12 модуль
Введение в JavaScript
Переменные, именование переменных, объявление переменных
Функции ввода и вывода alert, prompt, confirm
Типы данных
Преобразование типов
Операторы сравнения
Логические операторы
Работа в консоли
13 модуль
События
Обработчики событий
Циклы while и for
Работа с DOM деревом
атрибуты, узлы, элементы
Cookie
14 модуль
Введение в JQuery
Выборка в DOM
Траверсинг
Метод css
Метод attr()
События в JQuery
15 модуль
Изменение DOM в JQuery
Методы appendChild() insertBefore() insertAfter()
Методы before(), after()
Методы addClass() hasClass() removeClass() toggleClass()
16 модуль
Формы в JQuery
Создание формы
События форм
Валидация
17 модуль
Анимация в JQuery
AJAX в JQuery
Отправка и прием данных
События AJAX
Опыт в WEB-программировании с 2013 года. С 2016 года руководитель проекта «Инкубатор IMT».
Для студентов курса HTML/CSS в Академии IMT создана закрытая группа в Facebook, где можно проконсультироваться у преподавателя, поделиться своей ситуацией с сокурсниками, получить их комментарии.
При успешной сдаче экзамена или защите проекта, вы получаете диплом Академии IMT об успешном прохождении курса верстки.
Организован с целью инвестирования в студентов и выпускников курсов Академии. Один раз в неделю, участники инкубатора собираются в стенах Академии под руководством преподавателя для выполнения реальных заказов. Полное погружение в реальную командную работу: поиск заказа, сроки, дедлайны, сдача проекта, правки. Теория, выполнение учебных заданий позволяют получить знания, навыки, но только в реальных проектах наши выпускники получают тот самый опыт, который позволит стать самостоятельными специалистами.
По вопросам участия в инкубаторе обращайтесь к преподавателю.
Кирилл Черкашин
…Открыл для себя HTML…
Игорь Котов
…Получил понятие, что такое сайт, каким образом его верстать…
Омельченко Андрей
…Задан старт в IT, основы основ…
Рылова Инга
…Базовые знания верстки сайтов и макетов…
Яцук Константин
…Создал свой личный веб сайт на котором зарабатываю деньги…
Ларин Евгений
…разобрался и понял логику HTML, научился создавать…
Дацик Владимир
… В результате обучения получен полный и ожидаемый объем данных…
Зайка Анна
… научилась верстать сайты разными способами. заливать на хостинг…
