Винаги е било малко трудно или мозъчна атака за Frontend Developer да започне с простия или сложния дизайн, тъй като този разработчик трябва да започне с малка стъпка като проверка на дизайна и мрежата за „bootstrap“ и разделяне на секцията и колоните, тъй като дизайнът е, че можете да видите фиг. 1 и фиг. 2.

Нов този блог това, което ще предложа, е да изградим уебсайта по по-прост начин, аз го наричам част по част.

Означава работа на една и съща страница, но 3 пъти.

В част 1

Това, което виждаме, са само рамките, направени с HTML и bootstrap, които БЕЗ форматиране, нямат работа с подравняването, цветни изображения и икони, което ще ви ускори времето за разработка и накрая ще намерите разработката на страницата е готово, сега имате работа по частта за разкрасяване. който попада в част 2.

В част 2

Тъй като имаме солидна структура на страницата, ни става по-удобно да работим върху разкрасяването на страницата. В това започваме да работим

Подравняване

Подравняването не отнема време, тъй като можете директно да го накарате да работи с помощта на начални класове.

Цветове

Цветовете са едно от най-важните неща, защото те представляват марката, изживяването на използваемостта и призива за действие. което също няма да отнеме време, ако използвате sass/scss.

Изображения

за изображения трябва малко да се докопате до Adobe Photoshop, защото трябва да извлечете изображенията, тъй като ви трябват, което може да бъде нормално изображение или 2x изображения за ретината.

Икони

запазихме иконите на последната стъпка, защото са необходими много пациенти, пациенти за събиране на всички икони в едно платно на Photoshop и създаване на „спрайт изображение“ и след това прилагането му върху „страница с помощта на css“ е малко трудно, но възможно. :)

И последните 3 части са JavaScript

Както всички знаем, JavaScript е задължителен, за да направите уебсайта или приложението интерактивно, чрез него можете да създавате падащи менюта, изскачащ прозорец на модела, функционалност за скриване/показване и много други. В JavaScript обикновено начинаещите прекарват повече време в него, тъй като се сблъскват с много проблеми, когато използват. но да, това е един от най-лесните и клиентски скриптове, които уведомяват потребителя и правят изживяването много по-добро.

Значи това е

Започнете с новия дизайн част по част.

ПРИЯТНО КОДИРАНЕ :)