Обзор Frontend Mentor за сентябрь 2022 г.

Обзор Frontend Mentor за сентябрь 2022 г.

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

Прежде чем я это сделаю, я хотел бы поприветствовать 24 003 новых участника, присоединившихся к платформе Frontend Mentor в сентябре, и более 8,5 тыс. человек, присоединившихся к нашему сообществу Slack! 👋 Надеюсь, вам понравится быть частью сообщества Frontend Mentor и вы многому научитесь, выполняя наши задачи!

Теперь о том, над чем мы работали весь сентябрь…

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

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

• Интегрированные подписки PRO с API Ecologs. С тех пор как мы добавили нашу подписку PRO, мы ежемесячно жертвуем на различные благотворительные организации. Однако по мере роста бизнеса мы хотим увеличить свое влияние, чтобы помогать проектам, которыми мы увлечены. Мы с Майком особенно увлечены изменением климата. У нас уже есть месячная бизнес-подписка с Экологами, вносящими свой вклад в их климатически позитивные проекты по всему миру. Но мы хотели пойти еще дальше. Итак, с сентября мы интегрировали нашу подписку PRO, так что одно дерево сажается для каждой новой или продленной ежемесячной подписки, а восемь деревьев сажаются для каждой новой или продленной годовой подписки. Это значительно увеличило влияние, которое мы можем оказать как сообщество. Вы можете взглянуть на «лес Экологии Frontend Mentor», чтобы увидеть конкретные проекты, которым помогает эта новая интеграция. Я рад поддержать больше инициатив, поскольку мы продолжаем расти!
• Изменения пользовательского интерфейса платформы найма. У нас было несколько изменений пользовательского интерфейса, которые мы хотели внести в платформу найма, чтобы улучшить ее внешний вид.
• Оптимизированное использование Cloudinary — мы используем Cloudinary для размещения наших изображений. Мы поняли, что есть несколько областей, в которых мы можем оптимизировать доставку изображений, чтобы уменьшить наше использование и (надеюсь!) перейти на более низкий ценовой уровень. Итак, мы внесли необходимые обновления и будем продолжать следить. Эти оптимизации также должны привести к ускорению загрузки сайта, так что это беспроигрышный вариант!
• Простое удаление текущих задач. В прошлом месяце я упоминал, что когда мы обновили интерфейс для удаления решений, мы случайно сделали невозможным удаление текущих задач с платформы! Поэтому мы добавили кнопку удаления к незавершенным элементам на странице «Мои испытания». Это значительно упрощает удаление текущих задач, чем до предыдущего обновления UX.
• Автоматизированные отчеты о доступности и проверке HTML в рамках наших дымовых тестов. Продолжая улучшать наш набор тестов, мы решили добавить в него автоматические проверки доступности и проверки HTML. Мы используем его во всех решениях Frontend Mentor, поэтому кажется глупым, что мы не запускаем те же автоматические проверки в нашем наборе тестов!
• Уменьшен объем данных, отправляемых обратно с сервера. Мы продолжали улучшать взаимосвязь между нашими интерфейсными и серверными кодовыми базами, чтобы больше использовать Redux Toolkit и сократить объем передаваемых данных. Теперь мы отправляем гораздо меньше данных с сервера, что приводит к большему повышению производительности.
• Обновлен заголовок Learning Platform для использования системы дизайна. Когда мы создавали первую версию Hiring Platform, мы добавили несколько новых шаблонов в нашу библиотеку компонентов Storybook для заголовка. Итак, мы обновили платформу обучения, используя эти шаблоны. Одно небольшое визуальное изменение, которое вы заметите, — это добавление значка шеврона рядом с вашим аватаром в правом верхнем углу, чтобы указать, что это раскрывающееся меню.
• Планирование будущих обновлений пользовательского интерфейса/UX (обмен решениями, отчеты о решениях с вкладками, центры задач). У нас запланировано несколько интересных обновлений для дальнейшего улучшения UX сайта. В основном они сосредоточены на решениях и центрах задач, и я расскажу о них подробнее ниже, когда расскажу, что мы запланировали на октябрь.
• Множество исправлений мелких ошибок. Мы потратили много времени на устранение различных ошибок в Sentry. Теперь Sentry сообщает о гораздо меньшем количестве ошибок, что всегда приятно!

