هيام
@progHem
Followers
27,052
Following
98
Media
173
Statuses
1,779
Software engineer | e-commerce development expert | Boost your project to the perfect level it can reach. 🌟| contact via DM 📩
Jeddah
Joined September 2021
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Milton
• 964460 Tweets
Florida
• 874064 Tweets
DeSantis
• 254740 Tweets
60 Minutes
• 228135 Tweets
からちゃん
• 169400 Tweets
#ファミマのスイーツパン誕生
• 112930 Tweets
Chiefs
• 104890 Tweets
Saints
• 81987 Tweets
#WWERaw
• 76876 Tweets
Yankees
• 39807 Tweets
Royals
• 36399 Tweets
Carr
• 34872 Tweets
サンデー
• 28303 Tweets
Mahomes
• 28007 Tweets
#吉野家秋の牛丼祭
• 25483 Tweets
Real Facts
• 24593 Tweets
Marcos
• 23736 Tweets
Kelce
• 23520 Tweets
#HaryanaElectionResult
• 23100 Tweets
Glock
• 21949 Tweets
Asaramji Bapu Case
• 20917 Tweets
物価目標
• 17618 Tweets
Kansas City
• 15898 Tweets
Olave
• 13181 Tweets
Rodon
• 10393 Tweets
القراءة والاطلاع بشكل مستمر تفيدك كمبرمج فوق ماتتوقع❕
نصيحة حملّ هذي التطبيقات على جوالك وفي أوقات الفراغ حاول قراءة مقال او مقالين متعلقة في مجالك حسب قدرتك،
بتلاحظون بعد فترة تطوّر عجيب في مستواكم.👌🏻
17
98
951
- اذا انت مطور Frontend ، هذي ٨ قنوات اجنبية على اليوتيوب راح تفيدك وتساعدك ترفع من مستواك بشكل كبير🤩👇🏻:
11
76
690
كثير من المبتدئين في البرمجة يواجهون صعوبة في فهم وقراءة الوثائق (documentation)📄 عند البحث عن مشكلة معينة ومحاولة الوصول لحلها.
في هذا الثريد نصائح ذهبية تساعدك تفهم الوثائق بشكل افضل..✨👇🏻
15
111
667
- كيف نسوي Glass Effect على أي كارد بالـ Css ؟✨
الجواب بالكود المُرفق👇🏻😍
9
67
620
كتابة كود نظيف من أهم الأمور التي يجب على كل مبرمج أخذها بعين الاعتبار، كما أن اتباعك لقواعد وأسس معينة عند كتابة الكود تُضيف الكثير من التنظيم والترتيب له، وتعطي انطباع احترافي عنك.
في هذا الثريد بنتكلم عن احدى الطرق و المنهجيات المتبعة لكتابة اكواد CSS بشكل احترافي ومنظّم .✨
12
85
598
بدايات رحلة تعلم البرمجة غالبًا تكون شيء ممتع و جميل بالنسبة للمتعلم، ولكن "الاستمرار" على نفس النمط والمحافظة على شغف التعلّم هو مايشكّل صعوبة لمعظم المبرمجين.
عنوان ثريد اليوم: "كيف احافظ على شغفي في تعلم البرمجة؟"✨
15
74
563
⚡️6 مواقع رهيبة توفّر قوالب مجانية تقدر تستعملها في مشروعك أو للتدرّب على تصميم مواقع مشابهة لها.👇🏻😍
7
151
551
الأكواد المكررة، التسميات العشوائية، الأسطر الطويلة،،
من أكثر المشاكل الشائعة بين المبرمجين،
والتي قد لايعطيها البعض الاهتمام الكافي.
في ثريد اليوم بنتكلم عن إعادة البناء (Refactoring) وأهميتها بالنسبة لكل مبرمج يرغب في تحسين كفاءة وجودة الأكواد الي يكتبها.✨
- ثريد بيفيدك👌🏻💫
15
55
460
ياهلا .. 🙋🏻♀️
اعرفكم بنفسي انا مبرمجة ويب و وحدة رهيبة في البايثون👩🏻💻☺️
انجزت حتى الان عدة مواقع Frontend & Backend ⚡️ :
Frontend: HTML -CSS - JavaScript(Vanilla, React) Bootstrap
Backend:
Django- Flask - Mysql
في الحساب هذا بشارك معكم كل شي يفيدني ويطورني بشكل مستمر 🚀
21
28
443
نصيحة اليوم:
خلي عندك عادة انك تتابع مقاطع لمبرمجين يشتغلون على مشروع كامل من الصفر،
مو لازم تسوي المشروع فقط تابعه وركز على التقنيات المستخدمة وكيف تم اخ��يارها وربطها مع بعض ،
هذي من الأشياء الي راح ترفع من مستواك وتزيد من خبرتك في التعامل مع المشاريع على المدى البعيد .👍🏻
6
34
409
- صورة متحركة توضّح الفرق بين دوال الوقت (Timing Functions) في الـ Css.👇🏻✨
7
45
378
نصيحة اليوم الذهبية لكل مبرمج✨:
تعلّم أسرار كتابة ChatGPT Prompts جيّدة للحصول على نتائج أفضل حول الموضوع الي تبحث عنه.
1
28
371
🥳🎉🥳🎉
بعد أشهر من الكتابة والبحث، أطلق اليوم كتابي الرقمي الأول "تعلم بالمشاريع" للمبتدئين بلغة الجافاسكربت.📙🤩🎉
حرصت في هذا الكتاب على تبسيط المفاهيم البرمجية لكم بطريقة ممتعة وسهلة.😍✨
وبمناسبة الإطلاق لكم خصم 50% على الكتاب✅ من خلال هالرابط 👇🏻
48
51
369
من أكثر الاختصارات الرهيبة الي اكتشفتها هذا الأسبوع✨😍
- أحيانًا ممكن نواجه صعوبة في تحديد عنصر معين في الـhtml اذا اعتمدنا على السكرول فقط في تحديده، خصوصًا اذا كان العنصر يحتوي على عناصر متداخلة.
اختصارات Balance تساعدك في تحديد كل عنصر مع نهايته بكل سهوله!🤩
3
30
362
✨ كمبرمج محترف لازم تضع في عين الاعتبار صحة وجودة اكوادك ، موقع W3C Validator يوفر خدمة اختبار كود HTML اونلاين ومجانًا . ✅
2
33
346
- كمبرمج أنت غير مطالب بفهم كل شيء في البرمجة، ولا كل اللغات والأطر الموجودة. ❌
المطلوب منك فقط أنك تصنع لنفسك أساس قوي ومتين في البداية وباقي التقنيات تعلمها حسب حاجتك لها. 👌🏻✨
25
42
337
مع كثرة المصادر التعليمية والدورات على اليوتيوب وغيره من المنصات، أصبح من الصعب على المبتدئ اختيار الدورة المناسبة للبدء والتعلّم منها.
في الثريد بعض خصائص ومواصفات الدورة المتكاملة والتي تُحقق اقصى فائدة للمتعلم👇🏻✨
9
58
343
لو قلت لك اشرح لي مفهوم "البرمجة" بكلمات بسيطة وش راح يكون جوابك؟✨🤔
234
11
328
ماذا بعد تعلم الاساسيات ؟ 🤔❔
كمبرمج مبتدئ تعلمت لغة برمجية معينة، اكملت تعلم اساسيات اللغة مثل ( ...if statements, loops etc) و قررت تطبيق جميع ماتعلمته في مشاريع مختلفة ولكنك واجهت صعوبة في التطبيق رغم تعلمك جميع الاساسيات !
كيف نتغلب على هذه الصعوبات ؟
تابع الثريد ..✨
4
49
317
- حبيت فكرة هذا الموقع وقلت لازم أشاركه معكم 😍👇🏻
يشرح جميع خصائص الـ CSS بشكل بسيط باستخدام الأمثلة والرسومات المتحركة، مفيد جدًا للمبتدئين.👌🏻
3
29
311
- كيف نسوي خلفية متحركة رهيبة بالـ CSS، تضيف الحياة والحيوية لموقعنا؟😍✨
#30DaysOfCode_Ramadan
10
38
301
3 منهجيات مهمة تساعدك في كتابة أكواد CSS بشكل أفضل وأسهل وقابل للتطوير👇🏻✨
1
30
288
⚡️هالموقع الرهيب يختصر عليك وقت طويل في تصميم أي animation حاب تضيفها لموقعك⚡️
ويتيح لك تجربة الـ animation وتصميمها بشكل تفاعلي، وفوق هذا تقدر تنسخ كود الـ css الخاص فيه بكل بساطه وتستخدمه في مشروعك👇🏻😍
4
34
291
- كمبرمج فرونت اند، وش الأدوات والتقنيات الي تستخدمها عشان تساعدك في عملية الـresponsive للمواقع؟🤔
19
11
286
ليش احس ان البرمجة صعبة ؟ هل انا ما امتلك ذكاء كافي لتعلمها ؟ هل المفروض اوقف واترك مجال البرمجة لاني احس بالفشل ؟
افكار تبادر اذهان بعض المبتدئين في البرمجة ، يمر فيها بمراحل من الاحباط واليأس والرغبة في عدم اكمال التعلم .
اذا كنت تمر فيها، هذا الثريد فيه بعض النصائح لك ..👇🏻
6
34
286
- مستودع Github عبارة عن "كنز" لكل مطوّر فرونت اند⚡️
فيه أغلب المصادر من كورسات ومقالات وأدوات مساعدة في تصميم الويب، أنصحكم فيه.👌🏻
2
38
273
✨عندك موقع و ودك ترفعه على استضافة مجانية عشان يقدر أي شخص يطّلع على اعمالك وشغلك؟
- في هذا الثريد 5 مواقع توفر لك استضافة مجانية لموقعك ..👇🏻
6
46
274
قضاء الساعات يوميًا أمام الشاشة ومحاولة اصلاح الأخطاء و انجاز المهام هي أمور روتينية بالنسبة للمبرمجين، ولكن تكرار هذه الأمور قد يُصيب المبرمجين بالإرهاق وعدم التركيز مما يقلل ذلك من انتاجيتهم.📈
في هذا الثريد بعض النصائح لكيفية استغلال الوقت وتحسين الإنتاجية عند البرمجة.✨👇🏻
5
32
278
✨هياكل البيانات Data Structure: هي طريقة تُستخدم لجمع البيانات وتنظيمها من أجل إجراء العمليات عليها بطريقة فعالة.
-تنقسم لنوعين:
النوع البدائي: هي طريقة لتصنيف أنواع مختلفة من البيانات مثل الأعداد الصحيحة ، والسلاسل الحرفية او النصوص وغيرها.
6
40
276
اكبر مكتبة للـ CSS generators 🤩
لازم تكون في مفضلة كل مبرمج فرونت اند👇🏻✨
1
37
275
بعد قراءتك لهذا المقال راح تستخدم
Vs code بفعالية اكبر تفيدك في تحسين انتاجيتك كمبرمج. ⚡️
1
36
271
مبرمج مبتدئ وحاب تطوّر من نفسك ؟
جرب هالموقع واختبر نفسك في تحويل الواجهات لمشاريع حقيقية راح تفيدك في تطوير مهاراتك وتقدر تضيف المشاريع لملف اعمالك🌟
3
50
270
وش المهارات التقنية الي تنقص المبرمجين المتعلمي�� ذاتيًا من وجهة نظرك؟🤔
31
7
260
✨ نصيحة اليوم وكل يوم لأي شخص حاب يتعلم البرمجة:
- حدّد "مجال" لاتحدد "لغة".✅
13
40
261
- من الطبيعي أن يمرّ المبرمج بمراحل فتور واحساس بالملل والتعب من تطبيق أو تعلم شيء معين في البرمجة، لذلك اذا كنت تمر بهذه المرحلة نصيحتي لك:
Take a <br> 😉✨
14
30
251
أداة CSS رهييبة⚡️
تقدر تسوي من خلالها الشكل الدائري الي يناسب موقعك في ثواني معدودة.👇🏻✨
2
29
242
👩🏻💻مبرمج أو طالب حاسب وعندك:
- مشاريع فنانة على github
- موقع شخصي لعرض اعمالك
- حساب لنكدان تتابع فيه الي بمجالك
- حساب تويتر تتكلم فيه عن مجالك
صدقني مارح تلاقي وظيفة ! الوظيفة هي الي بتلاقيك.✨
9
20
256
موقع يعتبر ملخّص رهيب لأهم أساسيات لغات الفرونت اند HTML, CSS, JS 🤩👇🏻
0
24
235
4 قوالب Notion خاصة بتطوير الويب، فيها ملخصات رهيبة وكتب ومصادر لتعلم كل شيء تحتاجه، لاتفوّتها!👇🏻🤩
4
28
235
- في تصميم المواقع مهم جدًا اختيار الصور بعناية، لأن الصور تأثر بطريقة كبيرة في الشكل الخارجي للموقع، لذلك لابد من اختيار صور ذات دقة عالية و جودة ممتازة للحصول على واجهة جميلة ومُلفتة.💓✨
- هذه مجموعة لأفضل ٦ مواقع لتوفير الصور👇🏻
2
34
234
اكتشفت قناة على اليوتيوب تشرح كتاب Clean code كامل و بالعربي !✨
رابط القناة للي حاب يستفيد👇🏻
3
33
224
نصيحة اليوم:
"برمج بتركيز"👩🏻💻
لأنك لو برمجت ساعة وحدة بتركيز راح تنجز أكثر من لما تبرمج ٥ ساعات مثلًا وتركيزك مو معاك،
لذلك أحفظ وقتك، وبرمج بتركيز👌🏻
13
18
227
✨ يتم تحديد مواقع الانترنت من خلال عنوان الانترنت (URL)، ويتكون من اجزاء رئيسية وهي:
- البروتوكول: هو بروتوكول مصمم للإتصال بين المتصفح و خوادم الويب .
-الدومين الفرعي: جزء إسترشادي وتكميلي داخل عنوان URL ويرمز الى World Wide Web.
2
41
231
من افضل المواقع لتعلم CSS ، يشرح المفاهيم المتقدمة مثل Flexbox , Grid بشكل جميل ومبسط 👍🏻
0
24
222
- كلنا نعرف أن الممارسة وحل المشكلات البرمجية بشكل مستمر من أكثر النقاط الي تساعد المبرمج انه يحافظ على لياقته في البرمجة.✨
وش المواقع الي تستخدمها عادةً عشان تنمي مهارتك في حل المشكلات؟🤔
10
22
227
بعض النقاط الي طبقتها وفادتني في تحسين مستواي في البرمجة:✨👩🏻💻
- حل المشكلة دائمًا قبل كتابة الكود.
- الممارسة والتطبيق بشكل مستمر.
- الحرص على البساطة وعدم التعقيد عند كتابة الأكواد.
- تطوير مهارة البحث عن حلول المشكلات.
وش النقاط الي ساعدتك في تحسين مستواك البرمجي؟
13
26
210
أهم المواضيع الي يجب على كل مطور Frontend التركيز عليها:
- مفهوم الـ DOM.
- كيفية التعامل مع الـ Api.
- كيفية التعامل مع البيانات.
- كتابة كود نظيف.
- تعلم Git.
- اختيار اطار عمل معين.
وش كمان؟🤔
8
16
215
- جمعت لكم أكثر الاختصارات المهمة بالويندوز والي استخدمها بشكل دائم كمبرمجة، في صورة وحده👇🏻✨
وش اكثر الاختصارات الي تستخدمونها؟🤔
9
33
201
- أهم ٣ مواقع تقدر من خلالها تختبر ملفات الـHTML الخاصة بمشروعك وتتحقق من صحتها : ✅👇🏻
3
23
204
- انتهيت من عمل مشروعك وحبيت ترفعه على Github لكن من غير رفع حزم المشروع الي حجمها كبير جداً وتستغرق كم هائل من الوقت؟⏳
هذا الموقع يحل لك هالمشكلة!✨
بكل بساطة من خلاله تقدر تنشئ محتوى ملفات gitignore بشكل تلقائي وترفع مشروعك من غير أي مشاكل👇🏻✅
2
33
205
عند العمل على مشروع معين شخصي او مشترك، سيحتاج المشروع باستمرار الى اجراء تغييرات وتعديلات عليه واعادة رفعها على منصة Github.
لذلك مهم جدًا كتابة وصف جيد لكل تغيير يتم عمله على المشروع، فاذا كنت تكتب first commit على كل تغيير الى الان! هذا الثريد لك👇🏻✨
8
28
202
- تعلمت CSS لكن تواجه صعوبة في تطبيق الـ Flexbox و الـ Grid ؟ الحل هنا 👇🏻✨
المواقع هذي تدربك على تطبيقهم من خلال لعبة مسلّية مقسمة الى مراحل توصل لك المفهوم بشكل مبسّط .
تعلّم و العب..💪🏻🧩
2
37
189
أكثر شيء يعجبني في استخدام jupyter notebook عند البرمجة وتحليل البيانات، هو اني أقدر اشغل كل جزئية من الكود لحالها و هالشي يبسّط الفهم مره.😍✨
8
15
195
⚡️اختصار رهيب بالـ Vs Code ويفك أزمة⚡️
ctrl + k + f
يرتب وينسّق المسافات بين الأسطر و يعمل فورمات تلقائي للكود.
#30DaysOfCode_Ramadan
4
20
186
⚡️أفضل ٦ مواقع تقدم لك التغذية البصرية في تصميم المواقع، الي تساعدك بشكل كبير في تحفيز الابداع والالهام في تصاميمك 😍👇🏻
7
30
188
كمُطور React، من المحتمل جدًا أنك قد مررت بمرحلة وجدت فيها أن الاكواد في مشروعك تزداد تعقيدًا لامنتاهيًا بسبب استخدامك لـ Class Component في المشروع.
لحسن الحظ فريق React أعادوا البهجة لجميع المطوّرين من خلال اضافة جبارة وهي الـ Hooks 😍✨
تبغى تتعرف عليها؟ تابع الثريد👇🏻
6
42
186
كمبرمج ماتحتاج دائمًا انك تكتب كل شيء من الصفر🚫،
هذي عدة مواقع ومكتبات توفّر لك عناصر (components) جاهزة باستخدام tailwind، تقدر تستخدمها بكل سهولة في مشروعك✨
2
25
176
٥ علامات راح تبيّن لك اذا كان الكود الي قدامك سيء❌:
١- تكرار نفس الاكواد في المشروع.
٢- التسميات الغريبة والتي لاتدل على معنى حقيقي.
٣- اكواد معقدة وغير واضحة.
٤- الكثير من الجمل الشرطية المتداخلة.
٥- وجود اجزاء من الكود غير مستخدمة او ليس لها استخدام واضح.
ايش تضيف؟🤔
10
12
180
⚡️خاصية رهيبة بالـ CSS⚡️
عشان تحذف التنسيقات الافتراضية الخاصة بالمتصفح لأي Tag باستخدام CSS، استخدم ( all:unset )
مثال👇🏻
#30DaysOfCode_Ramadan
2
14
176
"انا ابرمج من فترة بس ما اعرف متى انتقل من مرحلة المبتدئ"🤷🏻♀️
كثير من هذه الاستفسارات توصلني على الخاص حول ان المبرمج يكون "عالق" تحت مسمى "مبتدئ".
وجوابي باختصار:
مشاريعك الشيء الوحيد الي يقدر يعطيك الثقة وينقلك من شخص مبتدئ بالبرمجة الى شخص متقدم.👌🏻
ماذا عن اجوبتكم؟🤔
23
9
176
في HTML، ليش دائماً نفضّل استخدام a tag للتنقل بين الصفحات في المواقع؟🤔
هالصورة تشرحلك السبب👇🏻✨
5
11
178
- أحد أكثر الأوامر استخداماً من قبل مبرمجين الجافاسكربت ()console.log
ولكن ماقد يغفل عنه البعض أن الـ console ماله علاقة بالجافاسكربت وليس جزء من اللغة نفسها !
وش قصة الـ console مع الجافاسكربت؟🤔
تابع القصة عشان تفهم الموضوع ..👇🏻✨
5
15
175
مستودع Github رهيب✨
يشرحلك الـ Best Practice عند كتابتك لأكواد الـ HTML، ويساعدك تكتب أكواد واضحة و مفهومة .👌🏻
1
22
170
أهم ٣ أمور بتميّزك كمبرمج عن غيرك اذا اهتميت بتطويرها:✨
- المهارات البرمجية والتقنية.
- اضافة المشاريع البرمجية لملف الاعمال (Portfolio).
- رفع أكواد المشاريع على Github.
ايش تضيفون؟🤔
8
9
168
- من المفاهيم التي قد تُسبب بعض اللّبس للمبتدئين في تعلم الجافا سكربت لتشابهها نوعًا ما في الاستخدامات.
ايش الفرق بين Undefined و Null🤔؟
- ثريد خفيف ولذيذ.😋🍩
5
19
168
✨ من المهارات الهامة والي لازم تكون عند كل مبرمج:
- قراءة الأكواد وتحليلها.
- تصحيح الأخطاء (debugging)
- إعادة كتابة الأكواد مراجعتها (Refactoring)
- اختبار الكود (Testing)
- قراءة الوثائق (Documentation)
ايش المهارات الي تضيفها؟🤔
25
23
164
تابعت كورسات كثير باليوتيوب لكن ما اعرف اكتب كود ! ❌
قرأت أكثر من كتاب بس ما اقدر ابني مشروع بنفسي من الصفر !❌
تمر علي هذه المشاكل بشكل متكرر من المبتدئين في تعلم البرمجة،لكن من وجهة نظري:
كتابة الكود مو أصعب جزء في تعلم البرمجة! ولكن "التفكير كمبرمج"هي المهارة الصعب اكتسابها
11
11
165
- اذا انت مبرمج رياكت أو مبتدئ فيها لازم مايفوتك هذا الكنز الرهيب🤩
Github repo فيه تقريبًا كل شيء بتحتاج تعرفه "وزيادة" عن الرياكت👇🏻✨
2
15
154
تدري انك تقدر تسمّي دوال التكرار (Loops) أو جزئية معينة من الكود باسماء معينة باستخدام الجافاسكربت❕🤔
اذا تحس المعلومة غريبة عليك، كمّل متابعة هذا الثريد✨👇🏻
2
29
150
- مهاراتك تقدر توصّلك لمكان أبعد من المكان الي ممكن توصل له بشهاداتك.👌🏻✨
10
30
146
- إطار العمل Tailwind Css من الأطر الرهيبة والي يفضلّها كثير من المبرمجين لمميزاتها وسهولتها، في هالثريد جميع المصادر لتعلّمها من الصفر :👇🏻🤩
6
20
138
موقع يعرض كل المهارات الي تحتاج تتعلمها عشان تصير مطور ويب مع مصادر التعلّم 👇🏻🤩
2
22
137
مواجهة الأخطاء والمشاكل بشكل مستمر هو أمر طبيعي يمر به المبرمجين، ولكن القدرة على البحث الفعّال عن حل لهذه المشكلة أو الخطأ هو ما يسمى بـ "مهارة البحث"🔍
هذه المهارة من أهم المهارات الأساسية لأي مبرمج، في الثريد بعض الطرق لتطوير عملية البحث و الوصول لحل للمشكلة في أسرع وقت👇🏻✨
4
17
138
مواقع رهيبة تسّهل عليك مرحلة اختيار الألوان لموقعك، بتوفير خيارات متعددة من مجموعات الألوان المتناسقة.😍🎨
- Coolors
- Color Hunt
- Paletton
- Gradient Hunt
3
23
137
المُقبلين الجدد على مجال البرمجة محظوظين جدًا بتوسّع المجتمع البرمجي الحالي سواء على تويتر أو مواقع التواصل الاخرى،
هذا الكم من المعرفة والخبرات الي تتم مشاركتها يوميًا راح تفرق معاهم بشكل كبير في مراحل التعلم👌🏻✨
- تتفقون؟
18
2
132
مبرمج مبتدئ وتبي تطوّر مهاراتك البرمجية؟ 🧑🏻💻هذي أكثر الخطوات الي بتفيدك في تطويرها:✨
- الممارسة بشكل مستمر
- الانضمام لفرق ومجتمعات برمجية
- التطوّع في تطوير مشاريع مفتوحة المصدر
- بناء مشاريع مختلفة للتدرّب
وش تضيفون؟
8
14
136
كيف بيفيدك Github كمبرمج؟👩🏻💻
١- تقدر ترفع مشاريعك عليه ويكون ملف لأعمالك.
٢- يسهّل ادارة المشروع اذا كنتو تيم تشتغلون مع بعض.
٣- مليان مشاريع جاهزه تقدر تستخدمها.
٤- فيه مستودعات رهيبة للشروحات والمصادر المفيدة.
٥- تقدر تقرأ اكواد المبرمجين وتحسّن من طريقتك بكتابة الكود.
3
18
132