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

Битрикс24

www.bitrix24.ru

16
Отследить-посылку

Отследить-посылку

B2B-сервис трекинга посылок

14
myPreza

myPreza

mypreza.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Expresso

Expresso

www.expresso.today

10
YAGLA

YAGLA

yagla.ru

10
Reader

Reader

Интернет-журнал о современных технологиях.

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

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

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

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

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

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