Обзор Frontend Mentor за май 2021 г.

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

Майк работал со мной над Frontend Mentor с самого начала. Мы оба были учителями в General Assembly, когда он увидел, что я строю, и предложил помочь. С того дня прошло более двух лет, и он работал в качестве Frontend Mentor по вечерам, по выходным, в основном, когда у него была свободная минутка, продолжая при этом работать на полную ставку. Так что это здорово, когда он может переключиться и полностью сосредоточиться на Frontend Mentor!

Как я расскажу позже, большая часть этого месяца будет посвящена тому, как Майк обустроится. Он проведет аудит кодовой базы, чтобы выявить технический долг и другие улучшения, которые нам необходимо внести. Поскольку время между нами двумя было ограничено, определенно есть области как клиентской, так и серверной кодовой базы, которые нам необходимо реорганизовать! Майк становится техническим директором, поэтому он возьмет на себя управление базами кода и разработкой. Это означает, что APG будет на переднем крае, Майк будет охватывать и то, и другое, что позволит мне больше сосредоточиться на стратегии, продукте и сообществе.

У нас был отличный месяц для новых регистраций, мы приветствовали 16 043 новых участника на нашей платформе, и это наш лучший месяц! Это также означало, что мы достигли замечательной вехи сообщества: теперь у нас более 150 000 участников на платформе! К нашему сообществу Slack также присоединилось более 5000 человек. Поэтому я хотел воспользоваться этой возможностью, чтобы поприветствовать всех наших новых участников! 👋

Особенности и обновления

В прошлом месяце

  • Обновления пользовательского интерфейса. Возможно, вы заметили несколько обновлений того, как все выглядит на платформе. Это некоторые изменения, которые я собирался внести в течение нескольких месяцев, но меня постоянно тянуло в разные стороны, и я так и не смог внести обновления. После завершения рефакторинга Styled Components, APG смог приступить к этому и внести изменения! Как видите, мы распространили обновления для карточек решение, задача и ресурс по всему сайту. После того, как обновления были отправлены, стало очевидно, что обновления фактически уменьшили читаемость карточек по сравнению с тем, что было до обновления. После чрезвычайно полезного дизайна, разработанного сообществом, мы остановились на гибридном виде. Особая благодарность tediko за предложение конкретных улучшений пользовательского интерфейса после экспериментов с инструментами разработки!
  • Ярлыки центра испытаний. Мы также внесли небольшое, но важное обновление на страницу испытаний. Раньше, когда вы запускали челлендж, призыв к действию на странице челленджа все еще говорил Начать челлендж. Чтобы попасть в центр, вам нужно было перейти в Профиль > Мои задачи, а затем выбрать задачу. Теперь на странице сведений о задаче будет отображаться правильный призыв к действию в зависимости от статуса задачи. Если вы запустили его, призыв к действию теперь обеспечит кратчайший путь к концентратору задач, где вы можете отправить свое решение. Я создал быстрое пошаговое видео с подробным описанием обновления. Эти пошаговые руководства — это то, что я буду делать чаще, когда мы будем вносить новые изменения.
  • Ярлык задачи на странице решения. Еще один ярлык, который мы добавили, заключался в том, чтобы включать информацию о задаче на страницах решения. Это поможет любому, кто просматривает решение, перейти на страницу с вызовом, если он захочет его принять. Вы увидите это обновление на любой странице решения сразу под вводным разделом.
  • Рефакторинг модальных окон. Мы используем модальные окна в разумных пределах на всем сайте. До сих пор они не были реализованы очень хорошо. Основная проблема заключалась в том, что они были недоступны. Они не блокировали фокус, а это означает, что любому, кто использует для навигации что-либо, кроме мыши/трекпада, будет сложно их использовать. Теперь мы переработали наш подход к модальным окнам на всем сайте, что означает, что они выглядят намного лучше и полностью доступны. Вот еще одно пошаговое видео для всех, кто хочет узнать больше о модальном рефакторинге.

В этом месяце

  • Обновление пользовательского интерфейса комментариев и функция «Отметить как полезное». Одно обновление, которое нам не удалось выпустить в прошлом месяце, — это обновление пользовательского интерфейса для компонентов комментариев по всему сайту. Это включает в себя добавление кнопки «Отметить как полезное», которую авторы решений могут использовать, чтобы показать свою признательность за особенно полезные комментарии. Эта карта почти готова; нам просто нужно получить его через линию. Так что ждите объявления от меня позже на этой неделе!
  • Добавить страницы часто задаваемых вопросов и контактов. Я давно планировал отказаться от виджета чата на сайте. Я уверен, что немного раздражает постоянно находиться в нижнем углу сайта. Кроме того, подавляющее большинство вопросов, которые я получаю там, очень похожи. Поэтому мы собираемся удалить виджет и заменить его страницей часто задаваемых вопросов вместе со страницей контактов. Это поможет людям быстро и легко находить ответы на свои вопросы, вместо того, чтобы ждать ответа от меня. Если кому-то все еще нужно связаться, у нас будет страница контактов с нашим адресом электронной почты.
  • Планирование, процессы и рефакторинг. Как я уже упоминал ранее, наша главная цель в этом месяце — устроить Майка и провести полный аудит кода. Мы уже знаем некоторые улучшения, которые мы будем делать, в том числе переход с Redux Form на React Hook Form и начало реализации Storybook, которое мы будем внедрять постепенно. Создание лучших процессов и рефакторинг части нашего кода помогут нам быстрее добавлять новые функции в будущем.

Наставник месяца

Поздравляем tediko с победой в номинации Наставник месяца за май!! Было здорово видеть, как tediko дает такие полезные отзывы другим пользователям платформы, а также публикует невероятные решения! Решения заслуживают внимания, так как tediko очень четко детализирует процессы и дополнительную информацию при каждой отправке. Многому можно научиться, изучая код и читая о процессе!

Также поздравляем Patrick и ApplePieGiraffe со 2-м и 3-м местами соответственно. Они оба давали много замечательных отзывов другим и оказывали поддержку другим членам сообщества!

Спасибо всем, кто оставлял отзывы другим в течение мая! Frontend Mentor помогает друг другу совершенствоваться, поэтому удивительно видеть, как много людей оставляют отзывы другим.

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

Отзывы и идеи приветствуются

Если у вас есть какие-либо отзывы или идеи для Frontend Mentor, пожалуйста, дайте мне знать. Мне нравится слышать, как вы используете платформу. Лучше всего отправить мне сообщение в DM в сообществе Slack.

Я надеюсь, что у вас впереди отличный месяц! 🙂