.
Курсы адаптивной web-верстки
[el]{text}[/el]
Адаптивная вёрстка сайта – первое и базовое требование, которое вы увидите, ознакомившись с вакансиями на должность «HTML-верстальщика». Всё потому, что в сегодняшнем мире не менее 50% подключений к сети Интернет осуществляется с помощью мобильных устройств, будь то телефон или планшет. Поэтому современная веб-разработка немыслима без адаптивности, которая позволит вашей вёрстке не «ломаться» на различных расширениях экрана. Именно этим мы и будем заниматься на данном курсе.
Адаптивная верстка - это тренд современной web-индустрии.
Преимущество обучения веб-верстки у нас:
1.Уникальный специализированный курс web-индустрии, охватывающий все популярные классические и новейшие технологии.
2.«Джентльменский набор» верстальщика, который позволяет вам ускорить вёрстку в разы (автоматизированная сборка Gulp, препроцессор Sass). Код «бери и пользуйся».
3.Большое количество практических упражнений, как в аудиториях, так и дома. Несколько psd макетов на выбор для учебных и тренировочных целей. По окончании обучения у вас будет свёрстана по крайней мере одна полноценная адаптивная страничка;
4.После успешного прохождения курса вы сможете понять, как устроена адаптивная вёрстка на различных разрешениях. Сможете писать интерфейсы по адаптивным сеткам с использованием адаптивной графики. Поймёте методы и инструментарий адаптивности, реализованные во фреймворке Bootstrap 3.
На курсе вы изучите как ставшие уже «классическими» подходы в адаптивной вёрстке, так и «направленные в будущее» технологии. Адаптивные графика и типографика, медиазапросы и медиа-типы, flexbox и grids – все эти слова перестанут быть для вас пугающими и непонятными терминами. Также мы рассмотрим как адаптивность реализована в, пожалуй, самом популярном фреймворке – Bootstrap 3.
Курс рассчитан на людей, у которых есть навык базовой вёрстки (HTML, CSS) и способных заверстать простую страницу с фиксированной шириной. Данный курс вы можете пройти у нас.
Учебная программа:
1) Введение в адаптивную вёрстку:
Теория:
• Понятие фиксированной, адаптивной, отзывчивой, резиновой вёрстки;
• Инструменты разработки;
• Инструменты тестирования в браузерах;
Практика:
• Обзоры макета;
• Настойка рабочего окружения;
• Начальная вёрстка фиксированного макета;
2) Работа с медиа-запросами.
Теория:
• Медиа-типы, медиа-выражения;
Практика:
• Написание миксинов (SASS) для удобной вёрстки по брейкпоинтам;
• Перестраивание сетки от широкоформатных мониторов до небольших мобильных устройств с использованием медиа-запросов;
3) Адаптивная типографика и графика.
Теория:
• Адаптивная типографика - em, rem, vh, vw. Разберёмся, где лучше em, а где rem;
• Обычная графика и графика для ретиновых дисплеев. Атрибут srcset, формат svg
Практика:
• Применяем адаптивную графику и начинаем использовать единицы измерения em/rem/проценты;
• Пишем сборку для svg-иконок;
• Фотошоп для верстальщика, нарезка изображений из макета.
4) Flexbox и ознакомление с Grid.
Теория:
• Обзор технологии flexbox;
• Обзор технологии grid;
Практика:
• Выполнение упражнений на закрепление вышеупомянутых технологий;
5) Теория и практика самого популярного фреймворка для адаптивной вёрстки Bootstrap 3.
Теория:
• Обзор фреймворка Bootstrap 3;
Практика:
• Установка и настройка фреймворка, построение сетки;
• Вёрстка странички каталога с использованием функционала фреймворка Bootstrap 3;
• Дополнительная стилизация сайта.
Если Вам не нужна вся учебная программа, Вы можете присоединиться к любой текущей группе и посетить только те занятия, которые Вам необходимы с оплатой за количество посещенных занятий. О том, идут ли в нужный Вам момент группы по данному курсу, их расписание и количество свободных мест, стоимость за нужное количество занятий Вы можете узнать в отделе продаж.
.
.
Количество учебных часов : 24 уч.ч. (1 час - 40 минут). Продолжительность курса: 3 недели.
.
Стоимость группового обучения (в том числе онлайн): 525 Руб. Информацию обо всех скидках на групповое обучение Вы можете прочитать здесь. Скидки от 5 до 50%!
ВНИМАНИЕ! Средняя заработная плата начинающего web-верстальщика - не менее 2000 руб., таким образом, Вы сможете окупить свое образование уже в первый месяц работы! Будем рады помочь Вам начать профессиональную деятельность в этой области.
Индивидуальное обучение (в том числе онлайн): стоимость 1 уч.ч. - 29 Руб.
Подробнее о преимуществах и особенностях индивидуального и онлайн обучения.
.
.
Так у нас проходят практические занятия (нажмите на изображение, чтобы увеличить):
-
Нажмите, чтобы открыть !
Нажмите, чтобы открыть !
-
Нажмите, чтобы открыть !
Нажмите, чтобы открыть !
-
Нажмите, чтобы открыть !
Нажмите, чтобы открыть !
Для повышения Вашей конкурентоспособности на рынке труда мы предлагаем курсы: Создание сайта и интернет-магазина на Joomla и WordPress, WEB-верстка (HTML, CSS), WEB-дизайн и анимация (Photoshop, Flash, ActionScript), Дизайнер, web-аниматор (Adobe Flash, ActionScript), WEB-программирование (PHP, My SQL, CMS), Программирование web-приложений на JavaScript (базовый уровень) , Реклама в интернет: SEO-продвижение, контекстная реклама, маркетинг в SMM, веб-аналитика, Курсы копирайтинга, Контент-менеджер, редактор сайта, Администратор сайта, Курсы SMM-менеджера, таргетолога, Курсы интернет-маркетинга, интернет-маркетолог с нуля до профи, Курсы контекстной рекламы (Яндекс, Google, YouTube) + веб-аналитика.
Преподаватели:
Метлицкий Павел:
Образование: высшее, бакалавр медиа и коммуникаций. Дополнительное образование: обучающие курсы web-дизайна, web-программирования, frontend-разработчик.
Опыт работы: индивидуальный web-разработчик и web-девелопер. Профессиональное владение Html5, CSS3, Bem-naming, Sass, адаптация под мобильные устройства, Bootstrap 3, Flexbox, систем контроля и автоматизации верстки, графики.
Опыт преподавания: корпоративное обучение сотрудников.
Дополнительная информация:
1. Просим Вас более ответственно относиться к выбору курса, т.к. Администрация Центра не несет ответственности за несовпадение личностных, психологических и природных способностей слушателей и выбранного курса. Внимательно ознакомьтесь с должностными обязанностями или пройдите тест на Профессиональную ориентацию.
2. Учебные программы большинства курсов рассчитаны на базовый уровень слушателей, т.е. на тех, кто начинает изучать программу "с нуля". Однако в группе могут находиться слушатели, уровень которых немного выше.
Все, что Вам необходимо для качественного и результативного обучения, у нас есть!
