Hossam Ghallab

27/10/2021

نصائح للأستخدام الصحيح لبعض الأكواد :)

17/10/2021

هتفضل تهرب من الضغوطات اللي عليك علشان حاسس إنها صعبة و كبيرة .
مع إنك لو بدأت فيها هتندمج و تحس إنها سهلة ، بس ساعتها هتندم علي الفترة الكبيرة اللي فضلت تهرب فيها.
إبدأ في أي حاجة وراك ولو بجزء بسيط هتدخل في مود الانجاز وهتقدر تكمل .
خد خطوة ..... بلاش تهرب :)

17/10/2021

[ نصائح للأستخدام الصحيح لبعض أكواد الـ CSS ]
- يجب أستخدام الـ Align Center مع الـ Icon
- يجب أستخدام الـ Align Left مع الـ Text

16/10/2021

Symbols Used In Programming

14/10/2021

لغات البرمجة المستخدمة في تطوير الويب

13/10/2021

الفرق بين الـ Front-End و الـ Back-End و الـ Full-Stack

12/10/2021

Shapes in CSS

11/10/2021

استخدمات لغات الـ Front-End

29/09/2021

SOON 🙂
Channel: https://www.youtube.com/c/HossamGhallab

26/09/2021

ازاى تضيف لينك داخل صورة بالHTML
لينك الفيديو : https://www.youtube.com/watch?v=ymueqWrFcxs&list=UUw4u4ZyVFXmBxZ4t7FDAGkw&index=2

04/09/2021

حدد مجال واتعمق فيه متضيعش وقتك ف التنقل ف كل حته شويه
متضيعش وقتك برضه ف كل التمرينات اللي بتشوفها ف الفيديوهات وتقعد ترسم باتيرن وبتاع وتقعد تعمل نيه كونكات وتقول بتدرب ع السترنج والكلام دi
اعمل تمرينات لنفسك انت لو لسه ف البدايه وكبرها مع تقدمك ف اللغه وخلي تمريناتك ليها علاقه بالحياه العمليه يكون ليها علاقه بالتسجيل او التعامل مع الملفات او اله حاسبه او اي حاجه انت تحبها
متحفظش الاكواد ومتقعدش تعيد الفيديو اللي بتتفرج عليه ميه مره وتستني تفهم او تكتب كود لوحدك عشان د مش هيحصل وكل م تبدأ ف بروجيكت هتعمل سيرش وتدور ع اكواد وطرق وهكذا هي دي البرمجه المهم تبقي فاهم الكود اللي بتكتبه ومع الوقت هتلاقي الدنيا بقت اسهل
مش كل حاجه بتتقال ف الفيديوهات مفيده اللي بيشرح د شغلته يشرح ف بيبقي مذاكر الحاجات قبل م يبدأ عشان يحاول يقولك معظم الحاجات وبعد م الفيديو يخلص بينسي اغلبهم لان دي طبيعه البشر اللي عاملين اللغه نفسها مش عارفين كل حاجه فيها وكل واحد بيشتغل ع جزء ف مش كل حاجه هتستخدمها لو حته مفهمتهاش وعندك حته تانيه بتقوم بنفس الوظيفه ف اشطا الموضوع مش اخر الدنيا وهكذا حاول تخليك ذكي ف المذاكره عشان متضيعش وقتك وطاقتك ف حاجات فاضيه
بالتوفــــــــــــــــــ💪ــــــــــــيق

04/09/2021

يدل "HTTP " على بروتوكول نقل النص التشعبي hypertext transfer protocol. هو بروتوكول يسمح بالاتصال بين الأنظمة المختلفة. فى الغالب يتم استخدامه لنقل البيانات من خادم ويب إلى متصفح لعرض صفحات الويب.

المشكلة هي أن HTTP (: بدون حرف”s” في النهاية) تكون فيه البيانات غير مشفرة ، بمعنى أنه يمكن اعتراض البيانات من قبل طرف ثالث لجمع البيانات التي يتم تمريرها بين النظامين.

يمكن معالجة ذلك باستخدام إصدار آمن يسمى HTTPS ، حيث يشير الحرف “S” إلى secure او آمن وهو ما يجعل البيانات مشفرة بالتالى لا يمكن اختراقها.

يتضمن ذلك استخدام شهادة SSL حيث يتم انشاء اتصالًا مشفرًا آمنًا بين خادم الويب ومتصفح الويب.

بدون HTTPS ، تكون أي بيانات ممرة غير آمنة. وهذا مهم بشكل خاص للمواقع التي يتم فيها تمرير البيانات الحساسة عبر الاتصال ، مثل مواقع التجارة الإلكترونية التي تقبل الدفع بالبطاقات عبر الإنترنت ، أو تسجيل الدخول و التي تتطلب من المستخدمين إدخال بيانات الدخول الخاصة بهم.

03/09/2021

ما هو الـ Front-end development ؟

إن الـ Front-end الخاص بالموقع هو ما تراه وتتفاعل معه في المتصفح، فهي تمثل واجهة المستخدم من نصوص أو ألوان أو أزرار أو صور. لو أردت مثلا أن تطور موقعا خاصا بمطعم فستضع المعلومات الخاصة بالمطعم سواء كان عنوان المطعم أو صورا للأطباق التي يقدمونها حتى يجذب الموقع العملاء. كل هذا يتم باستخدام تقنيات الـ Front-end.

