هل انت مبتدء في عالم برمجة مواقع الويب
تابع معي في هذا الثريد اهم عناصر HTML5 للعناصر الانشائية لهيكلة الصفحة
رتويت ومتابعة ليصلك اي جديد
<article>تعرف مقال في الوثيقة
<aside>عرف المحتوى بجانب صفحة المحتوى
<bdi>تعرف جزء من النص التي يمكن تنسيقها في اتجاه مختلف عن نص آخر
<details>تعرف التفاصيل الإضافية التي يمكن للمستخدم عرض أو إخفاء
<dialog>تعرف مربع حوار أو نافذة
<figcaption>تعرف توضيحية ل
<figure> العنصر<figure>يعرف محتوى بذاتها، مثل الرسوم التوضيحية والرسوم البيانية والصور وقوائم الرموز، الخ
<footer>تعرف تذييل للمستند
<header>يحدد رأس للمستند اوقسم
<main>
يحدد المحتوى الرئيسي من وثيقة
<mark>
وتعرف ملحوظ أو تسليط الضوء النص
<menuitem>
يحدد عنصر الأمر / القائمة التي يمكن للمستخدم الاحتجاج من القائمة المنبثقة
<meter>
يعرف قياس العددية ضمن نطاق المعروف
(a gauge)<nav>
تعرف ارتباطات التنقل في وثيقة
<progress>
يحدد سير مهمة<rp>يحدد ما لإظهارها في المتصفحات التي لا تدعم ruby
<rt>
يعرف تفسيرا / نطق الحروف (للطباعة شرق آسيا)
<ruby>
يعرف ruby الشرح (for East Asian typography)
<section>
يعرف قسم في وثيقة
<summary>
يعرف عنوان واضح
ل <details>
العنصر<time>يحدد وقت / زمن
<wbr>
تعرف محتمل خط فاصل
• • •
Missing some Tweet in this thread? You can try to
force a refresh
1_ Enki
🔸يوفر لك التطبيق تمارين يومية تساعدك على تحسين مهاراتك، ويدعم جميع المستويات بما في ذلك المبتدئين والمبرمجين الأكثر خبرة.
🌐 رابط التطبيق : play.google.com/store/apps/det…
/apdetail
2_ Grasshopper
🔸يعتمد التطبيق على رسوم متحركة تفاعلية تُمكّن أي شخص من فهم لغة البرمجة ببساطة، من خلال الإجابة على أسئلة المسابقات وحل الألغاز.
🌐 رابط التطبيق : play.google.com/store/apps/det…
3_ SoloLearn
🔸يحتوي التطبيق على أكبر مجموعة من المحتوى المجاني المتخصص في تعليم البرمجة، كما يدعم أكبر عدد من لغات البرمجة بما في ذلك : C، و++C، وJava، وJavaScript، وPHP، وPython، وRuby، وSwift وغيرها.
🌐 رابط التطبيق : play.google.com/store/apps/det…
اسمحوا لي في هذا الرتيوت اكتب لكم اهم الاختصارات واسرار لوحة المفاتيح:
Shift + E : الضمة
Shift + X : السكون
Shift + Q : الفتحة
Shift + A : الكسرة
ذ + Shift : الشدة
Shift + Z : المدة
Shift + W : تنوين فتح
Shift + S : تنوين كسرة
Shift + R : تنوين ضم
Shift + T : لإ
Shift + G : لأ
Shift + Y : إ
Shift + H : أ
Shift + N : آ
Shift + B : لآ
Shift + V : {
Shift + C : }
Shift + F : ]
Shift + D : [
Shift + J : تمديد الحرف
Ctrl + C : نسخ
Ctrl + X : قص
Ctrl + V : لصق
Ctrl + Z : تراجع
Ctrl + A : تعليم الملف
Shift + U : فاصلة معكوسة
Ctrl + ESC : قائمة المهام
Ctrl + Enter : ابتداء صفحة جديدة
Ctrl + Shift : لغة عربية ( يمين )
Ctrl + Shift : لغة إنجليزية ( يسار )
Ctrl + 1 : مسافة مفردة
Ctrl + 5 : مسافة سطر ونصف
Ctrl + 2 : مسافة مزدوجة
Ctrl + G : الانتقال إلى صفحة
Ctrl + END : الانتقال إلى نهاية الملف
1- السر الأول (+)
نستخدم + لما نحتاج ندور على شغلتين مع بعض
- مثال :
Computer+internet
eat + drink
2- السر الثاني (-)
نستخدم - لما نحتاج ندور على كلمه معينه مرتبطه بكلمه ثانيه بس احنا محتاجين الكلمه الاولى فقط .
- مثال :
Green - burger
بهذه الحالة راح يدور على green بس ، ومايظهر اى شي عن burger
3- السر الثالت ( " " )
نستخدم " " لما نحتاج ندور فى المواقع على جمله مترتبة
- مثال
" i use facebook "
بهذه الحاله راح يبحث على كل المواقع الى بيها الجملة هذه حسب الكلام بالضبط
هل عندك صعوبة في التفريق بين
ال margin و padding
تابع معي في هذا الثريد ماهو معنى padding وماهو معنى margin
قبل فهم الMargin و الPadding يجب عليك فهم فكرة رئيسية في Css وهي الBox Model
الBox Model يظهر في الصورة اسفل حيث يكون لدينا محتوى يعلوه Padding ثم Border ثم Margin
ولان الموضوغ فقط على ال Margin و الPadding سوف أشرح الامر كالتالي :
Margin :
يقصد به الهوامش الخارجية اي بمعنى خارج العنصر
Padding :
يعتبر كذلك من العناصر الهامة جدا في Css والمقصود به هو العناصر الداخلية او الهوامش الداخلية لعنصر ما
الفرق بين Margin و Padding : يمكن اختزال
الفرق في مثال بسيط وهو مثال الفيلا , هناك مثلا رجل اعمال اراد بناء فيلا في منطقة , واراد ان يوسع الفيلا من الخارج بمعنى ان بوسع مساحة الفيلا من الخارج لاضافة وسائل الترفيه كالمسبح الخ… حينئذ سوف يستعين بالMargin لكي يوسع الفيلا من الخارج , لكنه هو في داخل منزله وجد