Pikagi
وفـــاء 🌟 Profile Banner
وفـــاء 🌟 Profile
وفـــاء 🌟

@b_wffa

36,639
Followers
143
Following
641
Media
11,756
Statuses

مصممة مواقع ومتاجر إلكترونية | Frontend Developer | أساعدك تكون مطوّر واجهات محترف 🚀 | ما أحل واجبات ومشاريع جامعية 🌸 | للأعمال DM 📮 | قناتي بتليغرام 👇🏻

Medina, Saudi Arabia
https://t.co/FqptKLyvWk
Joined July 2020
Don't wanna be here? Send us removal request.
Pinned Tweet
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
✨ [ للمبتدئين جدًا ] ✨ هنا خارطة الطريق لمسار مطور Front-End المبتدئ، مع: ⚡️ مصادر تعلم عربية وانجليزية 🏆 مواقع تمارين وتحديات لتطوير مهاراتك 🔗 قنوات ومواقع مفيدة 🧵 ثريدات مميزة في هذا المجال رحلة ممتعة 🤩🚀
Tweet media one
68
448
3K
Last Seen Profiles
Marx lebt.

@marx_lebt

Gérard Larcher

@gerard_larcher

luna martínez 💖 operandi edition

@LunalatunaMtz

What did we witness

@WhatWeWitnessed

Mark Wasikowski

@CoachWazUO

Karmine Corp

@KarmineCorp

Jenni

@hashjenni

Tiny Voices 🪱

@TinyVoicesWI

Sue Lane

@sulaAlice

rory🪄

@r0ryformu1a

🍋 Lemony

@lemony_art

Saskatoon Paramedics

@IAFF3270

mchoi

@MalcolmChoi

Courtney Harding

@courthardingtx

Ava-rose Sellards

@AvaSellard90947

Ferdi Rasine

@FerdiRasine

Ivy Grimes

@IvyGri

นับ⭐️

@Nxxx_Dxxx

Shakil Khan

@shak

Telepizza España 🍕

@telepizza_es

Macie Musulin

@mac_musul

TheSportzTruthPodcast featuring The643&OutGuys

@The643andOutPod

TEEH🦅

@Teehrankinq

Reverend Raphael Warnock

@ReverendWarnock

Luis Felipe Calderon Zavala

@Luisfecalderonz

DefiEdge

@DefiEdge

ekem

@libhraa

tyler ☠︎︎

@kingofbrethren

KJ

@kelwright

Éva Goicochea

@eva_goicochea

Abd Ullah

@Adv088

Linda Dultz

@LindaDultz

Nancy

@BlackmagNapaea

รับนวดภูเก็ต Nan

@QzwMiw8M95I6H

Ibai

@IbaiLlanos

Desconto de idol

@marurosu__

