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

Я могу сказать, что как начинающий разработчик создание такого дизайна было практически невозможно без знаний и гораздо меньшего количества времени, чтобы выполнить тысячи поисков в Google, чтобы найти необходимые правила для применения. Особенно, когда в пятницу у тебя в школе проект 😩. Это привело к тому, что я остановился на посредственном применении цветов и некачественных веб-макетах, содержащих перекрывающиеся элементы div и элементы, расположенные не по центру. Я полагал, что, поскольку я все еще учился, моим инструкторам было все равно, пока логика была правильной, а сайт функционировал, как ожидалось. Так что я всегда делал это или полагался на партнера по проекту, чтобы он выполнил дизайн. Я доберусь туда однажды.

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

Раньше я использовал материальный пользовательский интерфейс пару раз. Я всегда был немного напуган, используя его, потому что было так много кода для работы и незнакомых компонентов. На этот раз я не торопился, чтобы посмотреть, что все делает и как я могу применить это к своему дизайну. Понимая, что я действительно могу копаться и редактировать предоставленный мне код и адаптировать его к тому, что я хочу отобразить. Несколько дней моего проекта, и я уже добился супер чистого макета сайта. И я ловлю себя на том, что подключаю вещи по мере необходимости. Перемещайте их и изменяйте их размер, как профессионал! Особенно полезными компонентами, которые я обнаружил, являются сетка (полезная для быстрого придания структуры вашей странице в формате сетки с использованием элементов сетки для отображения различных источников контента), карточка (довольно удобна для сопоставления различных объектов, таких как статьи или сведения о друзьях). и другие вещи) и панель приложений (для чистой панели навигации отредактируйте ее функции и ссылки, как вам нужно).

В заключение, если вы чувствуете себя разочарованным из-за того, что не можете создать идеальный дизайн, просто помните, что мы учимся с разной скоростью. Мы также должны быть терпеливы, потому что независимо от того, сколько вам потребуется Google или видео на YouTube, которые вы должны смотреть, вы в конечном итоге станете профессионалом. Кроме того, вы всегда можете воспользоваться предварительно написанным кодом, чтобы вывести свой сайт на новый уровень. MUI, наряду с кучей других компонентных API и фреймворков CSS, таких как семантический пользовательский интерфейс и Bootstrap. Просто не торопитесь, чтобы узнать, как их реализовать, документация — ваш друг.