Как да станете по-добър Frontend разработчик
Здравей, мина известно време. Надяваме се, че сте били заети 😁. Аз самият също бях зает. Но пак съм тук.
В тази малка статия ще споделя с вас няколко неща, които според мен ще ви направят по-добър Frontend разработчик. Уверете се, че не се отегчавате и довършете това в движение. Ще го направя възможно най-прост.
Frontend разработката, както знаете, е наистина важна в разработката на софтуер. Вашата бекенд логика може да е най-добрата във вселената, но никой не се интересува от това, поне не и вашите крайни потребители. Това, което ги интересува, е какво виждат, какво могат да почувстват, което е Frontend частта от вашата работа.
Може да си мислите: „Frontend не е моя работа, аз съм backend разработчик“, но истината е: Това е ваша работа. Трябва поне да имате малко око и за добрия дизайн. Няма да видите много сладко куче и да решите да изберете грозното, странно изглеждащо, нали? Обзалагам се, че отговорът ви е не. Нека същото се отнася и за вашите творби.
Много пъти си представям себе си като краен потребител, по този начин мога да проверя за повечето неща, които всеки краен потребител би проверил, когато използва моя софтуер, и така докато някой друг стартира тест, имам по-малко неща за коригиране.
И така, нещата, които трябва да разгледате накратко, са следните:
Първо мобилно изобразяване
Вашето приложение трябва да има добър дисплей на мобилни устройства. Това не трябва да прави външния вид на настолни устройства също скапан. И се уверете, че има едно и също съдържание на двата дисплея.
Използвайте готини шрифтове
Не се задоволявайте с скапани шрифтове. Винаги се уверете, че използвате готини шрифтове. Използвайте Google Fonts и си спестете проблеми с изтеглянето на шрифтове. Но не пречи да имате такива шрифтове и на вашата машина. За офлайн цели.
Плавно превъртане
Искате да сте сигурни, че вашите потребители имат гладко и гладко изживяване, докато са на вашата платформа. Въпреки че не използвате библиотека SmoothScroll JavaScript? Няма нужда да започвате да пишете свой собствен JavaScript.
Работете умно! Няма нужда да преоткривате колелата, когато има инструмент, който можете да използвате.
Бъдете креативни - използвайте анимации
Приложението ви не трябва да е като онези приложения от каменната ера 😀. Модерните приложения трябва да използват анимации. Вижте моята статия за използването на Wow.js и Animate.css за правене на зашеметяващи анимации.
Използвайте плоски икони и векторни изображения
Иконите на уебсайта ви не трябва да включват само икони „Font Awesome“ или „Bootstrap Glyphicons“, вместо това трябва да използвате „плоски икони“ и „векторни изображения“ в приложението си. Ще имате много по-изчистен интерфейс, като ги използвате, отколкото просто да разчитате на пакети шрифтове.
Цветова хармония
Уверете се, че цветовете, които използвате в приложенията си, са напълно синхронизирани. Не бунт цветове.
SweetAlerts!
А, да! SweetAlerts! Отминаха дните на традиционните JavaScript сигнали. Използвайте SweetAlert (swal) и имайте „по-красиви“ предупредителни съобщения в приложенията си.
За да завършите всичко това, имайте малко усет към дизайна. Няма да навреди да знаете как да проектирате просто лого (дори и да не е толкова професионално в началото), да смесвате цветове, основни умения за графичен дизайн, за да подобрите интерфейса си.
Харесвате ли тази статия? Пляскайте, споделете в мрежата си! Последвайте ме в Twitter : @iamwebwiz и ме последвайте в Medium.
Приятно хакване!!!