В этом месяце

У нас еще есть много мелких настроек и улучшений, которые мы планируем внести, но вот некоторые из наиболее значительных изменений, которые мы готовим.

• Добавить отчеты о решениях на страницу решения. Мы планируем изменить способ отображения отчетов о решениях. На данный момент отчеты о доступности и проверке HTML отображаются на внутренней странице, на которую можно перейти со страницы решения. Размещая отчеты на странице решения, мы стремимся упростить людям поиск и просмотр отчетов. Это также позволит просматривать отчеты, давая обратную связь. В обновленном пользовательском интерфейсе будут добавлены вкладки для сравнения дизайна, отчета о доступности и отчета о проверке HTML. Любой, кто просматривает страницу, может переключаться между каждым элементом непосредственно со страницы решения.
• Добавьте баллы текущего пользователя на Стену славы. Это обновление позволит любому пользователю легко увидеть, сколько баллов он заработал за определенный период времени. Таким образом, даже если вы не видите себя на Стене славы, она покажет вам общее количество баллов за выбранный период времени.
• Улучшение пользовательского интерфейса/UX Challenge Hub. Это будет довольно значительное изменение, поэтому я не уверен, что мы завершим его полностью в этом месяце. Страницы центра задач на данный момент являются наименее интуитивными страницами на сайте, поэтому они нуждаются в капитальном ремонте. Центр задач — это место, где вы можете загружать файлы задач, отслеживать свои решения для конкретной задачи и просматривать решения других людей для той же задачи. В нынешнем виде страница довольно запутанная. У нас есть кнопки, с помощью которых вы можете переключаться между вашими «попытками», пользовательский интерфейс значительно меняется по сравнению с тем, когда ваше решение находится в процессе разработки и завершения, и обычно он выглядит не лучшим образом. Наши планы направлены на очистку страницы хаба, чтобы было легче видеть, что происходит, и сделать хабы более расширяемыми в будущем, когда мы планируем добавить такие функции, как контрольные вопросы (подумайте о мини-переполнении стека для каждой задачи). Я особенно рад, что мы внесем эти изменения, так как это будет большим улучшением!

Стена славы

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

Поздравляем Лукаса с тем, что он занял первое место на Стене славы в сентябре и побил свой предыдущий рекорд за месяц! Лукас дал много отличных отзывов и помог многим людям в сообществе!

Также поздравляем Adriano и vcarames с финишем 2-м и 3-м соответственно. Оба дали много полезных отзывов, что отражено в больших баллах! У всех вас в профилях новые блестящие значки Наставник месяца ✨

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

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

Кроме того, теперь, когда платформа Hiring Platform запущена, стоит отметить, что обзоры кода, которые вы даете другим на платформе, будут играть большую роль в том, где вы будете появляться в результатах поиска разработчиков. Ваши обзоры кода для других людей станут невероятным способом продемонстрировать свои знания. Это поможет менеджерам по найму получить подробное представление о вас как о разработчике, просматривая ваши решения и читая ваши обзоры кода.

Победитель розыгрыша аирдропа

Поздравляем Mihael с победой в ежемесячном розыгрыше Airdrop! Наслаждайтесь использованием своего бесплатного кредита на премиальные испытания, чтобы принять участие в одном из наших премиальных испытаний!

Каждую неделю и месяц мы случайным образом выбираем кого-то, кто выиграет кредит на дизайн (еженедельно) или премиум-кредит на вызов (ежемесячно). Каждую неделю или месяц, когда вы финишируете на Стене славы, у вас будет шанс на победу! 🎉

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

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

Надеюсь, вам понравится предстоящий месяц! 🙂