لغات الـ Front-end

هناك ثلاث لغات أساسية:

HTML : هي لغة بناء هيكل الموقع الذي سيتم عرضه في المتصفح.

CSS : تأتي مع لغة HTML ومنها تقوم بتحديد تنسيق الموقع من ألوان و تصميم وخطوط.

Javascript : هي لغة برمجة تستخدم أكثر في العناصر التفاعلية في الصفحة كالقوائم المنسدلة واستمارت الاتصال.

بالإضافة لهذه اللغات الأساسية توجد بعض الإضافات اللازمة لبناء أي موقع، على سبيل المثال بعض المكتبات الخاصة بـ CSS كمكتبة Bootstrap أو Materialize، بعض أطر العمل الخاصة بلغة Javascript كإطار Angular أو Vue أو React (مع ملاحظة أن React تعتبر مكتبة)، وبعض الإضافات الخاصة بـ CSS أيضا كـ SASS أو LESS.

ما وراء الكواليس

بعد عدة أشهر من بناء الموقع الخاص بالمطعم وبعدما نجح الموقع بشكل جيد، الآن يريد العملاء أن يأكلوا من الأطباق المقدمة في المطعم، ويتساءلون لو كان طلب الطعام أونلاين متاحا وربما يريد البعض أن يحجز طاولة ليتناول طعام العشاء مع أصدقائه، لذا تقرر أنك ستضيف تلك المميزات لموقعك، وهذا يعني أن الموقع سيتعامل مع بيانات المنتج، الشراء و حسابات العملاء. كيف ستدير تلك البيانات وتنظمها في موقعك؟ هنا يأتي دور تطوير الـ Back-end.

ما هو الـ Back-end development ؟
حتى الآن، ما لديك هو مثال لـ الموقع الثابت Static Website الذي لا يتغير محتواه كثيرا. هذا النوع من المواقع جيد لعرض أشياء كـ أعمال أو مطاعم أو معارض أعمال. لكن إذا أردت أن تجعل موقعك يمكن التفاعل معه من قبل العملاء، ستحتاج إلى أن تعرف أكثر عن ما يدور وراء الكواليس في الموقع.

الـ Back-end هو الجزء الذي لا تراه في الموقع، فهو مسئول عن تخزين وتنظيم البينات والتأكد من أن كل شئ في واجهة الموقع يعمل بشكل جيد. يقوم الـ Back-end بالتواصل مع واجهة الموقع فيقوم بإرسال واستقبال المعلومات ثم يعرضها في الموقع. كلما ملأت استمارة إتصال،كتبت عنوان موقع أو قمت بالشراء، يقوم المتصفح بإرسال طلب إلى الخادم Server، الذي يقوم بإرجاع المعلومات المكتوبة في الاستمارة ليتمكن من التعامل معها.

يحتاج موقعك لقاعدة بيانات لإدارة كل المعلومات الخاصة بالمنتجات والعملاء. تقوم قاعدة البيانات بتخزين المحتوى في هيكل يجعل من السهل استرجاعها وتنظيمها وتعديلها وحفظ البيانات. يتم تشغيلها في حاسوب خارجي يسمى بالخادم Server. هناك العديد من قواعد البيانات المستخدمة على نطاق واسع مثل MySQL, SQL Server, PostgresSQL, MongoDB and Oracle.

الآن يجب بناء موقعك بلغة برمجة تستطيع قاعدة البيانات أن تتعرف عليها. بعض لغات الـ Back-end المعروفة هي Ruby, Java, PHP, Python, ASP.Net and Node.js. هذه اللغات غالبا يتم تشغيلها في أطر عمل تسهل التعامل معاها وتعلمها مثل Rails فهذا إطار عمل للغة Ruby. هنا يأتي "Ruby On Rails" فهذه تكنولوجيا مشهورة لبناء مواقع ديناميكية تقوم بالعمليات بشكل أسرع.

بالتعاون مع كل هذه الأجزاء بشكل صحيح، يستطيع العميل أن يزور الموقع ويبحث عن نوع معين من الأطباق لكي يطلبه للشراء. عندما يكتبون في حقل البحث (في الـ Front-end) يقوم الموقع بالبحث في كل المنتجات المخزونة في قاعدة البيانات (في الـ Back-end) وييسترجع المعلومات الملائمة في شكل كود Front-end فيظهر في المتصفح الطلب الخاص بالعميل ويقوم بعملية الشراء أو الحجز.

29/08/2021

ازاى تغير لون تحديد النص عن الوضع الافتراضى بالCSS

لينك الفيديو :
https://www.youtube.com/watch?v=KqnPQl7k8SQ

02/08/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال17 من كورس HTML اتكلمنا فيها عن الجداول وكيفية استخدامها و كيفينة تنظيم البيانات بيها

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة
لينك الفيديو :
https://www.youtube.com/watch?v=pznKAEbMzQg

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab

===== تابعنى على =====