@b_wffa
وفـــاء 🌟
@b_wffa
2 years
رشّح لي كورس رهيب يعلّمني أساسيات مجالك 🤔
127
166
2K
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
رشّح لي كورس رهيب يعلّمني أساسيات مجالك 🤔
79
112
1K
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
6 كورسات عربية رهيبــة لتعلّم Git/Github 😍😍
10
115
1K
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
6 مواقع ما استخدم غيرهم للرسومات، وراح تفيدك جدًا كمطوّر Frontend 😍🔥
15
106
1K
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
5 مواقع توفّر لك قوالب HTML/ CSS مجانية:
16
122
982
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
3 مواقع رهيبة لتعلّم وتطوير مهاراتك في CSS 😍🔥
17
114
891
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
7 مواقع لأكواد Frontend قصيرة، ممكن تساعدك بمشاريعك أو تستلهم منها أفكار جديدة 💛🔥
16
114
888
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
50 مشروع لـ 50 يوم، باستخدام HTML, CSS وجافاسكريبت 👏🏻🔥
25
97
878
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
الموقع هذا جمييل.. يوفر لك تنسيقات CSS لمعظم العناصر اللي تحتاجهم لبناء صفحات مميّزة 🚀
7
118
871
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
7 أفكار لمشاريع Frontend للمبتدئين، نفذّها وطوّر ملف أعمالك 😍🔥
10
114
852
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
4 قنوات يوتيوب ( عربية ) لتعلّم الـ Frontend، أضمن لك لو تابعت معاها حتنقلك لمستوى متطوّر جدًا 😍😍
18
98
844
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
10 قنوات يوتيوب لازم تشترك فيها وتتابعها لو أنت مطوّر Frontend 🔥
14
83
816
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
10 مشاريع Frontend رهيبة للتدريب وتطوير مهارتك.. باستخدام HTML و CSS فقط 👏🏻⚡️
16
100
772
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أفضل كورسات عربية لتعلّم JavaScript للمبتدئين: 🔥
14
76
756
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
كلنا نحتاج الإلهام! 💡 أو توقّف أفكارنا أحيانًا ونحتاج لتغذية بصرية لأعمال في نفس مجالنا، تنعش وتجدّد إبداعنا! في هذا الـ #ثريد جمعت لك أهم 6 موقع حتساعدك جدًا في تجديد أفكارك كـ #مصمم_مواقع 🤹🏻‍♀️👇
Tweet media one
5
117
757
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
🛠️ الأدوات اللي ما استغني عنهم بأي مشروع Front-End ماله UI خاص: - المحرر Visual Studio - تغذية بصرية وأفكار من Dribbble - إضافة Color Picker - الخطوط من Google Fonts - الأيقونات من icons8 و Font Awesome - صور من Freepik - الـ Documentation - مولدات CSS لاختصار الوقت وأنت؟ 👀
17
77
740
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
6 مواقع للإلهام والتغذية البصرية، تهمّك جدًا لو أنت مطوّر Frontend 😍😍
8
89
712
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
مراحل تعلّم أساسيات الـ Frontend 🧗🏻‍♀️: 1- لغة HTML/CSS 2- إطار عمل CSS: مثلًا Bootstrap 3- معالجات CSS: مثلًا Sass 4- لغة جافاسكربت 5- تعلم Git/Github 6- إطار عمل جافاسكربت: React أو Vue أنت في أي مرحلة حاليًا؟ 👀
64
58
699
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
11 موقع شخصي مذهليــن، وممكن تقتبس من أفكارهم لبناء وتطوير البورتفوليو تبعك 😍😍
19
80
698
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
من أكثر التمارين اللي تقوّي مهاراتك بالـ Frontend هو عمل نسخ (Clone) لواجهات المواقع ✨ هنا 5 فيديوهات لتقليد المواقع المشهورة باستخدام HTML / CSS/ JS فقط 🔥
8
86
627
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
😂😂
Tweet media one
32
71
619
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أكثر إضافات لـ Chrome ما أستغني عنهم ابدًا: - معرفة الألوان: Color Picker - تصوير كامل الشاشة: GoFullPage - عرض CSS العناصر: CSSViewer - تحميل كل الصور بالصفحة: Image Downloader - تحميل كل الـ SVGs بالصفحة: svg-grabber - مكتبتي للمواقع المهمة: Toby وأنت ايش إضافاتك المفضلة؟ 🧐
18
70
612
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
10 مواقع للصور المجانية رهيبة لكل مصمم أو مطوّر Frontend 💛🔥
9
99
610
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
مين كذا؟ 😂
Tweet media one
44
31
612
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
لاحظت كثير ينتهي من دراسة أساسيات الـ Front-End ويكون عنده معلومات كثير.. بس ما يعرف كيف يوظّفها في مشاريع حقيقية! ولا متى ووين يستخدم كل جزئية تعلّمها! 😵‍💫 لو أنت عالق بهذه المرحلة راح أقولك خطوتين تخرّجك منها:
19
72
591
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
5 مواقع رهيبــة، ما استغني عنها لاختيار الألوان المتناسقة في مشاريع الـ Frontend 😍🔥
8
82
580
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
تخيّل إنك ممكن تعمل هذه الحركة باستخدام HTML/ CSS فقط! أو شوية جافاسكربت 🤏🏻😍 - هنا 7 طرق لتنفيذ نفس الفكرة بأشكال مختلفة، وبطريقة سهلة جدًا 🔥
15
67
569
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
من أكثر التمارين اللي تقوّي مهاراتك بالـ Frontend هو عمل نسخ (Clone) لواجهات المواقع ✨ هنا 9 فيديوهات لتقليد المواقع المشهورة باستخدام HTML / CSS/ JS فقط 😍🔥
12
70
574
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
لو باتعلم الـ Front-End من جديد حيكون بالشكل: المرحلة الأولى: تأسيس 1- كيف يعمل الويب 2- تعلم HTML/CSS بتعمق 3- تعلم التصميم المتجاوب Responsive Design 4- تعلم Javascript المرحلة الثانية: تطوير 1- تعلم Bootstrap و TailwindCSS 2- تعلم Git/Github 3- تعلم Sass 4- تعلم React
7
63
569
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
ورينا أي مشروع Frontend من أعمالك! 😍⚡️
93
25
553
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
25 فكرة للنماذج ( Forms ) مع الكود.. باستخدام HTML, CSS, JS فقط 😍🔥
16
65
542
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
موقع رهيب لتحديات CSS 😍😍 - كل يوم تحدّي لمدة 100 يوم - تقدر ترجع للتحديات السابقة - ممكن تطّلع على حلول الآخرين وتستفيد منها 🔥
Tweet media one
18
82
528
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
كورسات Javascript لجميع المستويات، مجانًا من منصة سطر 😍😍 تشمل: - دروس فيديو ومكتوبة - اختبارات قصيرة - مشروع نهاية كل دورة
14
63
526
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
موقع رهيب لتحديات Frontend 😍😍 - يوفر لك ملفات البداية والصور المستخدمة بالمشروع - يوفر لك ملف فيغما للـ UI عشان تاخذ الخطوط والألوان ..الخ
Tweet media one
9
63
522
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أكثر إضافات لـ Chrome ما استغني عنهم ابدًا: - معرفة اللون: Color Picker - تصوير الشاشة: GoFullPage - عرض CSS العناصر: CSSViewer - معرفة الخط: WhatFont - تحميل كل الصور: Image Downloader - تحميل كل الـ SVGs بالصفحة: svg-grabber - مكتبتي للمواقع: Toby وأنت ايش إضافاتك المفضلة؟ 🧐
19
34
525
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
5 مواقع رهيبة للأيقونات، ولازم تعرفهم لو أنت مطوّر Frontend 😍🔥
15
53
507
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
الرسومات هي أكثر شيء يضيف لموقعك بهجة وحياة! 🤩🪄 لذلك جمعت لك هنا 5 مواقع مجانية ومميّزة للرسومات، متأكدة ما راح تستغني عنهم ابدًا! لايك + رتويت وتابع الـ #ثريد اللطيف ⬇️
Tweet media one
11
93
514
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
لو تتعامل مع CSS اكيد مرّت عليك الوحدات: [ px - em - rem - % - vh - vw ] - ايش معناهم؟ - وايش الفرق بينهم؟ حتلاقي الجواب هنا ⬇️
Tweet media one
5
71
511
@b_wffa
وفـــاء 🌟
@b_wffa
1 year
رحلة مطوّر الـ Frontend المحترف 🚀🚀
Tweet media one
13
21
500
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أداة رهيبة تعرض لك Checklist للأشياء الأساسية اللي المفروض تتضمّنها الصفحة أو العنصر.. مفيدة لمصممين الـ UI ومطوّرين الـ Frontend 👌🏻
10
69
498
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
5 مواقع للأيقونات المتحركة، رهيبـــة لمطوّرين الـ Frontend 😍😍
9
51
486
@b_wffa
وفـــاء 🌟
@b_wffa
10 months
50 مشروع لـ 50 يوم.. باستخدام HTML / CSS / JS 🚀🔥🔥
Tweet card media
GitHub - bradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS

