Digital October

Московская конференция «День Разработчика Autodesk 2016» конференция Московская конференция «День Разработчика Autodesk 2016»

Девиз конференции: «Data at the Center»

Форум финансовых инноваций FinNext конференция Форум финансовых инноваций FinNext

пятый форум финансовых инноваций FinNext-2017

Как зарабатывать на хобби? Лекция Как зарабатывать на хобби?

лекция Екатерины Петропавловской

GA: «безумные печенюшки» и прочие радости программирования

Important
25 февраля 2013, 19:00 программа

В центре Digital October прошла третья «Генеральная ассамблея» – на этот раз в фокусе обсуждения оказались вопросы веб-разработки.

С одной стороны, формат занятий многим уже стал привычен – за лекцией иностранного специалиста следует разбор услышанного с российскими экспертами в студии, а завершается все так называемым «Happy Hour» – временем для неформального общения. С другой стороны, 25 февраля Digital October и General Assembly, по сути, заново открыли «ассамблею» для московской публики, представив практический мастер-класс (!) от Криса Кастильони.

Бывший ведущий разработчик ряда американских веб-студий, Кастильони сегодня – участник команды General Assembly. Он не входит в число основателей проекта, но был одним из первых, кто поверил в потенциал образовательного стартапа, взвалив на себя развитие сайта GA. С недавнего времени он также стал читать вводные курсы, посвященные программированию «для чайников».

Крис – учитель не строгий и все понимающий. Если бы он проводил занятия «живьем», а не в записи, он и тогда, пожалуй, не удивился бы, что на урок программирования не все пришли с ноутбуками. Нехватку компьютеров восполнили быстро: сотрудники Digital October поделились своими ноутбуками с гостями центра. А пока люди скачивали необходимые для работы образцы кода и редактор Sublime, те, кто в последий момент решил присоединиться к занятию, приобретали билеты на месте.

В качестве первой самостоятельной работы Кастильони предложил слушателям создать одностраничный макет, посвященный персонажу «Улицы Сезам» – Коржику. Если описывать занятие вкратце, за час с небольшим Крис должен был пошагово объяснить, как с помощью HTML5 и CSS3 создать такой сайт-визитку,..

… а также дать советы, как перейти к чему-то более сложному, например, такому:

«HTML и CSS – это внешний вид вашей странички», – подсказывает Крис новичкам. Чтобы те, кто столкнулся с кодом сайта впервые, не чувствовали себя неловко, Крис придумал интересный ход. Рядом с ним на экране возникает Джордан – дилетант в теме, задающий лектору подчас совершенно неожиданные вопросы: например, почему не стоит писать код в Microsoft Word?

Знакомство с миром веб-верстки участники начинают с освоения базовых HTML-тегов. Как только из слипшейся массы слов возникает ряд строгих абзацев текста, заголовки оформлены, а ссылки проставлены, Кастильони переходит к работе с CSS. Аудитория учится менять цвет фона страницы, оформлять подложки заголовков, задавать ширину отступов и полей, а лектор уже объясняет, как «играться» со шрифтами. Наконец, финальный штрих – подстановка фонового изображения, и личный сайт Коржика готов.

Справиться со всеми этапами работы с первой попытки получилось не у всех. В дело вступают эксперты «ассамблеи» – ведущий разработчик Undev.ru Дмитрий Демешкин и ведущий разработчик AltSpace Labs Олег Сидоров.

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

У Дмитрия спрашивают, можно ли украсть дизайн сайта – частично или полостью, как использовать Twitter Bootstrap для быстрого прототипирования макетов, и что стоит читать про CSS и HTML тем, кто не собирается останавливаться на одном занятии. «Чтобы всегда быть «на коне», нужно обращаться к англоязычным источникам» – советует Демешкин.

«Те же HTML5 и CSS3 – инструменты довольно новые, и поддерживаются они пока не всеми браузерами. Но с их помощью вы сможете делать действительно крутые вещи, которые есть еще не у всех. Только будьте готовы к тому, что увидеть их смогут не все посетители вашего сайта», – подключается к обсуждению Олег Сидоров.

Его выступление посвящено «фишкам» CSS: Олег показывает, как средствами Java Script добиться модного blur-эффекта, как заполучить бесплатный «Instagram в браузере», и добавляет на сайт Коржика «безумную печенюшку». Наконец, он рассказывает, как встроить в сайт любой шрифт, купленный в сети.

Пока Олег дает последние пояснения по работе со шрифтами, на «галерке» происходит такой диалог:

– А что, уже пора заканчивать? Метро же только через три часа закрывается.

– Нет, всего полчаса осталось [видимо, имеется в виду то, что выход с «Кропоткинской» в сторону Храма Христа Спасителя, ближайший к DO, перекрывают в 22.30].

– Ну можно и до «Боровицкой» пройтись, чего уж там…

И действительно, люди не спешат расходиться: просят рассказать о следующей лекции – мастер-классе Мэтана Гриффела об основах программирования на Ruby on Rails, и продолжают «осаждать» экспертов, оставшихся на «Happy Hour». Небольшое сообщество тех, кто приобщился к основам веб-дизайна, расходится лишь тогда, когда южный вход станции «Кропоткинская» уже давно закрыт…

контакты

119072, Москва, Берсеневская набережная, 6, стр.3

+7 (499) 963–31–10
+7 (985) 766–19–25
do@digitaloctober.com