Саша
- организатор
- спикер
- разработчик
- тимлид
- Google Developer Expert
- безработная
Никита
- организатор
- спикер
- разработчик
- тимлид
- Google Developer Expert
- работный
Про что поговорим?
- про подготовку доклада;
- про само выступление;
- про лайфхаки от бывалых.
Подготовка
Цели
- хочу пропиарить продукт;
- хочу прокачать персональный бренд;
- хочу поделиться знаниями;
- хочу научить делать правильно;
- попросили помочь.
Какая основная мысль доклада?
Тема и описание ✓
<A>
Что такое поисковая выдача? По факту — страница с десятками ссылок. И когда тег <a>
— самое ценное, что нужно отдать пользователю, знать его особенности критически важно. Давайте разберёмся,
какие тайны в себе хранит этот тег, который с нами ещё со стандарта HTML 1.
Тема и описание ✓
Тебе не нужен Bootstrap! Или нужен? Или все же не нужен?
Времена славы фреймворка Bootstrap, как и библиотеки jQuery, прошли. Мир меняется, стандарты развиваются, и появляются интрументы, которые лучше соответствуют потребностям разработчиков. Но в основе Bootstrap лежат полезные конфепции и понятии, о которых стоит знать. Я расскажу, почему подобные библиотеки полезно хоть раз в жизни пощупать руками на примере Bootstrap. А также о том, чему подобные фреймворки не научат верстальщиков, но что стыдно не применять в 2019 году.
Тема и описание ✕
Идеальный доклад. Голая правда
Что делает доклад интересным и запоминающимся? Полезная тема, харизматичный спикер, весёлые гифки на
слайдах? Да, но список требований гораздо шире. Может показаться, что готовить доклады сложно. К тому же
непонятно, зачем это нужно лично вам. Плюсы и минусы выступлений для карьеры и личностного роста, как
подготовить тот самый, «идеальный» доклад — от опытных докладчиков и организаторов конференций и митапов.
Подача заявки
- тема доклада;
- описание доклада для сайта;
- описание доклада для ПК;
- видео для ПК;
- личные данные (имя, фамилия, компания, твиттер);
- фото.
Логические части
↓
Материалы
Сколько времени на выступление?
Структура — классика
- о спикере;
- план доклада;
- содержание доклада;
- выводы, резюме;
- контакты спикера;
- благодарность аудитории.
Структура — история
- завязка истории;
- о спикере в истории;
- развитие истории;
- вынесенный урок;
- контакты спикера.
Структура — решение
- проблема;
- решение проблемы;
- выводы.
экспозиция
↓
завязка
↓
развитие + кульминация
↓
развязка
Захватить внимание
- работаю в Booble, Yamzex, Spacebook — опыт лидеров;
- постоянно практикуюсь в теме — актуальность;
- являюсь «звездой» в теме — экспертиза;
- имею крутой результат — глубина материала;
- набил(а) шишки в процессе — опыт.
Путь выхода из конфликта
- баг в продакшене — починка;
- недостаток знаний — погружение;
- несовершенство платформы — костыли для неё;
- вызов — решение.
Пирамида Минто
Примеры
- Для базового уровня a11y достаточно знаний вёрстки.
- Видео в один кадр может весить меньше кадра-картинки.
- Смотрите, какое элегантное решение. Оно не работает.
- «Я в эфире, я не кот».
Показать программному комитету и коллегам
Конкуренты за внимание
- твиттер;
- телеграм;
- почта;
- инстаграм;
- клубдом;
- ...
Какие ваши
любимые доклады?
Спикер
+
Мультимедиа
+
❤︎
запись речи
дополнение к речи
Спикерский стиль
или
Стиль под доклад
Спикерский стиль
- Вадим Макеев (тема в Shower);
- Роман Дворнов (Keynote);
- Полина Гуртовая (рисунки от руки);
- Евгений 🐈 (шрифт).
«Всё познаётся
в сравнении»
Длина синего кита
достигает 33 метров
Длина синего кита
33 метра
33 метра
Звёздные войны: Пробуждение силы / Джей Джей Абрамс
// my-paint.js
registerPaint('my-paint', class MyPaint {
static get inputProperties() { return ['--foo']; }
static get inputArguments() { return ['<color>']; }
static get contextOptions() { return { alpha: true }; }
paint(ctx, geom, properties, args) {
// ctx - контекст для рисования, как в canvas
// geom - размеры доступной для рисования области
// properties - свойства, на которые реагирует paintWorklet
// args - переданные в paintWorklet аргументы
// Можно рисовать почти как на обычном canvas
}
});
// my-paint.js
registerPaint('my-paint', class MyPaint {
static get inputProperties() {
return ['--foo'];
}
paint(ctx, geometry, properties, args) {
// рисуем на canvas
}
});
Опасная зона
Видео и звук
∨
на свой страх и риск
С кем?
- с программным комитетом;
- с друзьями;
- с коллегами;
- с «уточкой»;
- с включённой видеокамерой.
Назначить заранее
↓
Есть дедлайн
Онлайн-прогон
=
онлайн-выступление
веб-камера ноутбука
+ источник света впереди
хорошая камера
+ источник света
– свет в комнате
+ второй источник света
+ цветная подсветка
+ фильтр
Интернет
- кабель, не Wi-Fi;
- остановить торренты;
- выключить YouTube;
- иметь под рукой мобильный про запас;
- сменить роутер и интернет-тариф.
Работа с браузером
↓
Видео
Интернет
↓
Мобильный интернет
Аудио в видео
↓
Озвучка видео
Заминка
↓
Шутка в кармане
Разминаем огуречики, 5 мин
Выступление
Успокоиться
или взбодриться?
Медитации
Приведите друзей на выступление
Детей
и домашних животных
увезти из города
Размять рот
(губы, язык, щёки)
Косметика
(и мужчинам тоже)
Уверенный старт
↓
Впечатление
Запоминающееся начало
- костюм динозавра;
- внезапный внешний вид;
- красивый первый слайд;
- ...
Вовлечение аудитории
- плюсик в чате;
- онлайн-квиз;
- поговорить с человеком онлайн;
- запустить активность.
Заметки в онлайне
не видно
Большой список
- пункт;
- пункт;
- пункт;
- важный пункт;
- пункт;
- пункт.
Как ответить?
- убедитесь, что поняли вопрос;
- озвучьте вопрос, если зрители его не слышали;
- подумайте, прежде чем ответить;
- не читайте второй доклад в ответе;
- «Я ответил(а) на ваш вопрос?».
Задающему вопрос
тоже страшно
Советы бывалых
Не планируйте ничего
после выступления
Отложенные сообщения
в Telegram
Видео доклада
вместо доклада?
Митап
=
Подготовка к конференции
Коллеги
=
Подготовка к митапу
Главред
Типограф
Notion
Энтерпрайз, который выжил / Андрей Мелихов
Евгений Кот: Улыбаемся и машем, или зачем быть спикером?
Make a World on Pure CSS / Юлия Миоцен
Вадим Макишвили, Яндекс | 36 | FrontTalks 2014
Картинки как коробки. Что же там внутри? - Полина Гуртовая
Demystifying public speaking
iPhone 1 - Steve Jobs MacWorld keynote in 2007
slides.com
github.com/shower
New Adventures in Front-End, 2019 Edition / Виталий Фридман
Карго-культ TypeScript в украинских аутсорсерах [ru] / Илья Климов
Смерть через Power Point — Алексей Каптерёв
Война текстовых редакторов: редактор кода vs IDE, Александра Шинкевич
Как внедрить стандарты разработки / Александра Шинкевич
«Алиса, пойдём во фронтенд!» / Никита Дубко
Houdini — CSS, который JavaScript
Тебе не нужен Bootstrap! Или нужен? Или все же не нужен?
CSS — язык программирования
Картинки как коробки. Что же там внутри? - Полина Гуртовая
Теперь я - тимлид, но почему мне так плохо?
@dark_mefody/status/1434123381381738497
GDG Minsk Web August Meetup
@homyasusina/status/1177964321931976704
@homyasusina/status/1365977463550017539
Варианты света для съемки видео в домашних условиях
Aputure MC
Meteor Mic
AT2005USB
Руководство для записи подкаста
ATEM Mini
Распевка для быстрого разогрева голоса
Logitech Spotlight
Оглаф
