Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Интерактивные онлайн-курсы
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
29
Эбиа

Эбиа

www.ebia.ru

16
Enlite

Enlite

enlited.ru

16
Amarket

Amarket

amarket.io

15
likearea

likearea

smm.li

14
Relap

Relap

relap.io

12
RockinRobin

RockinRobin

www.rockinrobin.co

12
E-Commerce and Venture projects

E-Commerce and Venture projects

Продажа товаров от производителей оптом и в розницу

11
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Cookiezz

Cookiezz

cookiezz.com.ua

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

Интенсив: подготовка программы

263 0 В избранное Сохранено
Авторизуйтесь
Вход с паролем
Работа над интенсивом идёт полным ходом. Мы наконец-то разобрались со всеми юридическими вопросами, нашли крутых людей в команду и решили еще кучу задач. Но сегодня я подробнее расскажу о работе над программой интенсива.

Для начала мы решали, делать ли классическую программу или экспериментировать. Классическую программу вы видели на многих существующих курсах по вёрстке. Она примерно такая: сначала история веба, потом разбор HTML, потом разбор CSS, потом немного об HTML5 и CSS3. На каких-то курсах туда добавляются прикладные вещи, но, в целом, программы везде очень похожи. Кстати, последовательность курсов на нашей карте обучения примерно соответствует классической программе.

Как вы уже догадались, мы решили экспериментировать. И при составлении программы интенсива руководствуемся тремя подходами:
Весь процесс обучения на интенсиве будет построен вокруг вёрстки достаточно сложного макета. Причем верстать мы будем его методом прогрессивного джипега, который используют многие верстальщики.
Сначала верстальщик размечает контент, потом готовит базовую сетку, а потом начинает постепенно оформлять разные блоки внутри сетки. И на каждом шаге страница всё больше и больше приближается к идеалу (т.е. к макету). Очень похоже на джипег: сначала у нас есть размытая сетка, а потом мы делаем различные области сетки всё чётче и чётче.

Этот способ вёрстки проще всего продемонстрировать на последовательности скриншотов сайта. Для примера мы взяли главную страницу HTML Academy:
Этапы вёрстки
Какие особенности программы вытекают из такого подхода?
  • Во-первых, последовательность изучения материала будет отличаться от привычной. Вначале мы изучим основы HTML и CSS, а потом практически сразу перейдем к построению сеток.
  • Во-вторых, изучение HTML и CSS будет переплетено. Например, при изучении таблиц или форм мы сразу же будем их ввёрстывать в подготовленную сетку сайта и сразу же оформлять с помощью CSS.
  • В-третьих, после каждого занятия у вас будет какой-то завершенный результат. Вначале он будет не так красив, но на каждом последующем занятии он будет существенно улучшаться.
На подробную проработку программы нам понадобится еще около недели, после чего мы её опубликуем.
0
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Комментариев еще не оставлено
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать