وفـاء | Frontend

@b_wffa

وفـاء | Frontend (Arabic)

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

وفـاء | Frontend

15 Apr, 18:09

لو أنت طالب ومهتم بالتدريب التعاوني لا تفووتك منصة إنطلاق.. يجمعوا لك الجهات المتاح عندهم التدريب بمكان واحد وتتحدّث بشكل مستمر 😍😍

https://intelaq.net/home

—

2,339

وفـاء | Frontend

12 Apr, 19:53

كل عاام وأنتم بخير 🥳🤍🤍

2,311

وفـاء | Frontend

05 Feb, 20:08

5 ميزات في CSS رهييبــــه ولازم تعرفهم 😍😍

https://www.youtube.com/watch?v=oDDcZhKqUxQ

—

3,300

وفـاء | Frontend

12 Jan, 20:43

‏كويز سريييع 🔥

ايش هو inset في CSS؟ ومتى نستخدمه؟
__

3,377

وفـاء | Frontend

07 Jan, 20:54

أكثر من 4900 أيقونة 😍😍

- مجانـــاً
- وتقدر تحملها بصيغة PNG و SVG

https://tabler.io/icons

—

3,315

وفـاء | Frontend

07 Jan, 20:53

الموقع هذا رهيب للـ Loaders: 😍🔥
- يتيح لك تعديلها وتخصيصها
- يتيح لك تحميلها على شكل: SVG, Gif, PNG أو كود CSS

https://loading.io/spinner/

( الموقع مجاني ومدفوع )

—

2,948

وفـاء | Frontend

31 Dec, 19:00

https://twitter.com/b_wffa/status/1741525526303416448?t=cSKHWNBKZh7rsYtix0shIA&s=19

2,653

وفـاء | Frontend

25 Dec, 12:38

من الشغلات الرهيبـــة في CSS:
:has()
:not()

ولو أول مره تسمع عنهم تابع الشروحات هذه 😍👇🏻👇🏻

1️⃣ شرح :has بالأمثلــة:

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

https://youtube.com/watch?v=L0AniuYrgKY

2️⃣ شرح :not بالأمثلــة:

https://developer.mozilla.org/en-US/docs/Web/CSS/:not

https://youtube.com/watch?v=QaGtjayXviQ

—

2,442

وفـاء | Frontend

20 Dec, 17:55

4 مصادر عربية رهيبـة لتعلّم Tailwind CSS 👏🏻🔥

1️⃣ https://www.youtube.com/watch?v=Pk3hhCJG2Dk&t=240s

2️⃣ https://www.youtube.com/playlist?list=PLxbVBWjVdAEjmn2KbE1886vVkPv1Iu67J

3️⃣ https://www.youtube.com/playlist?list=PLXgJ7cArk9uTx9GXay5yOcOhs-Ys_WygZ

4️⃣ https://www.youtube.com/playlist?list=PLfDx4cQoUNOY1nRXPd3o03lVQzpppY9xe

—

2,236

وفـاء | Frontend

20 Dec, 17:53

100 مشروع باستخدام HTML, CSS, JS 😍😍

- مجانًا
- مناسب للمبتدئين
- متاح السورس كود

https://100jsprojects.com

—

2,083

وفـاء | Frontend

04 Dec, 18:50

أكثر 3 أماكن جاتني منها فرص وظيفية أو تعاون أو عمل حر:

1- لينكد ان
2- حسابي تويتر
3- علاقات العمل

👇🏻👇🏻👇🏻

1️⃣ لينكد ان

رغم إني ما كنت متفاعلة كثير لكن كنت مكملة البروفايل صح، كمان كنت أحاول أرد على منشورات الناس وأتفاعل معاهم خاصة اللي عند اسمهم HR 😂

ما كنت مهتمة فيه بدرجة كبيرة مع ذلك ما كان يمر أسبوع بدون رسائل عروض العمل وبعضها من جهات معروفة.

شرح لينكد ان وكيف تعمل حساب احترافي:

🔗 https://youtube.com/watch?v=7JysIkTyccs&t=6s

🔗 https://youtube.com/watch?v=FiGKmTy9m4o

بعض الأسباب اللي تمنع حصولك على فرص في لينكد ان:

https://www.youtube.com/watch?v=N3MFfweKwdk&t=3s

قائمة تشغيل كاملة لفيديوهات مفيدة من مستشار التوظيف عبدالعزيز التويجري عن لينكد ان:

https://www.youtube.com/playlist?list=PL_1ycA3vKm01swF-pU4w_IlbvdsSacsdl

:
:

2️⃣ حسابي تويتر

هدفي من إنشاء الحساب ( بالبداية ) كان الحصول على فرص عملية، وركزت على محتوى يخدم هذا الهدف، فلا تخلط بين حسابك الشخصي وحسابك الرسمي ابدًا خاصة بالبداية عشان ما تفوت على نفسك فرص.

نقاط مهمة لازم تراعيها بحسابك:

