Занятие №1 Основы HTML/CSS верстки - структура html страницы - самые простые и часто встречающиеся теги - создание первой страницы - редактирование текста, основные правила и возможность стилизации с помощью html - css основные свойства - понятие классов и селекторов и id - стилизация страницы с помощью css Что мы получим?: Узнаем азы HTML и CSS. Узнаем, что такое теги и их атрибуты. Научимся создавать простейшую HTML-страницу, узнаем из каких тегов она состоит. Познакомимся со служебными тегами. Занятие №2 Основы HTML/CSS верстки - настройка Sublime text для верстальщика - установка полезных плагинов обучение быстрому написанию кода - основные принципы блочной верстки - блочная верстка сайта с использованием новых тегов - продолжаем изучать css свойства - изучаем структуру сайта header, content, sidebar, footer Что мы получим?: Научимся подключать скрипты и стили к странице. Научимся создавать страницы с использованием более сложных элементов: таблиц, изображений, ссылок, форм. Занятие №3 Первая работа для портфолио ч.1 - верстка сайта по готовому psd макету - работа в Photoshop для верстальщика: нарезка макета, определение шрифтов, цветов блоков - подключение шрифтов - изучение псевдоэлементов и псевдоклассов Что мы получим?: Научимся создавать страницы с использованием более сложных элементов: таблиц, изображений, ссылок, форм. Научимся создавать страницы со сложной структурой, содержащие несколько блоков, колонки, боковые панели. Узнаем, как управлять размерами и расположением элементов, задавать отступы, размещать элементы на разных уровнях (друг над другом). Занятие №4 Первая работа для портфолио ч.2 - продолжение верстки первого проекта - подключение google карты, и google статистики -научимся выравниванию элементов float, layout, overflow - узнаем основные принципы позиционирование элементов, position - запустим работу форм отправки сообщений - разместим наш сайт на хостинге Что мы получим?: Совместим ранее полученные знания по HTML и CSS и научимся создавать сложные и красивые элементы: кнопки, подложки, плашки, меню. Научимся загружать проект на сервер, создадим сложные эффекты с помощью псевдокласса :hover Занятие №5 Верстка Landing Page - верстка посадочной страницы - подключение jQuery, основные задачи скриптов - использование jQuery - плавный скролл по странице с помощью jQuery - подключение и выбор иконок с помощью Font Awesome Что мы получим?: Узнаем основные принципы верстки лендингов, научимся подключать скрипты jQuery,и работать с ними. Используем дополнительные возможности для улучшения страниц HTML и ускорение верстки. Проработаем все основные моменты с плавным скролом, скрол к блокам от блока к блоку, создадим стрелку, ведущую в начало страницы. Занятие №6 №7 Верстка Landing Page, анимация на сайте CSS3 - научимся работать с анимацией animate.css, и анимацией при прокрутке страницы wow.js - изучим основные атрибуты для управления анимацией - сверстаем новый более сложный лендинг, в котором настроим красивую анимацию. Что мы получим? : Научимся работать с документацией на Github, рассмотрим создание анимации. Научимся работать в файлах сборок анимации. Занятие №8 Slider, drop down - подключение Owl Carousel и настройка работы - вариант построения drop down меню Что мы получим?: Научимся подключать на сайт такой элемент как слайдер, узнаем все особенности работы с ним, разберем варианты построения drop down меню Занятие №9 parallax, основы Bootstrap 3 - подключим эффект параллакса на сайт - работа с Bootstrap3 - адаптивная сетка Bootstrap Что мы получим?: Научимся подключать параллакс эффекты на сайт, научимся работать с фреймверком Bootstrap, изучим адаптивную сетку. Занятие №10 Верстка адаптивного макета, медиа запросы - медиа запросы в CSS - бургер меню - адаптивная верстка сайта по готовому PSD макету, с использованием Bootstrap и медиа запросов Что мы получим?: Сверстаем адаптивный макет. Сделаем бургер меню для мобильной версии сайта, настроим работу всех элементов для резиновой верстки. Занятие №11 magnific popup, форма отправки сообщений на php - установка magnific popup, настройка работы - установка и обучение работы с локальным сервером Open Server Что мы получим?: Научимся работе с popup элементами, создадим с помощью них галерею, и разнообразные всплывающие формы, научимся работе с локальным сервером. Занятие №12 CMS система WordPress, форумная CMS vBulletin - понятие cms систем - установка WordPress - работа с phpmyadmin создание БД - установка плагинов для дополнительных возможностей WordPress - первый сайт блог на WordPress - установка и настройка форума vBulletin Что мы получим?: Рассмотрим основные принципы cms систем, их плюсы и минусы, создадим блог на WordPress, по готовому шаблону и научимся вносить корректировки в шаблон. Установим форумный движек vBulleti, научимся с ним работать. Занятие №13 №14 №15 - сверстаем масштабный выпускной проект в котором применим все ранее получение знания Что мы получим?: Сделаем выпускной проект, разместим его на хостинге.