1 подписчик

Vyorstka(UI) deganda nimani tushunish kerak?

Ko’pchilik, vyorstka deganda faqat, quruq HTML, CSS da qurilgan vebsaytni tushunadi. Asosan, SPA’lar haqida gap ketadi.

Aslida, o’zi qanday, keling, ko’p yo’l qo’yiladigan xatolarga to’xtalib o’tamiz.

- Har bir inputga validatsiya, xato holatlarini ko’rsatib qo’yish kerak.

- Taxta bo’lsa ham, ko’rinishni chiqazvolay, keyin componentlarga bo’laman(Bunday qilish o’z oyog’izdan tortadi). Componentlarga bo’lmasdan 1000 qator kod yozish tavsiya etilmaydi.

- Componentlarni ichida statik kontent qolib ketmasligi kerak. Masalan, News Card bor. Uni ichida, image, title va description bor. Ko’pincha holatda, static textlar qolib ketadi. Props’lar orqali ma’lumotlarni kiritib ishlatishni o’rganish kerak.

- Button’larda odatda, hover, aktiv statelar qo’ymasdan qilib ketishadi, aslida esa chala.

- Rasm compress qilish(Oxirgi payt, o’zimizda ham, bularni optimizatsiya qilish bo’yicha ishlar ketyabdi)

- Favicon, meta taglar yo’qligi.

- Animatsiyalar yo’qligi, developer research qilmasligi.

P.S. Taxta bo’lib qolmang. Vyorstka degani, faqat html, css da yozish degani emas. Hozirda, tayyor saytlar ham bor, figmadan, html ga o’girib beradi.

Около минуты

9 октября 2022