مسار كامل لتصميم مواقع الانترنت من الهاتف html5 css3 javascript jquery من الصفر الى الاحتراف
مقدمة دورة html
تعلم Html التعرف على اللغة والكود وبعض الامور الاخرى المهمة
تعلم html ١ المستلزمات تثبيت محرر اكواد ومتصفح tools
تعلم html ٢ انشاء ملف html وكتابة الكود الاساسي
تعلم html ٣ اضافة اللغة العربية arabic language
تعلم html ٤ اضافة عناوين للصفحات title
تعلم html ٥ التحكم باتجاه النصوص dir rtl ltr
تعلم html ٦ اضافة الرموز الى لغة html
تعلم html ٧ التعليقات في لغة html comments
تعلم html ٨ تمركز النصوص يمين منتصف يسار text align
تعلم html ٩ اضافة الوان الى العناصر colors
تعلم html ١٠ اضافة الوان لخلفية العناصر
تعلم html ١١ اضافة حدود للعناصر border
تعلم html ١٢ توافق مع جميع الشاشات
تعلم html ١٣ التعرف على عناصر التي تأخذ سطر جديدblock elements
تعلم html ١٤ التعرف على عناصر التي لا تأخذ سطر جديدinline elements
تعلم html ١٥ التعرف على اختصارات العناصر في لغة html
تعلم html ١٦ اضافة ايقونة للصفحة و اضافة تلميح لاي عنصر نريد icon title
تعلم html ١٧ خاصية التعديل على العناصر والغائها
تعلم html ١٨ العنصر code وعنصر blockquote
تعلم html ١٩ التعرف على العنصر headings
تعلم html ٢٠ التعامل مع الصور imgوالتحكم بالحجم
تعلم html ٢١ التعامل مع الصور وخاصية alt
تعلم html ٢٢ العناصر hr br center
تعلم html ٢٣ التعرف على خاصية input وانواعه
تعلم html ٢٤ خاصية input مع الايميل وكلمة السر
تعلم html ٢٥ التعرف على العنصر label
تعلم html ٢٦ التعرف على خاصية placeholder
تعلم html ٢٧ التعرف على input مع button value
تعلم html ٢٨ مثال عملي على ماسبق من دروس
تعلم html ٢٩ التعرف على input مع خاصية text placeholder
تعلم html ٣٠ التعرف على input مع خاصية button
تعلم html ٣٦ التعرف على table tr td
تعلم html ٣١ التعرف على input مع خاصية radio
تعلم html ٣٢ التعرف على خاصيةradio بعمق
تعلم html ٣٣ التعرف على input مع خاصية checkbox
تعلم html ٣٤ مثال عملي انشاء صفحة الانضمام بالموقع
تعلم html ٣٥ التعرف على عنصر table
تعلم html ٣٧ التعرف على rowspan
تعلم html ٣٨ التعرف على colspan
تعلم html ٣٩ مثال عملي شامل للتعامل مع الجدوال
تعلم html ٤٠ التعرف على العنصر a الروابط
تعلم html ٤١ التعرف على العنصر a وخاصية target self
تعلم html ٤٢ التعرف على الروابط وربطها بصفحة html
تعلم html ٤٣ التعرف على الروابط ودمجها بصورة
تعلم html ٤٤ مثال عملي شامل مع الروابط تواصل معنا
تعلم html ٤٥ التعرف هلى العنصر select
تعلم html ٤٦ التعرف على العنصر datalist
تعلم html ٤٧ التعرف على عنصر input مع خاصيةdate time
تعلم html ٤٨ التعرف على عنصر inpit مع خاصية color
تعلم html ٤٩ التعرف على عنصر input مع خاصية number
تعلم html ٥٠ التعرف على formمع text password
تعلم html ٥١ التعرف على form مع خاصية url
تعلم html ٥٢ التعرف على formمع خاصيةemail
تعلم html ٥٣ التعرف على form مع خاصيةplace holder required
تعلم html ٥٤ التعرف علىformمع جميع الخواص اضافة ل عنصر reset
تعلم html ٥٥ العنصر iput مع خاصية file مع كثال
تعلم html ٥٦ التعرف على عنصرprogress
تعلم html ٥٧ التعرف على linksearch
تعلم html ٥٨ التعرف على ملفات الصوتيةaudio
تعلم html ٥٩ التعرف على ملفات فيديوvideo
تعلم html ٦٠ التعرف على ملفات pdf وعرضها في الموقع
تعلم html ٦١ عرض فيديو من اليوتيوب في موقعك
تعلم html ٦٢ التعرف علىparagraphمع خواصi mark strong b
تعلم html ٦٣ التعرف على العنصرparagraphمع خواص small ins sup sub
تعلم html ٦٤ التعرف على العنصرaddress
تعلم html ٦٥ التعرف على عنصرdeatils summary
تعلم html ٦٦ التعرف على كيفية وضع رابط ضمن زر button a
تعلم html ٦٧ التعرف على عنصرmeter
تعلم html ٦٨ مثال عملى الطلاب مع عنصرmeter
تعلم html ٦٩ التعرف على العنصر textarea
تعلمم html ٧٠ التعرف على العنصر pre
تعلم html ٧١ التعرف على العنصر fieldset legend
تعلم html ٧٢ التعرف على العنصرmarquee
تعلم html ٧٣ التعرف على العناصرnav header footer aside main
تعلم html ٧٤ التعرف على العنصرol li
تعلم html ٧٥ التعرف على العنصرol li
تعلم html ٧٦ التعرف على العنصرul li
تعلم html ٧٧ التعرف على العنصرq base
تعلم html ٧٨ التعرف على العنصرdiv
تعلم html ٧٩ التعرف على العنصر span
تعلم html ٨٠ التعرف على العنصرhr بعمق وملاحظة حول span
تعلم html ٨١ التعرف على العنصرruby rb rt
تعلم html ٨٢ التعرف على العنصرcaption في الجداول
تعلم html ٨٣ التعرف على العنصرdl dt dd
تعلم html ٨٤ التعرف على العنصرsection
تعلم html ٨٥ التعرف على العنصرfigure figcaption
تعلم html ٨٦ التعرف على العنصر input بجميع انواعه
تعلم html ٨٧ التعرف على form مع خواص action method
تعلم html ٨٨ ارسم مشروعك ثم قم ببرمجته نصيحة مبرمج
مهم للتعامل مع لغة html والبدء ببرمجة مشاريع
تصميم موقع قرآن كريم خيالي من الهاتف بلغة html
تصميم صفحة تواصل معنا عبر مواقع التواصل الاجتماعي بلغة html
تصميم موقع متجر العاب احترافي من الهاتف فقط بلغة html
تصميم صفحة انضمام الى الموقع من الهاتف بلغة html
تصميم صفحة نموذج ارسال رسالة بالبريد الالكتروني من الهاتف بلغةhtml
تصميم صفحة اضافة تعليق لمواضيع الموقع من الهاتف بلغة html
تصميم صفحة الاشتراك بالنشرة الاخبارية من الهاتف بلغةhtml
تصميم صفحة عرض نتائج المباريات من الهاتف بلغة html
تصميم صفحة تسجيل دخول المستخدم من الهاتف بلغةhtml
تصميم صفحة تسجيل بيانات الموظفين من الهاتف بلغة html
المقدمة والتعرف على لغة CSS3
تعلم Css3 من الهاتف ١ المستلزمات وانشاء ملف css
تعلم Css3 من الهاتف ٢ استدعاء ملف css داخل صفحةhtml
تعلم Css3 من الهاتف 3 كيفية كتابة كود css
تعلم Css3 من الهاتف 4 كيفية كتابة اكواد css في ملف خارجي
تعلم Css3 من الهاتف 5 كتابة اكواد css في صفحة html نفسها
تعلم Css3 من الهاتف 6 التعرف علىid class في لغةcss
تعلم Css3 من الهاتف ٧ التعليقات comment في لغة css
تعلم Css3 من الهاتف ٨ كود css للتحكم بجميع عناصر html
تعلم Css3 من الهاتف ٩ Css selector تحديد عنصر html والتحكم به
تعلم Css3 من الهاتف ١٠ التعامل مع الالوان colors
تعلم Css3 من الهاتف ١١ التعامل مع الوان الخلفية background color
تعلم Css3 من الهاتف ١٢ وضع صورة للخلفية background image
تعلم Css3 من الهاتف ١٣ منع تكرار صورة الخلفيةbackground repeat
تعلم Css3 من الهاتف ١٤ التحكم بحجم صورة الخلفية background size
تعلم Css3 من الهاتف ١٥ خلط الالوان ووضعها للخلفية background linear grafient
تعلم Css3 من الهاتف ١٦ التحكم بلون الخط ولون خلفية الخط
تعلم Css3 من الهاتف ١٧ التحكم بلون الخط وحجم الخط font size
تعلم Css3 من الهاتف ١٨ التحكم شكل الخط font style font variant
تعلم Css3 من الهاتف ١٩ التحكم بنوع الخط وسماكته font family font weight
تعلم Css3 من الهاتف ٢٠ مثال التحكم بالخطوط بجميع العناصر fonts
تعلم Css3 من الهاتف ٢١ التحكم باتجاه النصوص direction
تعلم Css3 من الهاتف ٢٢ التحكم بديكور النصوص decoration
تعلم Css3 من الهاتف ٢٣ التحكم بشفافية العناصر opacity
تعلم Css3 من الهاتف ٢٤ التعرف على خاصية hover
تعلم Css3 من الهاتف ٢٥ مثال عملي على الصورة باستخدام hover opacity
تعلم Css3 من الهاتف ٢٦ تمركز النصوص في الصفحة text align
تعلم Css3 من الهاتف ٢٧ التحكم بشفافية خلفية العناصر background opacity
تعلم Css3 من الهاتف ٢٨ التعرف على خاصيةletter spacing
تعلم Css3 من الهاتف ٢٩ التعرف على خاصيةword spacing
تعلم Css3 من الهاتف ٣٠ التعرف على خاصية padding
تعلم Css3 من الهاتف ٣١ التعرف على خاصيةmargin
تعلم Css3 من الهاتف ٣٢ اخفاء العناصر display visibility
تعلم Css3 من الهاتف ٣٣ التعرف على عنصر display inline bolck block
تعلم Css3 من الهاتف ٣٤ التعرف على العنصر border الحدود
تعلم Css3 من الهاتف ٣٥ التعرف على حواف الحدود border radius
تعلم Css3 من الهاتف ٣٦ التعرف على خاصية overflow
تعلم Css3 من الهاتف ٣٧ التعرف على خاصية text shadow لاضافة الظل للنصوص
تعلم Css3 من الهاتف ٣٨ التعرف على خاصية box shadow
تعلم Css3 من الهاتف ٣٩ تصميم كارت احترافي create card
تعلم Css3 من الهاتف ٤٠ التعرف على خاصية transform translate
تعلم Css3 من الهاتف ٤١ التعرف على خاصية transform scale rotate skew
تعلم Css3 من الهاتف ٤٢ التعرف على خاصية resize overflow
تعلم Css3 من الهاتف ٤٣ التعرف على خاصية focus selectors
تعلم Css3 من الهاتف ٤٤ خاصية focuse selctor مثال عملي
تعلم css ٤٥ التعرف على خاصية transation
تعلم Css3 من الهاتف ٤٦ التعرف على خاصية transform hover
تعلم Css3 من الهاتف ٤٧ التعرف على خاصية display flex لوضع العناصر في سطر واحد
تعلم Css3 من الهاتف ٤٨ التعرف على خاصية justify content
تعلم Css3 من الهاتف ٤٩ تثبيت العناصر عبر خاصية position fixed static
تعلم Css3 من الهاتف ٥٠ التعرف على خاصية postion relative
تعلم Css3 من الهاتف ٥١ التعرف على خاصية position absolute
تعلم Css3 من الهاتف ٥٢ التعرف على خاصية float العوم والطوفان
تعلم Css3 من الهاتف ٥٣ تقسيم الصفحة بالكامل والتحكم بها بخاصيةfloat
تعلم Css3 من الهاتف ٥٤ التعرف على خاصية list style type مع العنصر ol
تعلم Css3 من الهاتف ٥٥ التعرف على خاصية list style type مع العنصر ul
تعلم Css3 من الهاتف ٥٦ التحكم بستايل ol ul وجعلها جميلة جدا
تعلم Css3 من الهاتف ٥٧ التحكم بالصور وحدودها وحوافخا img border radius
تعلم Css3 من الهاتف ٥٨ التعرف على تأثيرات الصور image filters الجزء ١
تعلم Css3 من الهاتف ٥٩ التعرف على تأثيرات الصور img filter الجزء ٢
تعلم Css3 من الهاتف ٦٠ استخدام خاصية hover مع الصور images
تعلم Css3 من الهاتف ٦١ عمل رسالة تعريفية وميضة للعناصر title
تعلم Css3 من الهاتف ٦٢ استخدام خاصية hover مع الازرار buttons
تعلم Css3 من الهاتف ٦٣ التعرف على animation بالكامل
تعلم Css3 من الهاتف ٦٤ استخدام animation مع الازرار buttons
تعلم Css3 من الهاتف ٦٥ خاصية animation count Animatin delay واستخدامها مع الازرار button
تعلم Css3 من الهاتف ٦٦ استخدام animation مع buttons
تعلم Css3 من الهاتف ٦٧ استخدام خاصية transition مع images
تعلم Css3 من الهاتف ٦٨ التعرف على خاصية clip path لقص العناصر باحترافية
تعلم Css3 من الهاتف ٦٩ التعرف على خاصية cursor اشكال الماوس
تعلم Css3 من الهاتف ٧٠ انشاء خلفيات للعناصر ملونة ومتحركة باستمرار backgrpund changer
تعلم Css3 من الهاتف ٧١ انشاء سلايد صور تتغير بمدة زمنية باستخدام انيميشنslide image
تعلم Css3 من الهاتف ٧٢ انشاء قائمة nav bar في اعلى الصفحة
تعلم Css3 من الهاتف ٧٣ عمل قائمة نافبار جانبية navbar aside
تعلم Css3 من الهاتف ٧٤ التعرف على خاصية after befor
تعلم Css3 من الهاتف ٧٥ جعل الموقع الخاص بنا متجاوبا مع جميع الشاشات equive media
تعلم Css3 من الهاتف ٧٦ خاصية min max width
تعلم Css3 من الهاتف ٧٧ خاصية min max height
تعلم Css3 من الهاتف ٧٨ التحكم بخصائص العنصر marquee
تعلم Css3 من الهاتف ٧٩ استخدام الصور داخل شريط متحرك marquee images
تعلم Css3 من الهاتف ٨٠ التحكم بالروابط link visited hover active
تعلم Css3 من الهاتف ٨١ شرح خاصية position كاملة بالخربشة
تعلم Css3 من الهاتف ٨٢ شرح خاصية transform كاملة بالخربشة
تعلم Css3 من الهاتف ٨٣ شر الفرق بين بين div و span بالخربشة
تعلم Css3 من الهاتف ٨٤ شرح الفرق بين padding و margin كاملة بالخربشة
تعلم Css3 من الهاتف ٨٥ شرح الفرق بين letter spacing و word spacing بالخربشة
تعلم Css3 من الهاتف ٨٦ شرح الفرق بين display و visibility لاخفاء العناصر كاملة بالخربشة
تعلم Css3 من الهاتف ٨٧ تصميم زر احترافي جميل وبسيط create button style
تعلم Css3 من الهاتف ٨٨ تصميم شريط نص متحرك رائع marquee float
خاتمة دورة css والحمد لله
مشاريع html css تصميم قائمة منسدلة dropdown
مشاريع html css تصميم ازرار جانبية لموقع باحترافية
مشاريع html css تصميم كارد احترافي مع الممثل السوري الرائع باسم ياخور
مهم لتعلم لغة جافا سكربتjavascript
١ تعلم javascript المستلزمات وتثبيت البرامج المطلوبة والمحررات
٢ تعلم javascript انشاء ملف جافاسكربت خارجي واستدعائه لصفحة html
٣ تعلم javascript كتابة اكواد جافاسكربت في ملف خارجي وداخل صفحة html
٤ تعلم javascript الطباعة document write
٥ تعلم javascript المتغيرات variables
٦ تعلم javascript قوانين كتابة المتغيرات variables low
٧ تعلم javascript انواع المتغيرات typeof variables
٨ تعلم javascript شرح العناصر toUpperCase toLowerCase
٩ تعلم javascript شرح العناصر Trime concat
١٠ تعلم javascript العمليات الحسالية mathes
١١ تعلم javascript عوامل التخصيص
١٢ تعلم javascript تعلم خاصية replace
١٣ تعلم javascript دمج النصوص
١٤ تعلم javascript التعامل مع الارقام
١٥ تعلم javascript كتابة الاسم في وضع المطور وعدة اختبارات
١٦ تعلم javascript التعليقات comments
١٧ تعلم javascript عرض البيانات بكل الطرق
١٨ تعلم javascript تحديد عناصر html عبر id document getElementById
١٩ تعلم javascript تعديل وتغيير عناصر html من خلال خاصية innerHTML
٢٠ تعلم javascript التعرف على خاصية innerText لعرض محتوى العناصر كنص
٢١ تعلم javascript خاصية outerHTML innerHTML
٢٢ تعلم javascript خاصية innerText outerText
٢٣ تعلم javascript المصفوفات array
٢٤ تعلم javascript الاوبجكت object
٢٥ تعلم javascript الدالة العجيبة eval
٢٦ تعلم javascript حلقات التكرار العداد for loop
٢٧ تعلم javascript الجمل الشرطية if else
٢٨ تعلم javascript الجمل الشرطية بمثال if else
٢٩ تعلم javascript عوامل المقارنة مع الجمل الشرطية
٣٠ تعلم javascript التعرف على logical operatores
٣١ تعلم javascript تحويل قيم نصية الى رقمية Number
٣٢ تعلم javascript انشاء الة حاسبة بسيطة
٣٣ تعلم javascript استخدام foreach مع المصفوفات
٣٤ تعلموjavascript استخدام foreach مع الاوبجكت
٣٥ تعلم javascript تعلم opject بعمق
٣٦ تعلم كيف تكتب اكواد css في جافا سكربت
٣٧ تعلم javascript تنفيذ اوامر css في جافا سكربت
٣٨ تحديد عناصر html عبر الكلاس getElementByClassName
٣٩ تعلم javascript تحديد عناصر html بخاصية guerySelctor
٤٠ تعلم javascript تعلم الوظائف function
٤١ تعلم javascript الحصول على القيم value مع مثال عملي
٤٢ تعلم javascript تعلم oop انشاء clasd
٤٣ تعلم javascript تعلم oop انشاء constructor داخل كلاس
٤٤ تعلم javascript تعلم oop انشاء method داخل كلاس
٤٥ تعلم javascript الاحداث events
٤٦ تعلم javascript خاصية addEventListener للتعامل مع الاحداث
٤٧ تعلم javascript الحدث onload
٤٨ تعلم javascript الحدث onclick
٤٩ تعلم javascript الحدث ondblclick
٥٠ تعلم javascript الحدق onchange مع مثال تغيير خلفيات الموقع
٥١ تعلم javascript الحدث onfocus
٥٢ تعلم javascript الحدث onmouseup onmousedown
٥٣ تعلم javascript الحدث onmouseenter onmouseleave
٥٤ تعلم javascript الحدث onmouseout onmouseover
٥٥ تعلم javascript الحدث onmousemove مع مثال حساب المساحة
٥٦ تعلم javascript الحدث oncopy
٥٧ تعلم javascript التحديث والطباعة print reload
٥٨ تعلم javascript التحكم ب title head body
٥٩ تعلم javascript الخاصية الرائعة setTimeout
٦٠ تعلم javascript الحدث onfocus onblur
٦١ تعلم javascript خاصية onbeforeunload
٦٢ تعلم javascript النافذة المنبثقة prompt
٦٣ تعلم javascript النافذة المنبثقة confirm
٦٤ تعلم javascript النوافذ المنبثقة مع مثال prompt confirm
٦٥ تعلم javascript خاصية setInterval
٦٦ تعلم javascript الحدث toggle
٦٧ تعلم javascript ربط ملف صوتي مع زر playsound
٦٩ تعلم javascript شرح try catch
مهم قبل البدء بتعلم احداث ومشاريع جافا سكربت
١ كيفية كتابة الاحداث javascript
٢ خاصية addEventListener للتعامل مع الاحداث في لغة javascript
٣ الحدث onload مع مثال عملي Javascript
٤ الحدث onclick مع مثال عملي javascript
٥ الحدث ondblclick مع مثال عملي javascript
٦ الحدث onchange مع مثال تغيير خلفيات الموقع javascript
٧ الحدث onfocus مع مثال عملي javascript
٨ الحدث onmouseup onmousedown مع مثال عملي javascript
٩ الحدث onmouseenter onmouseleave مع مثال عملي javascript
١٠ الحدث onmouseout onmouseover مع مثال عملي على الصور javascript
١١ الحدث onmousemove مع مثال حساب المساحة javascript
١٢ الحدث oncop مع مثال عملي javascript
١٣ الحدث onfocus onblur مع مثال عملي على الحقول javascript
١٤ الحدث onmousedown مع مثال تشغيل صوت javascript
١٥ الحدث toggle مع مثال عملي javascript
١٦ الحدث الرائع setTimeout مع مثال عملي javascript
١٧ الحدث setInterval مع مثال عملي javascript
١٨ الحدث confirm مع مثال عملي javascript
١٩ الحدث prompt مع مثال عملي javascript
مشاريع javascript المشروع الاول برمجة آلة موسيقية بلغة جافا سكربت 🪕
مقدمة الدورة درس 1 وماذا سنتعلم مهم قبل البدء تعلم جيكويري من الهاتف
تعلم jquery من الهاتف درس 2 تثبيت الادوات والمستلزمات
تعلم jquery من الهاتف درس 3 تنزيل اكواد جيكويري وحفظها في ملف
تعلم jquery من الهاتف درس 4 استدعاء ملف اكواد جيكوري
تعلم jquery من الهاتف درس 5 انشاء ملف خارجي وكيفية استدعائه وكيفية كتابة الاكواد داخل صفحة html
تعلم jquery من الهاتف درس 6 التعرف على كود الاساسي لجيكويري
تعلمjquery من الهاتف درس 7 كود جيكويري مع مثالين للفهم اكثر
تعلم jquery من الهاتف درس 8 التحكم بعناصر html عبر الاي دي id
تعلم jquery من الهاتف درس 9 استخدام الاحداث مع عناصر html
تعلم jquery من الهاتف درس 10 حرية كتابة الوظائف داخل كود جيكويري
تعلم jquery من الهاتف درس 11 شرح كود جيكويري واستدعاء ملف جيكويري وكيفية كتابة الاكواد
تعلم jquery من الهاتف درس 12 التعرف على الاحداث والمؤثرات التي سوف نتعلمها في جيكويري
تعلم jquery من الهاتف درس 13 الحدث click النقر
تعلم jquery من الهاتف درس 14 الحدث dblclick نقرتان
تعلم jquery من الهاتف درس 15 الحدث hide لاخفاء العناصر
تعلم jquery من الهاتف درس 16 الحدث show لاظهار العناصر
تعلم jquery من الهاتف درس 17 مثال الحدث click مع خاصية الاخفاء والاظهار
تعلم jquery من الهاتف درس 18 الحدث المزدوج toggle
تعلم jquery من الهاتف درس 19 مثال عملي مع تنفيذ اكثر من وظيفة
تعلم jquery من الهاتف درس 20 الحدثان slideup slidedown
تعلمjquery من الهاتف درس 21 الحدثان fadein fadeout
تعلمjquery من الهاتف درس 22 الحدثان mouseenter mouseleave
تعلمjquery من الهاتف درس 23 التعرف على خاصية this لتفيذ الاوامر
تعلمjquery من الهاتف درس 24 اضافة وظيفة تحديث الصفحة reloadمع الحدث click
تعلمjquery من الهاتف درس 25 الوظيفة print الطباعة مع الحدث click
تعلمjquery من الهاتف درس 26 التحكم بخصائص العتاصر بتنفيذ اوامر css
تعلمjquery من الهاتف درس 27 الحدث hover في جيكويري
تعلمjquery من الهاتف درس 28 الحدث او وظيفة slideToggle
تعلمjquery من الهاتف درس 29 الحدث او الخاصية fadeToggle
تعلمjquery من الهاتف درس 30 الخاصية الرائعة chain
