Front-End
HTML
كورس html كامل بالعربي | html tutorial for beginners
كورس html عبدالرحمن جمال دورة html بالعربي المقدمة من قناة عبدالرحمن جمال بشكل مجاني للمجتمع العربي هذه دورة ضمن دورة front end الموجودة على نفس القناة ماذا تعني لغة الترميز HTML؟ ما هي أنواع الوسوم - Tags أو عناصر HTML؟ وما هي المكونات الأساسية لعناصر HTML؟ وشرح باللغة العربية خطوة بخطوة لـ تعلم لغه html، كيفية إنشاء صفحة ويب بإستخدام أكواد HTML ماهي لغة الترميز HTML؟ الحروف هي إختصار HyperText Markup Language، وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح، حيث أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط و غير ذلك من مكونات صفحة الويب، حتى تتمكن من عرضها بالشكل الصحيح، ولغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت. وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من وعلامة أكبر ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم. ما هي أنواع الوسوم Tags؟ النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال img و input النوع الثاgي: وهو عبارة عن وسم يصف ما بداخله من نصوص ، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح. كيفية إنشاء صفحة ويب نبدأ أولا بفتح برنامج notepad ثم من خلال القائمة File نقوم بحفظ الملف عن طريق إختيار الأمر Save As، وبعد ذلك سوف تظهر نافذة نكتب في خانة (إسم الملف - File Name) أي إسم من إختيارك فليكن مثلا test.html ويجب كتابة إسم الملف مع إمتداد الملف ولكتابة أكواد HTML يجب أن يكون إمتداد الملف إما (.html أو .htm) و في النافذة من الخانة Save as type سوف نختار All Files وفي خانة (Encoding) سوف نختار UTF-8 وذلك لكي يدعم الملف كتابة اللغة العربية ثم نضغط Save، والشكل التالي يوضح الخطوات بالتفصيل. بعد إنشاء الملف ومعرفة المكونات الأساسية لعنصر من عناصر لغة الـ HTML سوف نبدأ بكتابة الأكواد الأساسية لإنشاء صفحة ويب (أو يمكنك نسخ محتويات المربع التالي في الملف) وبعدها سوف أشرح كل عنصر بالتفصيل. ووظيفته أن يصف للمتصفح أن الكود المستخدم هو بلغة HTML، أما الوصف lang فوظيفته أن يصف للمتصفح أن محتويات صفحة الويب سوف تكون باللغة العربية، وذلك لأننا إخترنا القيمة ar أما إذا كان المحتوى باللغة الإنجليزية فيمكن أن تكون قيمة الوصف en. وقمنا بوضع وسم البداية (Opening Tag) في أول الأكواد وفي نهاية الكود كتبنا وسم النهاية (Closing Tag)، وبعد ذلك سوف نقسم الصفحة إلى قسمين رئيسيين أولهما ومحتوى هذا الوسم لا يظهر في المتصفح، ولكنه يحتوي على معلومات عن الصفحة وعن كيفية عرض محتويات الصفحة وذلك بإستخدام العناصر وثاني قسم في صفحة الويب وكل ما يكتب بداخل هذا الوسم هو ما يتم عرضه وتنسيقه من خلال المتصفح ما هي لغة ترميز النص الفائق؟ لغة ترميز النص الفائق هي ليست لغة برمجيّة بل لغة وصفيّة (markup language) تعمل على وصف هيكلة محتويات صفحات الويب. تتألف لغة ترميز النص الفائق من مجموعة من العناصر (elements) تُستخدَم لاحتواء الأجزاء المختلفة من المحتوى لتجعله يظهر بطريقة معينة. فيمكن استخدام الوسوم المغلقة (enclosing tage)، مثلاً، لإضافة رابط تشعبي لكلمة أو لصورة يشير لموقع آخر، كما يمكن استخدامها لجعل الكلام مائل أو لتصغير الخط وتكبيره. لنأخذ النص التالي كمثال: ماذا ستتعلم في كورس تصميم مواقع الويب و كورس html مقدمة عن تصميم المواقع الالكترونية وأنواع المواقع وطرق تصميم المواقع التعريف ببرامج تصميم المواقع المختلفة و مميزات كل منها التعريف بلغة HTML المستخدمة في تصميم المواقع شرحة بنية ومحتويات ملف HTML شرح tags and containers شرح انواع content models in HTML5 أساسيات HTML شرح المسافات الفارغة والتعليفات في الكود النصوص والفقرات تنسيق الملف اضافة صور الى موقعك اضافة فيديوهات الى موقعك اضافة صوتيات الى موقعك استخدام block and inline tags Displaying characters with references Metadata and the Document Head اضافة الاسكربتات للملف استخدام الميتا تاج Meta Tag طريقة تهيئة الصفحة لمحركات البحث النصوص HTML5 استخدام الجداول Tables شرح وأستخدام أجزاء الجداول Grouping columns القوائم في لغة html اضافة نوافذ مواقع اخرى الى موقعك اضافة فيديوهات يوتيوب الى موقعك التعامل مع ال input بمختلف اشكالها
Learn HTML – Full Tutorial for Beginners (2022)
Learn HTML in this complete course for beginners. This is an all-in-one beginner tutorial to help you learn web development skills. This course teaches HTML5.
CSS
كورس css كامل بالعربي
قائمة التشغيل في يوتيوب التي تشرح كورس CSS هي عبارة عن مجموعة من الفيديوهات التعليمية التي تغطي موضوعات مختلفة في CSS. تبدأ القائمة بشرح المفاهيم الأساسية لـ CSS، مثل الاختيارات والتحكم في الخصائص المختلفة للعناصر، ثم تتقدم إلى موضوعات أكثر تعقيدًا مثل الخطوط والألوان والتركيبات. تتميز قائمة التشغيل بأسلوبها الواضح والمنظم والسهل الفهم، حيث يتم شرح كل مفهوم بطريقة بسيطة ومباشرة مع أمثلة عملية توضح كيفية استخدامه. تستخدمالقائمة أيضًا رسومًا توضيحية ورموزًا توضيحية لتسهيل فهم المفاهيم وتوضيح الأمثلة. تشمل القائمة مجموعة متنوعة من الفيديوهات المدتها تتراوح بين عدة دقائق وحتى ساعتين، وتغطي موضوعات مختلفة في CSS، مثل الأساليب العامة والمتقدمة للتحكم في الخصائص، وكيفية إنشاء تخطيطات وتصاميم متقدمة باستخدام CSS و HTML، والعمل مع الوسائط المتعددة مثل الصور والفيديو. قائمة تشغيل يوتيوب التي تشرح كورس CSS لقناة عبدالرحمن جمال هي مجموعة شاملة من الفيديوهات التعليمية التي تهدف إلى توضيح مفاهيم CSS بطريقة سهلة ومبسطة للمبتدئين والمحترفين على حد سواء. تتميز قائمة التشغيل بأسلوب عرض واضح ومنظم وبأسلوب ممتع، حيث يتم شرح كل مفهوم بطريقة بسيطة ومباشرة مع أمثلة عملية توضح كيفية استخدامه. يستخدم عبدالرحمن جمال أسلوبًا يعتمد على الرسوم التوضيحية والأمثلة العملية لتسهيل فهم المفاهيم وجعلها أكثر وضوحًا وفهمًا. تتضمن القائمة مجموعة متنوعة من الفيديوهات التي تغطي موضوعات مختلفة في CSS، مثل الأساليب العامة والمتقدمة للتحكم في الخصائص، وكيفية إنشاء تخطيطات وتصاميم متقدمة باستخدام CSS و HTML، والعمل مع الوسائط المتعددة مثل الصور والفيديو. كما تتضمن القائمة فيديوهات لتحسين أداءات CSS وتحسين أداء الموقع بشكل عام، وكيفية تطبيق أفضل الممارسات في CSS. بشكل عام، تعتبر قائمة التشغيل في يوتيوب التي تشرح كورس CSS مصدرًا قيمًا للمبتدئين والمحترفين على حد سواء، حيث توفر شرحًا شاملاً ومفصلاً لموضوع CSS بطريقة سهلة ومنظمة وبأسلوب ممتع.
Learn HTML – Full Tutorial for Beginners (2022)
Learn HTML in this complete course for beginners. This is an all-in-one beginner tutorial to help you learn web development skills. This course teaches HTML5.
CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours
This CSS Full Course for Beginners is an all-in-one beginner tutorial and complete course full of over 11 hours of CSS code and instruction to level up your web development skills. This course teaches CSS3. Think of this CSS full course tutorial as a CSS3 video textbook with 24 clearly defined chapters.
Java Script
كورس جافا سكريبت كامل | Javascript Tutorial
اذا كنت من محبي البرمجة فحتماً قد وقع نظرك على لغة javascript او المعروفة بلغة js لكن هل تملك المعلومات الكافية عنها؟! تعتبر لغة جافاسكريبت من اللغات الهامة جدا لتعلمها في الفترة الأخيرة اذاً , ما هي جافا سكريبت بالضبط ؟ جافا سكريبت (بالإنجليزية: JavaScript) هي لغة برمجة عالية المستوى تستخدم أساساً في متصفحات الويب لإنشاء صفحات أكثر تفاعلية ميزات الجافا سكريبت تستخدم الجافا سكريبت في البرمجة من طرف العميل أو ما تدعى client side لكنها تتميز بالعديد من التقنيات والميزات والتي نورد منها: تنفذ من جهة العميل، فعلى سبيل المثال يمكنك التحقق من صحة أي مدخلاتٍ قبل إرسال الطلب إلى المخدم. تعتبر لغةً سهلة التعلم نسبيًا وقريبةً من اللغة الإنجليزية. لغة برمجة مستقلة وليست كما يعتقد البعض أنها مرتبطةٌ بلغة جافا. توفر خدمات تحكمية أكبر بالمتصفحات. تفاعلية وسريعة. تتميز بواجهات غنية ويمكنك سحب وإسقاط المكونات لتغني واجهتك بالعناصر المطلوبة. لغة برمجة وظيفية قيود الجافا سكريبت مشكلات الأمان: بما أن معظم التعليمات البرمجية يتم تنفيذها على الحاسب الخاص بالمستخدم، فيمكن استغلالها في بعض الأحيان لأغراضٍ ضارةٍ، الأمر الذي يستدعي العديد من الناس إلى تعطيلها. لا تتيح قراءة الملفات أو كتابتها من جهة العميل. لا يمكن استخدامها في تطبيقات الشبكات إذ لا يتوفر الدعم المناسب لذلك. لا تدعم التنفيذ متعدد الخيوط multithreading وهي تقنيةٌ يتم فيها التنفيذ في عدة مساراتٍ بنفس الوقت على نفس المعالج. تعلم javascript من الصفر تعلم javascript بالعربي يختلف عرض الجافا سكريبت بين مختلف المتصفحات ومحركات البحث الأمر الذي يتسبب في عدم تناسق الواجهة والوظائف في بعض الأوقات دورة javascript كامل كورس javascript كامل استخدامات جافا سكريبت في برمجة الويب تؤثر لغة جافاسكريبت في برمجة الويب بشكل كبير جداً , وتعتبر من قواعد واساسيات اي مبرمج ويب فلن تجد اي مبرمج ويب بحق الا ويستطيع التعامل مع لغة جافاسكريبت . تدخل جافاسكريبت بشكل مباشر في تصميم وبرمجة الويب على حد سواء فلها ميزاتها التصميمية كميزاتها البرمجية بنفس القدر وخصوصاً بظهور مكتبات جافاسكريبت الحديثة ك Vue.js و Anhular شرح javascript
كورس جافا سكريبت شامل | دروس جافاسكريبت javascript من الصفر
تعلم لغة جافا سكريبت javascript تماما من الصفر و بدون أبي معرفة سابقة بالبرمجة و حتى الوصول إلى مرحلة متقدمة عن طريق هذه السلسلة المتكاملة و التي ستكون بشكل كامل باللغة العربية و بجودة عالة. يمكنك دائما طرح أسئلتك و استفساراتك في وصف المقاطع أو في مجتمع ترميز على التيليجرام: https://t.me/+Bwcheow6IEtmMDc0.
JavaScript Full Course (2023) - Beginner to Pro - Part 1
In part 1 of this JavaScript tutorial and JavaScript full course, we learn how to build websites with JavaScript and use it with HTML and CSS.