🗓Состоится ОНЛАЙН 12 октября в 18:00 GTM+3.

Без регистрации и рассылок, просто приходите! Поставьте напоминание, чтобы не пропустить.

Программа

18:00-18:15 — Открытие, вступительное слово

18:15-18:45

Умное меню: как приложение решает, что у меня сегодня на обед?

В докладе я расскажу, как мне надоело ежедневно решать, что приготовить, и как я пробую решить эту проблему с помощью пет-проекта на React. Поделюсь ключевыми аспектами разработки, от пользовательского опыта до технических деталей создания генератора меню.

Лена Райан

7 лет во фронтенде, пишет нa React, контрибьютит в Доку, чтобы почувствовать себя частью чего-то большого и полезного, кроме фронтенда играет на нескольких музыкальных инструментах и рычит гроулом.

18:55-19:25

Mock Service Worker как способ сделать удобные заглушки

Mock Service Worker облегчает взаимодействие с бэкендом и улучшает процесс тестирования. Поделюсь успешным опытом применения инструмента в проектах и расскажу, как он упростил мою работу.

Алекс Рассудихин

Мидл фронтенд-разработчик, начал контрибьютить в Доку, чтобы развить навыки технического письма и так втянулся, что написал уже больше 10 материалов, кроме фронтенда любит творчество Толкина.

19:35-20:05

За кулисами фронтендерских соревнований: как проверяются ваши задачи?

Долгое время я был участником соревнований на Яндекс.Контест, CodeRun, CodeForces. Но однажды оказался по другую сторону баррикад и стал автором. В докладе покажу внутрянку создания задач: как выглядит процесс, какие этапы он включает, и с какими вызовами приходится сталкиваться.

Сергей Минаков

Мидл фронтенд-разработчик в Яндексе, начал контрибьютить в Доку до первого коммерческого опыта в профессии, кроме фронтенда занимается спортивным пол-дэнсом.

20:05-20:15 Закрытие, поздравления

Следите за новостями в наших соцсетях Telegram, VK. Задать вопросы и пообщаться можно в Тelegram-чате.

Читайте Доку и до встречи на онлайн-трансляции Дока.Движа!

HTML

🥇 Казалось бы, какие таблицы в 2023 году? А, по факту, про них самая популярная статья в разделе HTML!
https://doka.guide/html/tables/

🥈 Это база. Подробное объяснение термина «поток документа».
https://doka.guide/html/flow/

🥉 Свежий тег, но такой удобный. Всплывающие окна хоть и раздражают, но без них никак.
https://doka.guide/html/dialog/

CSS

🥇 Флексбоксы очень, очень удобные. Ещё удобно подсмотреть все свойства в одном месте. Для этого мы и пишем гайды.
https://doka.guide/css/flexbox-guide/

🥈 Любой сайт с красивыми анимациями становится сильно привлекательнее. А как с этими самыми анимациями работать? Рассказываем в этой доке.
https://doka.guide/css/animation/

🥉 Позиционирование в CSS — та ещё… сложная штука. Не удивительно, что иногда надо заглянуть в подсказки и освежить знания. https://doka.guide/css/position/

JavaScript

🥇 Самое важное для веба — уметь взаимодействовать с клиентом (во всех смыслах этого слова). Изучаем событийную модель.
https://doka.guide/js/events/

🥈 Отличный метод массива. Надёжный, как швейцарские часы 😎
https://doka.guide/js/array-reduce/

🥉 Все тонкости обработки форм при помощи JavaScript. Валидация, сбор данных, отправка без перезагрузки страницы. Вот это вот всё.
https://doka.guide/js/deal-with-forms/

A11Y

🥇 Казалось бы, CSS нужен для стилей и он никак не должен влиять на семантику… но не тут то было! Инна Абдрахманова срывает покровы и рассказывают всю правду о влиянии CSS на доступность.
https://doka.guide/a11y/css-impact-on-a11y/

🥈 Никогда не бывает лишним погрузиться в основы и узнать, что такое эта ваша ARIA.
https://doka.guide/a11y/aria-intro/

🥉 Одна из самых больших проблем с доступностью — alt к картинкам. Дока рассказывает, как описывать эти коварные картинки.
https://doka.guide/a11y/how-to-describe-pictures/

Веб-платформа

🥇 Удивительный лидер, но с цифрами не поспоришь. Подробная инструкция по использованию языка Маркдаун.
https://doka.guide/tools/markdown/

🥈 Потрясающая статья про архитектуру приложения и паттерны проектирования.
https://doka.guide/tools/architecture-and-design-patterns/

🥉 Заглядываем под капот и разбираемся во всех шагах, через которые проходит браузер, чтобы нарисовать страницу сайта.
https://doka.guide/tools/how-the-browser-creates-pages/

Рецепты

🥇 Быстрый рецепт по созданию разноцветного текста 🌈
https://doka.guide/recipes/multicolor-text/

🥈 Рецепт-мем с ответом на частый вопрос с собеседования «как выровнять див по центру экрана».
https://doka.guide/recipes/center/

🥉 Самый новогодний рецепт со снежинками для сайта! ❄️ Верните мой 97-й. Кстати, такое украшение снова в тренде.
https://doka.guide/recipes/snow/

Поехали 🧶

2. За год Дока выросла в два раза по всем показателям посещаемости сайта. Никакой рекламы и накруток, только органика 🌱 Для нас это признак пользы и востребованности.

3. Например, сайт Доки достиг миллиона просмотров. (Ох, как мы любим красивые цифры). Миллион раз вы получали пользу, освежали знания и учились новому вместе с Докой.