50+ mini web projects using HTML, CSS & JS. Contribute to bradtraversy/50projects50days development by creating an account on GitHub.

github.com
7
59
499
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
5 مواقع رهيبــة لخلفيات Pattern.. والحلو إنك ممكن تنسخها كـ SVG أو كود CSS 😍😍
13
50
490
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
32 سؤال في HTML و CSS لمراجعة معلوماتك أو اكتساب معلومات جديدة ✨ ( أسئلة فعالية أمس ) 😄
16
59
484
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
6 مواقع رهيبة لمطورين الـ Frontend.. توفر لك صور بدون خلفية 😍🔥
4
53
483
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
20 سؤال في HTML و CSS لتختبر معلوماتك أو تضيف لك معلومات جديدة 😍👇🏻
8
51
473
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
15 فكرة إبداعية للعناوين باستخدام HTML و CSS فقط ( مع الكود ) 🤩🤩
5
55
473
@b_wffa
وفـــاء 🌟
@b_wffa
1 year
خطوات تعلم HTML و CSS بالترتيب: 🔥 1. تعلم HTML وخذ وقتك 2. تعلم أساسيات CSS وخذ وقتك 3. تعلم التصميم المتجاوب Responsive design 4. تعلم Media queries 5. تعلم Grid / Flexbox 6. تعلم واحد من إطارات عمل CSS مثلًا Bootsrap 7. تعلم Sass والباقي راح تتعلمه تدريجيًا بالممارسـة 🚀
10
45
457
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
الـ Position من أهم خواص لغة CSS وتاخذ أكثر من قيمة: [Static, Relative, Absolute, Fixed, Sticky] - ايش معنى كل وحدة فيهم؟ - وايش الفرق بينهم؟ - وأهم استخداماتهم؟ هنا الإجابة 👇🏻💛
Tweet media one
17
63
456
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
ورينا أي مشروع Frontend من أعمالك! بنشوف إبداعاتكم 😍
80
26
447
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
23 نصيحة تساعدك تصير مطوّر Frontend محترف 🚀✨️
16
52
439
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
مراحل تعلّم أساسيات الـ Frontend 🧗🏻‍♀️: 1- لغة HTML/CSS 2- إطار عمل CSS: مثلًا Bootstrap 3- معالجات CSS: مثلًا Sass 4- لغة جافاسكربت 5- تعلم Git/Github 6- إطار عمل جافاسكربت: React أو Vue أنت في أي مرحلة حاليًا؟ 👀
54
39
435
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
😂😂
Tweet media one
27
27
440
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
أكثر شي ندمت عليه في رحلة تعلّمي Front-End إني ما فعّلت حسابي Github من بدري. وما استوعبت الدرس إلّا لما اضطريت افرمت جهازي فجأة، وضاعت مشاريع سنتين 😆
16
41
407
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
ايش المهارة اللي تتمنى تتعلمها بدون ما تترك مجالك الحالي؟ 🤔 بالنسبة لي تصميم الجرافيك 😍✨
217
27
410
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
الموقع هذا مُبهر لـ CSS! 💛 يحتوي على مولّدات (CSS Generators) للألوان والأشكال والظلال وكل شيء تقريبًا، بالإضافة إلى أدوات ومصادر تعلّم 🚀
CSS Portal - Generators, Resources, Tools, HTML - CSS Portal