- يكون باسمك الصريح
- لخص بالبايو مهاراتك وأفضل لو كان بالعربي ولا تنسى تذكر فيه طريقة التواصل مثلًا خاص أو واتساب
- بالرابط أضف صفحة linktree تشمل رابط التواصل واتساب، ملف أعمالك، وأي رابط مفيد
- تابع ناس بمجالك وخلي تغريداتك وردودك مفيدة
- خليك موجود ومتفاعل دائمًا

وتجنب الكلام عن 3 أشياء في حسابك الرسمي:
- الأديان
- السياسة
- الكورة
لأن الكلام عنها راح يسحبك لنقاشات طويلة تغير مسار حسابك تمامًا

:
:

3️⃣ علاقات العمل

خليك مرن ولا تكون شخص صعب التعامل في أي مكان تعمل فيه، حتى لو قررت تمشي امشي بسمعة طيبة وأنت مؤدي عملك على أكمل وجه

الشي هذا خلى بعض الأشخاص اللي سبق اني اشتغلت معاهم يرشحوني أو يرسلو لي فرص جديدة مهتمة فيها.

2,524

وفـاء | Frontend

28 Nov, 10:46

إضافات Chrome رهيبة ومهمة لمطوّر الـ Frontend:

- معرفة الألوان: ColorZilla
- تصوير كامل الشاشة: GoFullPage
- عرض تنسيق CSS للعنصر: CSSViewer
- تحميل كل الصور بالصفحة: Image Downloader
- تحميل كل الـ SVGs بالصفحة: svg-grabber
- معرفة التقنيات المستخدمة بالموقع: BuiltWith

ايش كمان؟ 🤔

2,055

وفـاء | Frontend

23 Nov, 19:10

تحدّي Frontend بسيييط 🇸🇦🇵🇸

- المطلوب: تحويل الواجهات في الصورة ( أو واحدة منها ) لكود Frontend، مع إضافة لمساتك الفنانة 🔥
- مدّة التنفيذ: 3 أيام
- اللغات والتقنيات: مفتوح، سواء ويب أو موبايل

https://twitter.com/b_wffa/status/1727742456957985104?t=Q_QpzEiDZWoTd58M-jM2vQ&s=19

__

2,200

وفـاء | Frontend

15 Nov, 17:29

من أمتع وأكثر المشاريع اللي تقوي مهاراتك بالـ Frontend هي الداشبورد 🔥🔥

وهنا فيديوهات تساعدك بتنفيذها 😍👇🏻

⭐️ قائمة تشغيل كاملة من مهندس أسامة الزيرو 😍😍

https://www.youtube.com/playlist?list=PLDoPjvoNmBAyGaRGzPVZCkYx5L7Mo9Tbh

⭐️ باستخدام HTML و CSS فقط 😍😍

https://www.youtube.com/watch?v=CgCPP2KO5ds&t=288s

⭐️ باستخدام HTML / CSS / JS بنظام Dark & Light 🔥

https://www.youtube.com/watch?v=BOF79TAIkYQ

⭐️ بدون استخدام أي CSS frameworks للي حابين يتقنوا الـ Grid 😍🔥

https://www.youtube.com/watch?v=UALn3klXFBM&t=4132s

—

2,354

وفـاء | Frontend

11 Nov, 04:01

📩 من الخاص

شركة تبحث عن مطور Frontend سعودي بخبرة 3 سنوات فأكثر، بالرياض ومتاح العمل عن بعد

المهارات:
جافا سكربت/تايب سكربت، ومتمكن من رياكت بشكل جيد
+ يُفضل يعرف ux research / design

لو مهتم أضف أعمالك تحت التغريدة 👏🏻👏🏻

https://x.com/b_wffa/status/1723187538200813676?s=20

—

2,514

وفـاء | Frontend

06 Nov, 21:52

أفكار رهيبة واحترافية للحدود باستخدام HTML / CSS / JS 😍😍

+ الكود 🔥

https://x.com/b_wffa/status/1721218872878014690?s=20

—

2,494

وفـاء | Frontend

05 Nov, 20:11

50 مشروع لـ 50 يوم..
باستخدام HTML / CSS / JS 🚀🔥🔥

https://github.com/bradtraversy/50projects50days

—

2,393

وفـاء | Frontend

03 Nov, 20:37

من أكثر التمارين اللي تقوّي مهاراتك بالـ Frontend هو عمل نسخ (Clone) لواجهات المواقع ✨

هنا 5 فيديوهات لتقليد المواقع المشهورة باستخدام HTML / CSS/ JS فقط 🔥🔥

1️⃣ بناء واجهة موقع تويتر باستخدام HTML/ CSS
https://www.youtube.com/watch?v=hQPXvGgXoqQ&t=5798s

2️⃣ بناء واجهة موقع نتفليكس باستخدام HTML/ CSS
https://www.youtube.com/watch?v=FdvlJikksdA

3️⃣ بناء واجهة موقع مايكروسوفت باستخدام HTML/ CSS
https://www.youtube.com/watch?v=uKgn-To1C4Q

4️⃣ بناء واجهة موقع يوتيوب باستخدام HTML/ CSS
https://www.youtube.com/watch?v=Hnm3BP-tjD8

5️⃣ بناء واجهة موقع تسلا باستخدام HTML/ CSS/ JS
https://www.youtube.com/watch?v=afaqr875gUE&t=1s

—

2,536