После почти месяца работы над этим потрясающим побочным проектом я очень рад наконец-то показать вам свою работу.🍾 🙌 🎉

Прежде чем мы начнем говорить о проекте, я хочу, чтобы вы помнили о нескольких вещах.

Прежде всего, я хочу, чтобы вы знали, что все, что я применил в этом проекте, было моим первым использованием, а также я новичок, который хочет приобрести необходимые навыки, необходимые для того, чтобы стать успешным разработчиком внешнего интерфейса. Самое главное, я хочу решать проблемы, как и многие другие старшие разработчики, и, конечно же, быть БОЛЛЕРОМ, а не МЕХАНИКОМ.😆

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

В конце этой статьи у меня будет список моих ссылок в социальных сетях и ссылок на проекты. Делайте все возможное, чтобы участвовать в моем посте / твитах, и ваша конструктивная критика и отзывы будут высоко оценены.

Наконец, пожалуйста, помогите мне пометить центр AIM-TO-GET, пока они не увидят это, так как это один из способов мотивировать меня.

Давайте углубимся в сам проект, но прежде чем мы это сделаем, позвольте мне кратко рассказать вам, что такое центр AIM-TO-GET .

Центр AIM-TO-GET — это современное, комфортное, удобное и доступное пространство для совместной работы в Ибадане, которое открывает вам возможность познакомиться с другими творческими людьми, получить доступ к возможностям и возможности узнать больше в соответствующих областях.

Сейчас! Давайте кратко поговорим о мелких ошибках, которые я заметил на веб-сайте.

(1) Веб-сайт не полностью отвечает требованиям. Это очень трудно заметить на веб-сайте, хотя я даже не знаю, как я наткнулся на эту ошибку (😆). Веб-сайт частично отзывчив, когда вы переключаетесь на «вид рабочего стола» на телефоне Android (chrome), вы заметите, что есть некоторые ошибки, связанные с отзывчивостью. На самом деле это может не быть проблемой, но некоторые люди могут иметь «вид рабочего стола» в качестве настроек по умолчанию в своем браузере, и я считаю, что пользователям непрофессионально сталкиваться с такими проблемами.

Кроме того, меню «Гамбургер» отображается вместе с другим меню, так как это может запутать пользователей, на какое из них щелкнуть, и может отбить у них желание продолжать навигацию по сайту.

РЕШЕНИЕ. Я исправил эту ошибку при создании собственного приложения и сделал так, чтобы гамбургер-меню отображалось только на мобильных устройствах. И он исчезает при просмотре на рабочем столе.

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

РЕШЕНИЕ. Я исправил это, работая над собственным проектом, предоставив кнопке передышку, чтобы посетители могли ее четко видеть и знать, на какую кнопку они нажимают.

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

РЕШЕНИЕ: я не могу оторвать от этого взгляда, потому что это серьезная проблема, которую нельзя игнорировать и о которой нужно позаботиться. Итак, я исправил ошибку, создав значок X, который позволяет пользователям закрывать гамбургер-меню, когда он не нужен, с помощью CSS (флажок).

Исправляя это, я понял, что не могу удалить меню при нажатии на любую навигационную ссылку только с помощью CSS. Поэтому я не мог приступить к этому, пока не изучу JAVASCRIPT в следующий раз.

(4) ССЫЛКИ НА СВЯЗЬ С НАМИ НЕ РАБОТАЮТ:Ссылки на Twitter, Facebook и Instagram рядом с картой не направляют посетителей на соответствующий канал. Таким образом, посетителям сложно проверить страницы компании в социальных сетях. Тем не менее, те, что в нижнем колонтитуле, работают отлично, но посетители, скорее всего, первыми увидят те, что рядом с картой. Значит, им тоже следует отдать приоритет.

РЕШЕНИЕ. Ссылки на социальные сети — отличный инструмент на сайте. Итак, такого рода ошибки необходимо исправить, и я действительно это сделал, теперь посетители могут нажимать на значки, чтобы перейти на веб-сайт компании.

ЗАВОРАЧИВАТЬ

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

Еще раз, я благодарю вас за то, что вы прочитали, и я очень взволнован этим. СПАСИБО!!

ИНСТРУМЕНТЫ: HTML и CSS(SASS)

ССЫЛКИ:

Твиттер: https://twitter.com/ademolasalman

Instagram: https://www.instagram.com/shakur_tobi

LinkedIn: https://www.linkedin.com/in/salman-shakur-92802124a/

Демонстрация моего собственного решения:

https://photos.app.goo.gl/NoUcXGbDvaXiLL4SA

Ссылка на проект: https://shakuurr.github.io/aimtoget/

(Полегче со мной на отзывчивость 🙏 😆)

Сайт Aimtoget: https://aimtogethub.com/

  • (c) САЛМАН АБДУЛШАКУР АДЕМОЛА 💻