Frontend базовый

Описание курса 28 Ноября 2016

Предварительная подготовка:

HTML5,CSS и Javascript, все это одним словом можо назвать frontend или вэб дизайн, тоесть, вся видимая для пользователей часть работы сайта.

Преобритаемые навыки:

  • Свободно использовать язык гипер-разметки в версии HTML5;
  • Создавать неповторимый стиль с помощью CSS3;

  • Использовать самый популярный сегодня фреймворк Bootstrap (что невероятноукрасит ваше резюме);

  • Делать великолепные сайты под все браузеры, любые планшеты и смартфоны;

  • Использовать главное секретное оружие профессиональных вэб дизайнеров ошеломительнуютипографику;

  • Оценить эффект, который производит ваша работа на посетителей с помощьюмощного сервиса Google analytics;

  • И главное: уже по окончанию базового курса frontend, вы сможете создаватьпростые сайты-визитки, что тоже стоит денег.

Программа курса:

Первое занятие

·        Знакомимся с основами разметки HTML;

·        создаем базовую разметку html в программе блокнот;

·        тренируемся использовать различные элементы html (header, div, p и пр.);

Второе занятие

·        подключаем внешний файл со стилем css;

·        прописываем первые стили: центровка текста, центровка блока header;

·        знакомимся с сервисом google fonts;

·        используем дополнительные шрифты google fonts - прописываем путь в html иправила css;

·        добавляем картинки;

·        знакомимся с цветом и рамками;

·        используем media queries для создания адаптивного дизайна для маленькихразмеров экрана;

Третье занятие

·        создаем колоночную систему разметки (с помощью div и float);

·        добавляем еще шрифтов из google fonts;

·        используем span и псевдоселектор :before и background для создания иконок;

Четвертое занятие

·        оформляем footer;

·        знакомимся с понятием кроссбраузерности (modernizr, browserstack,virtualbox как инструмент кроссбраузерного тестирования);

Пятое занятие

·        еще больше css:

·        позиционирование;

·        группирование;

·        наследование;

·        каскадирование;

Шестое занятие

·        знакомимся с bootstrap;

·        колоночная система с bootstrap;

·        создадим копию нашей страницы уже с использованием bootstrap;

Седьмое занятие

·        знакомимсяс javascript;

·        продолжаемработать с bootstrap;

·        используемстили bootstrap;

Восьмое занятие

·        углубляемсяв javascript: типы данных, переменные, свойства и методы;

·        заканчиваемработать с bootstrap;

·        пожеланию, покупаем доменное имя и хостинг либо временно получаем ссылку ихостинг от webcamp;

Девятое занятие

·        активноиспользуем объекты javascript;

·        знакомимсяс понятием DOM и применяем javascript в html документе;

·        применяемновые возможности CSS3

Десятое занятие

·        знакомимсяс массивами и функциями javascript;

·        знакомимсяс понятием SEO;

·        оптимизируемсайт;

Одинадцатое занятие

·        закрепляемпройденный материал;

·        решаемвсе вопросы, которые возникли в процессе самостоятельного выполнения второгособственного проекта;

Двенадцатое занятие

·        пишемнебольшой тест по пройденному материалу;

·        получаемсертификат о прохождении курса;

Длительность: 5 недель, занятий в неделю: 2, 10дней / 40 академ часов

Тренер:

Елена Жукова