Hossam Alhamidi
@hossam_alhamidi
Followers
2,222
Following
175
Media
217
Statuses
1,808
Software Engineer, Web Developer , #React
Riyadh
Joined June 2022
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Arlington
• 744871 Tweets
Elon Musk
• 438531 Tweets
Champions
• 370043 Tweets
Alexandre de Moraes
• 334891 Tweets
Brazil
• 317750 Tweets
#انقاذ_النصر_مطلب_عشاقه
• 292918 Tweets
Colorado
• 259361 Tweets
لاس بالماس
• 192401 Tweets
لاس بالماس
• 192401 Tweets
Mbappe
• 168532 Tweets
Beşiktaş
• 162442 Tweets
Xandão
• 93125 Tweets
McDonald
• 59412 Tweets
#BJKvLUG
• 51294 Tweets
#الاتحاد_التعاون
• 50075 Tweets
Kutlu Olsun
• 49723 Tweets
Mustafa Kemal Atatürk
• 46602 Tweets
كاراسكو
• 42668 Tweets
Las Palmas
• 37368 Tweets
Vini
• 27104 Tweets
#30AgustosZaferBayramı
• 26790 Tweets
Rafa Silva
• 26473 Tweets
Amrabat
• 24025 Tweets
Servette
• 19823 Tweets
Brahim
• 19663 Tweets
Conference League
• 18852 Tweets
Bluesky
• 15865 Tweets
Tchouameni
• 14332 Tweets
Semih
• 14303 Tweets
Modric
• 13226 Tweets
Ancelotti
• 12625 Tweets
Kroos
• 11921 Tweets
Abdullah Avcı
• 11793 Tweets
Pinned Tweet
عشان تعم الفائدة بحط أبرز الثريدات اللي كتبتها في هذي التغريدة 🤚
5
1
39
اليوم بعلمكم على كنز معظمكم مايدري عنه وانا ما اكتشفته الا مؤخرا وبنقل لكم تجربتي فيه 😍
متخيلين اني حصلت على github pro ومنه جاني اشتراك مجاني ل copilot وقدرت اخذلي دومين و200 دولار هوستنق في digital ocean واشتراكات مجانية لكورسات وغيرها كثير وكلها من ايميلي الجامعي!
9
96
810
اضافتين على google chrome تهمك كمطور Front-End واستخدمهم بشكل شبه مستمر بسردها لكم:
8
57
627
خمس مصادر في تعلم الـ web انا اعتبرها كنز وتعلمت منها كثير وأكيد انها قد مرت عليك أو راح تمر عليك مستقبلا
6
61
559
دايم طلاب الحاسب يعانون من متلازمة ماطورت نفسي اللي ماتدري وش الحل لها😂😂
18
41
291
من الأشياء البسيطة اللي ممكن تضيفها في تطبيقك وأثرها راح يكون كبير كل ما كبر حجم تطبيقك اللي هي الـ React Lazy Loading ولكن قبل ما أشرح الحل خلوني أطرح المشكلة من الأساس عشان يكون الحل منطقي بالنسبة لك فتابع معي:
5
26
217
بعلمكم اليوم طريقة تسمحلك انك تشوف النتيجة على جوالك من الـ localhost بدون ماتحتاج انك تسويله deployment والفكرة بسيطة جدا فإذا مهتم بالموضوع تابع معي:
10
25
216
من أكثر الأشياء المحيرة في بداية رحلتك بتعلم الـ CSS هي الـ Specifity لأن الـ CSS ما تهتم بأنت وين كتبت كودك! على العكس في لغات البرمجة متعودين أن اخر قيمة تسندها للمتغير هي اللي راح تنحفظ!. ثريد اليوم راح يبسط لكم الموضوع بحول الله
4
35
211
موضوع اليوم ماراح يكون له علاقة بالـ Web وإنما طريقة لحساب الوقت المتوقع لإنجاز المشروع وهي طريقة من طرق الـ Software Project mangement.
اذا أنت تستقبل مشاريع من عملاء وتمر عليك حاجات جديدة ما تعرف بالضبط قد ايش ممكن تاخذ منك وقت ف الموضوع هذا راح يفيدك إن شاء الله فتابع معي
3
23
196
من المواضيع المحيرة واللي مالها قاعدة معينة تمشي عليها وتحتاج شوية تدريب وخبرة هي الـ CSS units ولكن ي صديقي اليوم راح اشرحلك الفروقات اللي بينهم وايش مشكلة الـ px وراح اعطيك ملخص بسيط أو best practices راح يساعدك باختيار الـ unit أو الوحدة المناسبة.
اذا مروق تعال تابع معاي
6
31
190
مطورين الـ front end هذي library ما فيه icon بحثت عنه وما حصلته عندهم وميزتها انهم جامعين لك باقي المكتبات زي fontsAwsome و bootstrab icons بمكان واحد 👌
3
16
186
اضافتين ممتازة اضفتها مؤخرا في VS code تنبهك على شغلات ممكن تنساها وقد تكون غير معروفة للبعض
3
12
177
ثريد: React vs Next js
خلال رحلتك التعليمية راح تمر عليك تقنيات ومصطلحات كثيرة وتقنية تجي ورى تقنية وتحل مشكلة كانت موجودة وتستمر الحياة على هذا المنوال. فخلونا نعرف اليوم وش سالفة الـ next مع الـ react وخلال هذا الثريد راح اوضح كم مفهوم باذن الله
10
26
166
اليوم بتكلم عن Bootstrap grid system والموضوع مهم جدا لانك راح تتعلم مفهوم والمفهوم هذا نفسه موجود بباقي مكتبات الـ css مع اختلافات بسيطة جدا
@PrograminLovers
6
15
148
كيف تشتغل الجافا سكربت بالمتصفح ووش هو ال event loop والربط مابين موضوع ال single thread وال async كل هذي الاسئلة اجوبتها بالفديو وشرحها بشكل رهيييب جدا يستحق المتابعة 👇🏻
2
26
135
للناس اللي ودها تبدا بالرياضة بس مو عارفة كيف؟
جبت لكم الحل✅
CoachAI💪🏼
موقع يقترحلك جدول تمارين معين ويحسب سعراتك ويعطيك اقتراح وجبات بناء على معطياتك عشان تكون الأجوبة أكثر دقة.
وبحكم خبرتي بالرياضة النتايج اراها جيدة وفيها مجال للتحسين اكيد👇🏻
13
13
138
ثريد اليوم بتكلم فيه عن React Query وش هي ووش ممكن تفيدك فيه فاذا انت مهتم بالـ React تابع معي
2
22
131
الـ masking هي أحد خواص الـ css الرهيبة اللي ممكن تصلح فيها تأثيرات حلوة وماهي معروفة للجميع.
من خلالها تقدر تسوي mask أو hide لصورة أو فديو وتخليه يتشكل بشكل الـ svg او الصورة اللي تعطيها الخاصية
2
17
103
من أكثر الأشياء المكلفة عليك في برمجيات الويب وخصوصا لما تجي تتكلم عن خاصية البحث عن شيئ هو الـ Request أو بعبارة أخرى Request is always expensive!
فخلونا نتعرف على الـ debounce function اللي من خلالها راح تساعدك أنك تقلل الضغط على سيرفرك وبالتالي بينتج عنه منتج بجودة افضل
1
9
106
ماعرف من اللي سوا الـ figma desing بس تحياتي له حبيته واستمتعت وانا اسويه
7
1
94
قد صارتلكم انه كودك ما يشتغل بعدين تبحث تبحث تبحث وتلقى كود يحل الايرور بس ماتدري وش الفرق بعدين ترجع كودك القديم وبقدرة قادر صار يشتغل؟😂😂
27
5
84
بتكلم اليوم عن ميزة في الـ use Effect الكثير قد يغفل عنها وبدونها ممكن تدخلك في أخطاء قد تكون غير منطقية بالنسبة ولك وحلها بسيط جدا.
فخلوني أعرفكم على الـ cleanup function :
2
11
78
مهارتين عامة ماهي مخصصة لطلاب الحاسب كل ما تقدمت خطوة كل ما اكتشفت اهميتها بشكل اكبر واكبر
١- لغتك الانقليزية
٢- إلقاءك وحضورك قدام الناس
3
6
68
الفترة الاخيرة بحكم قبول الجامعات قاعد اشوف سؤال يتكرر كثير وهو وش افضل لابتوب للبرمجة فعشان كذا قلت بوضح كم نقطة واحط كم اقتراح تحت اخر شي
3
7
65
مع زحمة الرياض وبكرا العودة للمدارس فضروري تشوفلك شي يونسك وانت تسوق.
فجبت لكم حلقة من بودكاست أحمد الإمام اشوفها مميزة ومفيدة تشرح لكم الفرق بين الـ فرونت اند frameworks بشكل مبسط من دون مايدوخك بالتفاصيل وبنفس الوقت يستعرضلك تاريخ وتطور المجال.
1
6
64
اليوم بتكلم عن الـ meta tags وكيف ممكن استفيد منهم ووش أهمهم فتابع معاي
3
9
54
الصور من الأشياء المزعجة واللي ممكن تسببلك تجربة مستخدم سيئة او بطئ في موقعك اذا صار كبير وفيه أكثر من صورة.
ففي هذا الثريد راح اتكلم عن بعض الـ best practices اللي راح تفيدك في هذا الموضوع إن شاء الله
3
11
57
2ـ css viewer: تعطيك الـ style css بمجرد انك تسوي hover على العنصر 👌
3
9
55
من الأشياء اللي ممكن تمر عليك وتسمعها اذا صرت تشتغل مع تيم بس ما تدري وش معناها هي الـ DRY principle. وفكرته ماهي جديدة ولكن المسمى ممكن يمر عليك ف خليني اعطيك فكرة بسيطة عنه
3
7
59
قعدت اطقطق على رياكت نيتف وهذي النتيجة تعلمت فيها شغلات حلوة 👌🏻
عشرة لايك واطوره واخليه ينافس لنكدن بدال برنامجهم الكئيب 😂😂
9
1
56
1ـ page ruler:راح تساعدك بانك تقيس العناصر اذا حاب يكون تصميمك pixel perfect
2
5
54
بعد ما مديري باركلي واحتفلو فيني بكيكة من الحماس طلعت ٢ بق وسويت لهم اساين لي وصلحتهم
المهم اليوم كان هذا وضعي😂😂
7
1
43
باذن الله في هذا الحساب راح اشارككم رحلتي التعليمية في مجال الويب واللي راح تكون الكثيير من ال Front-end وقليلا من ال Back-end لان هذا اهتمامي في هذه الفترة✋🏻😂😂
3
2
44
وش أحسن من لما تتعلم أكثر من شي بعدين تحاول تجمعهم بمشروع تتضارب معه اسبوع وتضيف عليه شوية نرجسية وتخليه باسمك؟ 😂👌
9
4
41
كم كان عمرك لما عرفت أن الـ html عندها تاق اسمه progress ؟
8
2
40
ياخوان الهوشة ما بين المعدل والخبرة وكان الموضوع اسود وا��يض ي هنا ي هنا هوشة مفروغ منها🤔
6
4
30
1ـ Codevolution: شرحه رهيب جدا وكنز ثمين للي يبي يتعلم React لان هذا تركيزه الأساسي في القناة
1
1
28
أنا من الناس اللي تعلمت على class component واخذت وقتي فيه بعدين تعلمت على functional compoenet وأخذت وقتي فيه وبعد كذا سألت نفسي ايش الفرق! وش استخدم طيب وش مميزات هذا وعيوب هذا وقعدت ابحث وخلوني اشارككم الخلاصة ولكن قبل كذا لازم اوضح أكثر من شي
جيب قهوتك وتابع معي
2
5
24
معلومة سريعة:
ضيف scroll-behavior عشان لما تنتقل من section ل section ما يقفز مباشرة ويكون الانتقال بشكل سلس أكثر
0
1
23
للي يدور logos أو icons لموقعه flaticon فيه خيارات أكثر بكثير من font awsome وغيرها ومرة محترمين صراحة حملت من عندهم كثيير بعدين اخر شي قالولي لو سمحت سوي حساب وسجل دخول😂😂
1
1
20
ـ Error Lens: وهذي من الاضافات اللي ماحسها مشهورة ابدا ولكنها جميلة تخلي لك الـ الاخطاء والتنبيهات بخط أكبر زي متغير ما استخدمته او امبورت سحبت عليه ...الخ
1
0
23
بما أن الترم صار قصير واسبوعين ثلاثة بتلقى نفسك بزحمة اختبارات وفيه طلاب مستجدين كثير وبما أني خريج ف خلوني ألخص لكم تجربتي الجامعية وكيف أنا أجيب درجات زينة بأقل جهد ممكن بدون ما أقولك رتب وقتك وذاكر أول بأول ولا تراكم على نفسك لان الأشياء ذي كلنا نعرفها بس مو دايما تقدر تسويها
1
3
19
مطورين رياكت موضوعنا اليوم عن الـ keys اللي دايما تلقاه بالـ console في كل مرة تسوي لوب على مصفوفة وممكن كثير منا يخلي الـ key عبارة عن الـ index وتمشي اموره ولكن ما قد تساءلت ليش رياكت يحتاج الـ key وليش ان الـ index مايعتبر خيار جيد وممكن حتى يسببلك مشاكل؟
اذا مهتم تابع معي
3
1
19
الحمدلله على الذي تتم بنعمه الصالحات والحمدلله على التمام والكمال
معالي الخريج يمسي عليكم بالخير بعد تخرجه رسميا من جامعة الملك سعود بتخصص هندسة البرمجيات 🙏😍
15
0
20
الحمدلله حمدا كثير طيبا مباركا فيه🙏
اليوم خلصت اخر اختبار لي في مسيرتي الجامعية 😍
مسيرة فيها مرتبة شرف أولى ومليئة بالA+
راح يكون اول رمضان يجي من سنوات بدون اي اختبارات الله يبلغنا اياه يارب
11
1
19
انا من الناس اللي ماكنت افضل استخدم tailwind خصوصا اذا ما عندك ديزاين محدد تتبعه لكن بسرد لكم افضل المصادر اللي فادتني وسرعت شغلي فيه👌
2
4
18
لا تتعلم اللغة ولكن تعلم المجال
عبارة ذهبية 👌🏻
كم عدد لغات البرمجة التي يجب على المبرمج أن يتعلمها؟
سؤال مهم و هذه إجابتي👇🏻
18
91
628
0
1
17
بسرد لكم 5 مواقع راح تفيدكم في أخذ تصاميم أو designs جاهزة وتقدر تطلع منها بأفكار حلوة جدا
1
1
15
برفق لكم tailwind cheat sheet مرتبلك الكلاسات ومعطيك رابط الدوكيمنت لكل كلاس ف مفيد ويسرع عليك البحث اذا نسيت شي 👇🏻
1
8
13
آخر اثنين يعطونك الزبدة بأقل وقت ممكن ف ادخلهم اذا حاب اعرف عن tecknology معينة او حاجة سريعة وعندهم كذا كورس مختصر
4ـ webDevSimplified :
5ـ fireship:
1
0
15
2ـ TraversyMedia: بتلقى عنده كورسات كثيرة في الفرونت والباك , شرحه رهيب وعنده كم crash course ممتازين صراحة
1
0
14
اللي وده بمحتوى رهيب للرياكت يشيك على قناة codevolution فيها حاجات كثيرة رهيبة صراحة
1
2
11
موخرا اذا سويت مشروع صرت اخلي اللي حولي يستخدمونه واشوف كيف طريقتهم للاستخدام خصوصا الاشخاص الغير تقنيين وصراحة تطلع بحاجات ماكانت على بالك 👌
3
0
13
ماراح اقولك لا تشتري مواصفات اعلى من كذا لان الموضوع يرجع لميزانيتك والمواصفات ذي تلقاها بحدود ٢٠٠٠-٢٥٠٠
هذا كم اقتراح EDDY عندهم تخفيضات وترى مو اعلان ولا شي فلو حاب شف اللاب واشتريه من مكان ثاني 😂😂
1
1
13
صراحة استخدامي لايميلي الجامعي كان بس عشان اجيب منه microsoft office وكم برنامج تعطيك اياه الجامعة غالبا ماتحتاجهم بس ما استوعبت قوته الا لما شفت الـ github student developer pack!
بسرد لكم أهم المزايا اللي استفدت منها فيه وفيه غيرها كثييير
2
1
13
معلومة سريعة:
اذا عندك form وتهمك تجربة المستخدم في الجوالات ففي أغلب المتصفحات عندهم خاصية الـ auto zooming وهذي ممكن تسببلك scrolling وتخفي أجزاء مهمة من تطبيقك.
حلها انك تخلي حجم الخط 16 لل inputs لان الديفولت 11 واقل من 16 راح يخلي المتصفح يسوي zoom 👇
1
3
14
بما أنه كان فيه فايدة وتفاعل على الـ extension تبع قوقل كروم اللي نزلتها قبل كم يوم
فخلوني اليوم استعرض لكم أهم ثلاث اختصارات بسيطة استخدمها في الـ vs code بتوفر عليك كثير وبعضها ممكن تكون جديدة عليك
2
3
12
الحمدلله دوما وأبدا🙏 21 فبراير اليوم اللي انتهيت فيه من مشروع التخرج وهو اليوم اللي يسبق اخر اسبوع لي في مسيرتي الجامعية بحول الله 😍
8
0
12
عندي سؤال غبي اذا سوي موقع بلغتين عربي وانجليزي لازم اسويه مرتين مرة عربي مرة انجليزي او فيه طريقة اخرى؟ — ماهي سوال غبي
هذي طريقة انك تسوي صفحة مطابقة
الطريقة اللي افضلها انه يكون عندك ملف فيه اوبجكت يحتوي على الترجمة باللغتين وت…
2
0
13
كثرة التخصصات اللي حطوها بعض الجامعات تشتت وتربك الطالب تتفق ام تختلف؟ وفي النهاية سوق العمل يقولك IT 😂😂
3
0
12
وهذا الرابط اذا حبيت تستزيد
اذا استفدت من الموضوع لا تنسى الفولو واللايك عشان أتحمس وأنزل أول بأول 👌
0
1
12
ـ code spell cheker: وهذي ياما انقذتني من typo ماتنتبه عليه ومع الاضافة اللي فوقها صرت اطلع الـ typo قبل مايكون موجود😂
ويمديك تحط بالـ configuration كلمات استثنائية ماينبهك عليها
1
0
12
المعلومة تصدمك وتبهرك بنفس الوقت!
هل تعلم ان حجم لعبة ماريو هو فقط 31 كيلوبايت! 🤪
هذه اللعبة التي قضينا وقتنا بلعبها والاستمتاع بها فقط 31 كيلوبايت، والصورة في التغريدة 103 كيلوبايت.
بحثت في الانترنت وتفأجات بهذه المعلومة، واستمتعت جداً بقراءة التحليل التقني
5
24
136
0
1
11
اليوم جبتلكم مكتبة جدا سهلة الاستخدام وخفيفة وراح تفيدك ان شاء الله اذا حاب تحط شوية animation في صفحتك
تابع معي الخطوات
2
0
11
عندي بريزنتيشن وصراحة اللي قعدت كم ساعة ابحث عنه امس chat gbt عطاني اياه بدقايق وبنتايج افضل 👌🏻
4
0
10
طريقة التسجيل بسيطة :
روح لاعدادات الـ github ومن الsettings ضيف ايميلك الجامعي وخليه ايميل ثانوي
روح للـ github education ومن فوق روح للـ student developr pack
2
1
9
الحين اذا جيتو تشتغلون فل ستاك تخلصون باكيند اول بعدين فرونت ولا هنا وهناك مع بعض
8
0
11
3ـ netNinja: كنز على شكل قناة تدخلها ما تدري تبدا تتعلم ايش بالضبط وشرحه بسيط وممتاز
1
0
11
٣ حاجات اشوفها اساسية اذا تبي لابتوب يمشيك بفترتك الجامعية وانت مرتاح وزيادة
معالج i5 الجيل العاشر واعلى او شي يعادله
رام ٨
هارديسك ssd ٢٥٦ ويفضل ٥١٢ اذا ماتحب تجيب هارديسك خارجي
1
1
12
طبعا فيه كثير غيرها ف شاركونا أهم الاضافات اللي تستخدموها
0
0
10
معلومة عالسريع:
الـ for of تسمحلك انك تسوي loop على أشياء iterable زي الـ array بينما الـ for in من خلالها تقدر تسوي loop على objects بطريقة مباشرة على عكس الـ for of اللي تحتاج تستخدم معها object.keys على سبيل المثال لو حبيت تسوي loop على object من خلالها
شيك على الصورة👇
1
1
8
بعد كذا تكتب الـ ip هذا بجوالك وتتبعه ب نقطتين (:) ورقم البورت وبالعادة في الرياكت يكون 3000.
ومبروك عليك كذا تقدر تشيك على المحتوى من جوالك👌
4
0
9
عشان تكون الصورة أوضح خلونا نقسمهم إلى أقسام من الأضعف إلى الأقوى
1ـ الـ all selctor (*) وهذي تعتبر الأضعف ووزنها صفر
2ـ elements وهذي وزنها 1
3ـ classes وهذي وزنها 10
4ـ id ووزنه 100
5ـ inline style ووزنه يعتبر 1000 ! وهو بكل بساطة انك تكتب الـcss وسط الـhtml عن طريق style!
1
0
10
متى الاتش ار يفكونا من وضع الاجوبة المثالية اللي هم يدرون اننا كذابين وحنا ندري اننا كذابين بس صارت ستاندرد مادري ليش
2
0
10
يوم واحد تكتب فيه css كفيل بانه يخليك تحمد الله على نعمة تيلويند
5
0
9
@PrograminLovers
قناة معاذ الخلف هو دكتور في جامعة الملك سعود وكان يقولنا ادرس بالبيت واذا عندك سؤال اسال وهذي قناته بلاي ليست ١ و٢ بتعلمك اساسيات البرمجة وعندك قناة عبدالله عيد بعد بتفيدك
0
0
9
2ـ digital ocean : راح يعطونك 200 دولار مجانية صالحة لمدة سنة كاملة
3ـ domains : تقدر تشتري دومين بشكل مجاني من name cheap أو name com
4ـ browser stack وتقدر منه تسوي test على تطبيقك بأجهزة وجوالات حقيقية
1
0
8
5ـ scrimba: يعطونك شهر مجاني على جميع كورساتهم و
@nuf1ii
من كثر ما يحبهم حمسني اخذ كورس من عندهم
6ـ mailgun : يعطونك 20 الف عملية ارسال ايميل مجاني كل شهر لمدة سنة!
وغيرها كثييير ماقدر اغطيها كلها ولكن هنا الأشياء اللي ممكن تحصل عليها
1
0
8
@nuf1ii
ماتوقع صراحة ولا اظن فيه شهادات احترافية في الدفلوبمنت اصلا. اذكر مرة اللي سوالي المقابلة شاف ان عندي شهادة من free code camp وكانت بونص واخذ انطباع جيد عني ولو اني ماتوقعتها تفيد بس عموما ماتوقع انه اساس يبنى عليه
1
0
8
معلومة سريعة:
الـ picture tag تستخدمه اذا تبي تعرض صور مختلفة بناء على حجم الشاشة بدال ما تعرض صورة وحدة لجميع الاحجام وممكن جودة الصورة تقل.
ولا تنسى في الأخير بعد ما تضيف الـ source تحط الـ img لانه يعتبر fallback في حال ماصار match للـ source حسب الحجم اللي حطيته
1
1
7
React Datepicker مكتبة مريت عليها وانا ابحث عن شغلة وصراحة لطيفة وفيها شغلات حلوة ممكن تفيدكم مستقبلا
0
1
8
من الأشياء اللي تعاملت معاها مؤخرا وكانت حل لأي multi value select هي مكتبة React Select وميزتها انها متوافقة مع Formik فوفرت علي كثير صراحة
2
0
8
وهنا محمد ماقصر وحط اكثر من اقتراح من اكسترا
مريت اكسترا اخذ لي كم غرض و لمحت بعض اللابتوبات اللي اسعارها ممتازة مقارنة بمواصفاتها و اشوفها مناسبة جداً لطلاب الحاسب..
ملاحظة:
ركزت على معالجات i5 و تحديداً الجيل الحادي عشر ممتازة جداً و سريعة و تتفوق على i7 الجيل العاشر 👍🏼🥸
27
26
388
1
2
8
افضل مصدر تعلمت منه ؟ — ماتعلمت من مصدر واحد بس عندك قناة codevolution متخصصة في محتوى الرياكت وشرحه ممتاز
0
0
8
رهييب😂😂
1
0
7
اللي بادي يتعلم css أو يحس عنده مشكلة بالـ flex و الـ grid انصحه بذي المصدرين شاملة جدا لكل شي تحتاج تعرفه فيهم
0
2
7