انستجرام
https://www.instagram.com/hossam_ghallab_official/

فيسبوك
https://www.facebook.com/Hossam-Ghall...

02/08/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال16 من كورس HTML اتكلمنا فيها عن القوائم وشرحنا فيها ال , , حلقة مهمه جدًا .....!

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة
لينك الفيديو :
https://www.youtube.com/watch?v=Qm7fmWRSDGo

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab

===== تابعنى على =====

انستجرام
https://www.instagram.com/hossam_ghallab_official/

فيسبوك
https://www.facebook.com/Hossam-Ghall...

26/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال15 من كورس HTML اتكلمنا فيها عن عنصر اللينك وازاى تربط الصفحات ببعضها وحاجات كتير فيديوا مهم ...!

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة
لينك الفيديو :
https://www.youtube.com/watch?v=3T92XGorsPk

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab

===== تابعنى على =====

انستجرام
https://www.instagram.com/hossam_ghallab_official/

فيسبوك
https://www.facebook.com/Hossam-Ghall...

25/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال14 من كورس HTML اتكلمنا فيها عن ازاى تضيف صورة للصفحة بتاعتك وبعض الاتربيوتث المهمة

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة
لينك الفيديو :
https://www.youtube.com/watch?v=qcjn8iHX9iU

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab

===== تابعنى على =====

انستجرام
https://www.instagram.com/hossam_ghallab_official/

فيسبوك
https://www.facebook.com/Hossam-Ghall...

13/07/2021

ملخص حلقة ال Formatting Elements

لينك الفيديو : https://www.youtube.com/watch?v=OwKM2_zR6ZU

الصورة بجودة احسن : https://drive.google.com/file/d/1ufswZMv33-U3xGefwoWMlU_zshIXwoqF/view?usp=sharing

13/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال13 من كورس HTML اتكلمنا فيها عن عناصر تنسيق العناصر بدون استخدام الCSS حلقة مهمه جدًا

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة
لينك الفيديو :
https://www.youtube.com/watch?v=OwKM2_zR6ZU

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab
===== تابعنى على =====

انستجرام
https://www.instagram.com/hossam_ghallab_official/

فيسبوك
https://www.facebook.com/Hossam-Ghall...

تويتر
https://twitter.com/HossamGhallab7

12/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال12 من كورس HTML اتكلمنا فيها عن سمات العناصر واية انواعها

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة
لينك الفيديو :
https://www.youtube.com/watch?v=CzKuzlTEZzo

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab
===== تابعنى على =====

انستجرام
https://www.instagram.com/hossam_ghallab_official/

فيسبوك
https://www.facebook.com/Hossam-Ghall...

تويتر
https://twitter.com/HossamGhallab7

11/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة ال11 من كورس HTML اتكلمنا فيها عن البراجراف وليه هو من اهم عناصر HTML

انتظرونا كل يوم الساعة 9 مساءً فى حلقة جديدة

لينك الفيديو :
https://www.youtube.com/watch?v=JP39DHWMdZE

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab

===== تابعنى على =====
فيسبوك
https://www.facebook.com/Hossam-Ghall...
انستجرام
https://www.instagram.com/hossam_ghallab_official/
تويتر
https://twitter.com/HossamGhallab7

10/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة العاشرة من كورس HTML اتكلمنا فيها عن اية هو ال Syntax

لينك الفيديو :
https://www.youtube.com/watch?v=6qcV4WQDmeo

===== للاشتراك فى القناة =====

https://www.youtube.com/c/HossamGhallab

===== تابعنى على =====

فيسبوك
https://www.facebook.com/Hossam-Ghall...

انستجرام
https://www.instagram.com/hossam_ghallab_official/

تويتر
https://twitter.com/HossamGhallab7

08/07/2021

السلام عليكم ازيكم يا شباب ان شاء الله دى الحلقة التاسعه من كورس HTML اتكلمنا فيها عن الاختصارات اللى هتسهل عليك البرمجه وهتوفر عليك وقت كبير جدًااا لو عايز تعرفهم

ده لينك الفيديو 👇👇

https://www.youtube.com/watch?v=6axqjO0lVCM

ازيكم يا شباب ان شاء الله دى الحلقة التاسعه من كورس تعلم HTML شرح الاختصارات اللى هتسهل عليك البرمجه وهتوفر عليك وقت كتير جدًاااا متنساش تعمل لايك (👍) وتشتر...

27/05/2021

السلام عليكم ان شاء الله دى الحلقة السابعه من كورس HTML شرح تعليمات الDOCTYPE واهميتها فى كل موقع

لينك الفيديو : https://youtu.be/S9mTtVqR6vg

---------- تابعنى على ----------

يوتيوب : www.YouTube.com/c/HossamGhallab


فيس بوك : Hossam Ghallab

انستجرام : https://www.instagram.com/hossam_ghallab_oficial/saved/

ازيكم يا شباب دى الحلقة السابعة من كورس تعلم HTML شرح تعليمات DOCTYPE واهميتها فى كل موقعمتنساش تعمل لايك (👍) وتشترك في القناة (✔) وتفعل زر التنبيهات (🔔) ع...