4. За год на Доке появилось 94 новых материала 🎉 Большое спасибо всем авторам, которые решили поделиться частью своих знаний с сообществом. Можно посмотреть список все статей за 2023 в ченджлоге.

5. Спасибо не только авторам, но и всем, кто приносил нам багрепорты, ишью, правки и улучшения. Всех видим, всех безмерно ценим ❤️
Посмотрите и вы на них в пульсе репозитория с контентом.

6. Самым активным участникам сообщества выдали значки «Суперстар» за весомый вклад в развитие и популяризацию проекта.

Отдельное спасибо Алексею Никитченко и Антону Капустинскому 🫂

7. Кстати, за контрибьют в Доку 1 января 2024 выдадим особый значок. Если вдруг хотите изменить жизнь с нового года — это отличный старт.

Планируем получить его тоже всей редакцией, но тут уж как получится. Сила салатиков может оказаться сильнее 🥗

8. Выпустили большой спецпроект-сериал «Трудоустройство», в котором подробно рассказали про каждый шаг поиска работы в IT. Теперь вы знаете, что делать на первом собеседовании, и как быть после него. Это был сложный для нас проект во многих смыслах. Поставьте лайк, похвалите нас

9. Ещё о спецпроектах: сделали забавный квиз к своему дню рождения. Давно ли вы разгадывали кроссворды? А кроссворды по фронтенду?

10. Побаловались с сайтом на Хэллоуин. Репост если видели и шалость удалась 🎃

11. Продолжаем строить коммьюнити. Поняли, что Дискорд не подошёл нам как платформа. Переехали в телеграм-канал и жизнь закипела. Присоединяйтесь!

12. За год провели много полезных стримов. Планируем продолжать и приглашать ещё больше классных гостей, обсуждать больше интересных тем. Пишите нам, если хотите видеть кого-то конкретного или обсудить что-то важное для вас. Подпишитесь на наш канал, чтобы не пропускать.

13. Были гостями и спикерами на разных конференциях и мероприятиях. Exoz Frontend Meetup, HolyJS, FrontendConf. Список будет пополняться.

14. Сделали для оффлайна стикеры и подушки. Повод поискать нас на ближайших конференциях. Для онлайна сделали стикерпак для телеграма из легендарных иллюстраций Киры в редакции Светы. Скачать можно тут → https://t.me/addstickers/doka_pics

15. Дока запустила свою ежемесячную рассылку. В ней делимся свежими материалами, техническими ченджлогами, посещёнными митапами и конференциями. Можете подписаться 😉

16. Переосмыслили раздел «Инструменты» и переименовали его в «Веб-платформу». Там можно найти всё, что не относится напрямую к языкам в вебе, но пригодится в работе: GIT, SSL, Docker, паттерны. Вот это вот всё.

17. Дока ♥️ Словарь Веб-стандартов. Мы с самого начала опирались на словарик при написании текстов. В какой-то момент поняли, что можем развивать и его тоже. Спросили разрешения у Вадима Макеева и усыновили его. Приходите контрибьютить и в него тоже!

18. В некоторых материалах никак не обойтись без схем. Выложили руководство по схемам в фирменном стиле доки в Фигме. Он в открытом доступе, так что заглядывайте, не стесняйтесь.

19. Ещё допиливали платформу Доки. Изменения как суслики — их особо не видно, но они есть 😄 Мы верим, что резкие изменения в интерфейсе раздражают пользователей, а ещё не так легко разгребать технический долг небольшой командой.

20. Из больших визуальных изменений в интерфейсе Доки новый футер со ссылками на наши соцсети и другие важные страницы. У нас было два варианта: в стиле старого футера и классический «подвал» со ссылками. Выбрали классику ✌

21. В течении года Таня Фокина улучшила доступность сайта. Всё задуманное исправить не получилось, но мы не собираемся сдаваться или останавливаться 🚄

22. Много думали о меню и шапке сайта. Пока ничего не придумали, но активно к этому готовимся. Первый важный шаг сделан — собрать всё в одном ишью, чтобы техдолг стал ещё больше 😅

21. Начали использовать блок на главной Доки как место для анонсов наших мероприятий, потому что кто нам запретит и почему бы и нет? Это даже работает! Повод почаще выныривать из материалов и заглядывать на главную. Вдруг что интересное?

22. Ещё разобрались с OG-картинками и оптимизировали другие изображения в справочнике. Больше картинок, больше форматов, меньше байтов, быстрее сборка.

23. Никто уже и не ждал, но это случилось. Дока теперь доступна и в оффлайне. Автономность зависит от активности читателя. Чем больше читаете, тем больше материалов будут доступны 😉

24. Сделали фид RSS для тех, кому это может быть полезно. В нём публикуем наши изменения со дня запуска.

25. Что ждёт Доку в 2024? Конечно же, мы планируем продолжать и дальше расти и вширь, и вглубь.

26. Другой амбициозный план Доки на 2024 — запуск нового раздела про SVG под присмотром Тани Фокиной. Для раздела придумали маскота — смешную таксу, но пока вам её не покажем. Приходите писать, тем хватит на всех и даже больше. https://github.com/doka-guide/content/milestone/28

27. Конечно, в 2024 Дока продолжит делать то, что и в 2023: быть доброй, открытой, документировать веб-технологии, проводить хакатоны, ходить на конференции, стримы и митапы и приносить пользу сообществу.

28. Теперь важный вопрос к вам: что ещё вы хотели бы видеть в Доке в 2024? 👀