Let's build a web app (11): UI Design - تصميم الواجهة

#ui #design #figma #frontend #بالعربي

في هذا الفيديو نبدأ في مناقشة بناء الواجهة الأمامية. أعرض تصميمات Figma التي قمت بإنشائها ، وأتحدث بسرعة عن القطع التي سنحتاجها لبناء واجهة المستخدم.

First video: https://youtu.be/G8bUBig2aXc
Previous video: https://youtu.be/8NxexJhLorA

In this video we start discussing building the frontend. I show the Figma designs I created, and quickly talk about the pieces we'll need to build the UI.

Github repo: https://github.com/yebrahim/codersquare
Facebook group: https://www.facebook.com/groups/pragmaar

00:00: Recap
01:00: Figma UI designs
06:08: Implementation components
06:52: Serving the frontend
12:25: Fetching data
13:30: CSS framework

Тэги:

#buildinpublic #web #app #startup #javascript #programming #code #coding #software #development #software_developer #arabic #بالعربي #software_engineer #software_engineering #learn_programming #passwords #devops #dev_ops #ops #operations #deployment #cloud #vm #digitalocean #droplet #firewall #github #hooks #self-hosted #serve #serving #hosting #host #react #cdn #figma #design #css_framework #ui_framework #css #fetch #react-query

Скачать видео