HTML5 и CSS3от новичка до профи

Базовый курс

Для кого курс?

● Новичкам в программировании● Тем, кто знает html и css

Что вы будет знать

● HTML5● CSS3● Верстка слоями● Работа с psd● Кроссбраузерность● Семантика

Фишки и технологии● reset.css и normalize.css● pixelperfect● emmet● live edit● html5 boilerplate● css3 анимация● modernizr● уникальные шрифты

Что вы будете уметь в конце курса

Вы научитесь верстать страницы такой сложности

● кроссбраузерно● валидно● семантично

Курсовая работа

В конце обучения вы сдадите свою курсовую работу - сверстанный сайт.

Это будет ваша первая работа в портфолио для трудоустройства или поиска клиентов.

Сертификаты

Все, кто успешно выполнит курсовую работу, получат пластиковый сертификат:

Формат обучения

● Лекции в виде вебинаров2 года мы проверяли онлайн формат обучения. Видео трансляция преподавателя, живое общение в чате и разбор ваших вопросов в ходе лекции.

● Домашние задания после каждой лекцииКаждое домашнее задание проверяет преподаватель, рассказывает вам о всех ошибках и помогает с ними справиться

● Консультации с преподавателемПостоянное живое сопровождение преподавателя. Помощь на всех этапах обучения

Структура курса

● 12 лекций● 3 раза в неделю● 24 аудиторных ак. часа● 96 часов практики

Блок 1. Изучаем основыЛекция 1. Введение

● Как работает интернет● Что такое сайт, виды сайтов● Структура веб-страницы● Процесс разработки сайта● Типы браузеров, кроссбраузерность● Инструментарий● Знакомство с HTML и СSS● Пример простой веб-страницы● DOM модель документа

Лекция 2. Основы HTML

● HTML: структура языка● Типы документов● Как работают HTML теги, атрибуты● HTML5 новый виток

● Блочный и строчный элемент● Гипертекст, ссылки● Текстовые элементы (p, h1, span, div)● Списки

Лекция 3. Основы CSS

● Как подключать стили● Селектор тега, атрибута● Что такое класс, идентификаторы● Соседние, дочерние селекторы● Группирование, наследование, каскадирование● Псведоклассы, псевдоэлементы● Форматирование текста (цвет, шрифт, размеры)

Блок 2. HTML и СSS: применяем на практикеЛекция 4. Типографика. Форматирование текста

● Теги (списки, цитаты, заголовки, текст, ● Межстрочные интервалы● Уникальные шрифты● Стиль шрифта● Стилизация списков● Тень текста

Лекция 5. Блоки

● Понятие блочной модели● Размеры полей и отступы● Добавлений границ● Фон● Создание скругленных углов

● Высота, ширина блока● Тень блока● Переопределение ширины с помощью box-

sizing

Лекция 6. Таблицы и формы

● Структура таблиц и форм● Использование таблиц● Стили для таблиц● Стили для форм

Блок 3. Изображение и работа с psd макетамиЛекция 7. Графика на веб-страницах

● Тег img и фоновое изображение● Управление фоновым изображением ( повтор, позиционирование, масштабирование и т.д.)● Использование градиентов● Технология спрайтов

Лекция 8. Работа с psd макетом

● Знакомство с основным инструментарием и функциями● Нарезка макета● Получение стилей● Оптимизация и сохранение изображений

Блок 4. Позиционирование и верстка слоямиЛекция 9. Позиционирование

● Свойства позиционирования● Эффективное применение позиционирования● Практика: позиционирование элементов на странице● Плавающие элементы в разметке● Решение проблем плавающих элементов

Лекция 10. Создание многоколоночных сайтов

● Верстка фиксированного макета● 2 колоночная верстка● Как сделать 3-х колоночную верстку● Как сделать резиновую верстку● Практика: многоколоночная разметка

Блок 5. Совершенствуем навыки. ПрактикаЛекция 11. Навигация на сайте

● Стилизация ссылок (состояния)● Создание кнопок● Создаем панели навигации● Выпадающие меню

Лекция 12. Верстка готового макета на примере

● Знакомство с макетом● Разбивка макета на составляющие● Верстка реального сайта совместно с преподавателем● Сверяем верстку с макетом

Наши студенты

● 5 групп выпустили● 86 студентов завершили обучение● 81,4% студентов трудоустроились или

развивают свои проекты

Ростислав Николаенко, 26 лет

Front-end разработчик в Maxymiser (г. Днепропетровск)

На курсы в ProfPoint я пришел уже с багажом знаний. Работал на фрилансе, пробовал верстать простенькие сайты.

Но только на курсах я смог получить знания, разложенные по полочкам и в большом объеме. Я понял, что до этого я практически ничего не знал.

Главный инсайд: семантическое применение тегов в html5, узнал много новых трюков в css3, получил для работы столько удобных инструментов, которые ускорили мою работы в разы (liveedit, emmed).

Уже как пол-года я работаю front-end разработчиком в крупной компании, каждый день совершенствую свои навыки и благодарен той базе, которую получил в ProfPoint.

Павел Губский, 23 года

Фрилансер (г. Кривой Рог)

Идя на курсы я решил кардинально изменить свою жизнь. Я работал с 8:00 до 20:00 на заводе, приходил домой уставший и раздраженный. Хотелось каких то перемен, больше свободы, гибкий график и высокой зарплаты.

Во время прохождения курса по html и css я активно выполнял домашние задания, набирался по максимуму опыта, и не успев закончить обучение получил свой первый маленький заказ на верстку сайта на фрилансе.

Я ушел с завода и последние пол года фрилансю, работаю из разных городов, стал чаще путешествовать.

Захар Коробкин, 22 года

До курсов имел базовые навыки верстки. Мне это было очень интересно и я всегда мечтал работать в IT сфере, поэтому решил начать с верстки и прошел обучение удаленно. Онлайн образование по качеству такое же как и очное, основная работа идет во время выполнения практических заданий. Преподаватель на протяжении всего обучения помогал консультировал в тяжелых вопросах.Даже онлайн, я познакомился в группе с студентами, и с одним из них мы затеяли совместный проект.Через 2 месяца после обучения я устроился удаленно в американскую компанию ZEVEN где занимаюсь разработкой и развитием сайтов.

Веб-верстальщик в компании ZEVEN (г. Киев)

Константин Кнюх, 30 лет

Ведущий IT - инженер в ООО “Торговый Дом”

Курсы помогли мне продвинуться по карьерной лестнице на моей текущей работе. Благодаря полученным знаниям в свободное время я выполняю заказы по верстке на фрилансе.

Материал был очень качественный, актуальный, я узнал много приемов и технологий для верстки. Постоянная практическая работа над домашними заданиями и консультация опытного преподавателя помогли закрепить все знания и добиться колоссальных результатов. Самому у меня бы ушло на подобный результат более полугода обучения и шишек.

Желаю всем удачи в обучении.

Стоимость курса

● Индивидуально

● Обучение в группе - дарим 360 грн (1125 руб.)

* скидка действует при оплате до 11 июляОсталось 9 мест, поспешите!

UAH RUR

12 990 грн. 40 600 руб.

UAH RUR

3600 грн. 3240 грн.* 11 250 руб. 10 125 руб.*

Запишитесь на курс

Запишитесь до 11 июля на курс и получите подарок: 360 грн (1125 руб.) на обучение

Звоните по телефону+38 (098) 355-25-83или оставьте заявку на сайте

http://profpoint.com.ua/courses/html5-i-css3-ot-novichka-do-profi/