CSS Portal is home to many examples of CSS / HTML and how it can be used in website design.

www.cssportal.com
9
44
390
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
ايش الفرق بين box-shadow و drop-shadow في CSS؟ 🤔 ✅ الـ box-shadow يضيف الظل للبوكس كامل. ✅ الـ drop-shadow عبارة عن CSS Filter يضيف الظل للمحتوى نفسه (رهيب في إضافة الظل لصور png).
Tweet media one
6
55
383
@b_wffa
وفـــاء 🌟
@b_wffa
1 year
من الفرص الرهيبة الآن لمطورين الـ Frontend هو سوق ثيمات سلة 🤩 المبيعات فيها توصل لمبالغ خيالية ما شاء الله، وكل اللي تحتاجه منك HTML / CSS / JS ❤️‍🔥
17
30
389
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
الموقع هذا رهيب للـ Loaders والجميل إنه: - يتيح لك تعديلها وتخصيصها. - يتيح لك تحميلها على شكل: SVG, Gif, PNG أو كود CSS. ( الموقع مجاني ومدفوع )
5
62
383
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
ألعاب رهيبة تساعدك على فهم Grid و Flexbox في CSS بشكل بسييط وممتع 🤩⚡️
6
45
375
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
تحدّي Frontend خفيييف 😍🤏🏻 • المطلوب: تحويل الواجهة في الصورة لكود Frontend، مع إضافة لمساتك الفنانة 🤩🔥 • مدّة التنفيذ: 3 أيام • اللغات والتقنيات: مفتوح الصورة بجودة أفضل: مين مستعدّ؟ 💪🏻🔥
Tweet media one
82
35
344
@b_wffa
وفـــاء 🌟
@b_wffa
1 year
خطة لتعلّم الـ Frontend مبسّطة ومختصرة للإجازة 😍🔥 تشمل مسارين: 🚀 بناء الواجهات بكود 🚀 بناء المواقع والتطبيقات بدون كود
11
40
344
@b_wffa
وفـــاء 🌟
@b_wffa
9 months
100 مشروع باستخدام HTML, CSS, JS 😍😍 - مجانًا - مناسب للمبتدئين - متاح السورس كود
6
48
346
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
الموقع هذا رهيب للـ Loaders والجميل إنه: - يتيح لك تعديلها وتخصيصها. - يتيح لك تحميلها على شكل: SVG, Gif, PNG أو كود CSS. ( الموقع مجاني ومدفوع )
5
41
327
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
خطة تعلّم لكل لغة من لغات الـ Frontend من أكاديمية الزيرو.. رهيبة جدًا 🥹👇🏻
3
41
336
@b_wffa
وفـــاء 🌟
@b_wffa
10 months
أكثر 3 أماكن جاتني منها فرص وظيفية أو تعاون أو عمل حر: 1- لينكد ان 2- حسابي تويتر 3- علاقات العمل ثريد 🔥
9
23
328
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
من أهم المهارات لمطوّر الـ Frontend: - لغة HTML/CSS - لغة جافاسكربت - إطارات عمل CSS، أهمها Bootstrap و TailwindCSS - معالجات CSS، مثلًا Sass - إطارات عمل جافاسكربت، مثلًا React - التعامل مع Git/Github - الـ Testing / Debging ايش كمان؟ 🤔
24
39
323
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
الـ Flexbox أو الـ Flexible Box من أروع مزايا CSS3 واللي تعطيك مرونة خيالية، وتسهّل كثيير تنسيقات مرهق تنفيذها باستخدام الـ floating والـ positioning 🥴 وهنا أهم خواص الـ Flexbox وبالتفصيل 🤩👇🏻
Tweet media one
7
57
321
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
حتى الخبير اللي تشوفه قدوة وشيء عظيم بمجاله، كان يومًا ما مبتدئ ومُشتّت! ✨️
23
47
322
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
الموقع هذا جميييل 🤩🔥 يحتوي على 139 تمرين جافاسكربت، وبمستويات متفاوتة ما بين سهل، متوسط، ومتقدّم..
Tweet media one
9
57
314
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
لو لسا عندك مشاكل مع Flexbox و Grid في CSS.. تابع هذه الفيديوهات ومتأكدة حتفهمها 100% 😍
5
29
315
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
كيف تتيح للمستخدم تحميل ملف باستخدام HTML فقط؟ 🤩👇🏻 🟡 لاحظ أن قيمة Download هي الاسم الجديد اللي تبغا تعطيه للملف لما يتحمّل، ولو ما حددت قيمة راح يتحمل الملف بنفس اسمه الأساسي.
Tweet media one
9
45
310
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أكثر خطوط استخدمهم في الـ Frontend: - المحتوى الانجليزي: Poppins - المحتوى العربي: Tajawal أو Readex Pro وأنت ايش تستخدم عادةً؟ 👀
15
28
309
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
3 لغات أساسية ولازم تتعلمهم للـ Frontend: 1. لغة HTML 2. لغة CSS 3. لغة Javascript ولو أتقنتها راح يسهل عليك تعلّم كل التقنيات والمكتبات وإطارات العمل؛ لأنها تندرج تحتها ومشتقة منها 🚀
14
22
304
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
الفرق بين Frontend و Backend باختصار 😂
Tweet media one
19
33
307
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
حتى تكون مطوّر Front-End محترف، تحتاج تتمكّن من 3 لغات أساسية: الأولى: HTML الثانية: CSS الثالثة: JavaScript والباقي كلّه راح يكون مكتبات وإطارات عمل للغات السابقة.
13
26
304
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
من أهم العناصر اللي لازم يتضمنها ملف أعمالك (Portfolio): - تخصصك أو مجالك - نماذج لأعمالك كصور أو روابط - وسائل التواصل معاك، مثلًا ايميل وواتساب - مهاراتك التقنية - حساب Github - حسابات السوشيال ميديا ( لو كنت تصنع محتوى متخصص فيها ) ايش كمان؟ 🧐
10
28
303
@b_wffa
وفـــاء 🌟
@b_wffa
1 year
7 أفكار لمشاريع Frontend للمبتدئين، نفذّها وأضفها لملف أعمالك 😍⚡️⚡️
4
44
301
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أفكار مشاريع تقوّي مهاراتك في الـ Frontend: - لوحة تحكم ( Dashboard ) - متجر إلكتروني بميزات حسب مستواك - تطبيق الطقس - لعبة X-O - اختبارات قصيرة ايش تضيف؟ 🤔
16
25
296
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أفكار مشاريع تقوّي مهاراتك في الـ Frontend: - قائمة مهام - لوحة تحكم ( Dashboard ) - آلة حاسبة 🏃🏻‍♀️ - أداة لتوليد الباسورد - ألعاب الذاكرة - الاختبارات القصيرة ايش كمان؟ 🤔
16
28
294
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
موقع رهيب يحتوي اختبارات CSS بمستويات ومواضيع مختلفة 😍 اللي يختبر نفسه يشاركنا النتيجة 😄🚀🚀
Tweet media one
4
36
292
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
🫤
Tweet media one
27
35
298
@b_wffa
وفـــاء 🌟
@b_wffa
10 months
مراحل تعلّم أساسيات الـ Frontend: 🧗🏻‍♀️ 1- لغة HTML/CSS 2- إطار عمل CSS: مثلًا Bootstrap 3- معالجات CSS: مثلًا Sass 4- لغة جافاسكربت 5- تعلم Git/Github 6- إطار عمل جافاسكربت: React أو Vue أنت في أي مرحلة حاليًا؟ 👀
32
25
292
@b_wffa
وفـــاء 🌟
@b_wffa
10 months
من أمتع وأكثر المشاريع اللي تقوي مهاراتك بالـ Frontend هي الداشبورد 🔥🔥 وهنا فيديوهات تساعدك بتنفيذها 😍👇🏻
8
22
296
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
تحدّي Frontend رهييب😍⚽️ • المطلوب: تحويل 2 واجهات على الأقل لكود Frontend، مع إضافة لمساتك الفنانة 🤩🔥 • مدّة التنفيذ: 10 أيام • اللغات والتقنيات: مفتوح المشروع كامل كملف فيغما: مين مستعدّ؟ 💪🏻🔥
Tweet media one
38
23
280
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
لو عندك مشاكل مع الـ CSS Flexbox ولازلت تلخبط فيها، جرّب هذه الأداة وأتحداك ما تفهمها 100% 🤩🔥 برمجة | @Ashish_feels
6
36
277
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أكثر خطوط استخدمهم في الـ Frontend: - المحتوى الانجليزي: Poppins - المحتوى العربي: Tajawal أو Readex Pro وأنت ايش تستخدم عادةً؟ 😄
23
16
283
@b_wffa
وفـــاء 🌟
@b_wffa
1 year
4 قنوات لتطبيق مشاريع Frontend رهيبة ومناسبة للمبتدئين 😍🔥
5
32
282
@b_wffa
وفـــاء 🌟
@b_wffa
9 months
إضافات Chrome رهيبة ومهمة لمطوّر الـ Frontend: - معرفة الألوان: ColorZilla - تصوير كامل الشاشة: GoFullPage - عرض تنسيق CSS للعنصر: CSSViewer - تحميل كل الصور بالصفحة: Image Downloader - تحميل كل الـ SVGs بالصفحة: svg-grabber - معرفة التقنيات المستخدمة بالموقع: BuiltWith ايش
7
26
288
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
لما تصادف حركة غريبة أو جديدة عليك في موقع، اعمل كلك يمين على العنصر ثم Inspect وشوف كيف عاملينها.. - راح تتطور مهارتك بالـ Frontend بشكل رهيب 🔥
9
21
280
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
5 مواقع تهمك جدًا لو أنت تتعلّم جافاسكريبت ⚡️👌🏻
11
26
278
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
بما أن اليوم هو اليوم العالمي للمبرمجين.. قل لنا اسماء 3 لغات برمجة 🤩❤️‍🔥
165
14
275
@b_wffa
وفـــاء 🌟
@b_wffa
3 years
نبغى نخلي هذه التغريدة مكتبة متجددة لدروس ومشاريع Front-End مميزة وفيها أفكار 🤩 شاركنا أي درس أعجبك أسفل التغريدة 🔥
Tweet media one
10
34
278
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
كورس جافاسكربت من الصفر للاحتراف! والرهيب أكثر إن الكورس يحتوي تحديات وحلها، لتثبيت المعلومة أكثر 😍😍 شكرًا @YarHmm 💛✨
4
40
277
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أول Hello World كتبتها كانت بلغة ايش؟ 🤔
769
7
269
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
التحـــدّي هذه المرة مُختلــف! ❤️‍🔥 حيكون بالتعاون مع @YarHmm وأكاديمية ترميز 😍 [ المطلوب ] عمل واجهة Frontend لعرض مواقيت الصلاة • مدة التحدي: 10 أيام • التقنيات واللغات: مفتوح • مرفق صور UI للإلهام، خذ منها أفكار لكن لا تتقيـد فيها ابدًا • عناصر مهم وجودها في التصميم: 👇🏻
Tweet media one
Tweet media two
Tweet media three
Tweet media four
51
36
266
@b_wffa
وفـــاء 🌟
@b_wffa
10 months
أفكار رهيبة واحترافية للحدود باستخدام HTML / CSS / JS 😍😍 + الكود 🔥
7
23
273
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
أداة جميلة وتختصر وقتك.. لتوليد الخلفيات المتحركة باستخدام HTML و CSS ✨ #30DaysOfCode_Ramadan
8
50
267
@b_wffa
وفـــاء 🌟
@b_wffa
2 years
من أكثر الأشياء اللي تدوخ مطوّر الـ Frontend وخاصة المبتدئ هي الظلال ( Box-shadow ) 😵‍💫 الموقع هذا يوفر لك خيارات كثيــــــررة وتنسخ الكود بثانية 🔥
7
36
264