Скачать или смотреть Bootstrap - 3 Buttons & background in Bootstrap 5 [Arabic] | Bootstrap الأزرار والخلفية في

Bootstrap - 3 Buttons & background in Bootstrap 5 [Arabic] | Bootstrap الأزرار والخلفية في


Arabic:
1. الأزرار والخلفية في Bootstrap 5:
Bootstrap 5 يوفر مجموعة متنوعة من الأزرار التي يمكن استخدامها لإضافة تفاعلية وتصميم جذاب للموقع.
يمكن استخدام فئات الأزرار في Bootstrap 5 لإنشاء أزرار بأنماط وأحجام مختلفة، مثل الأزرار المستطيلة، الأزرار المستديرة، والأزرار بحجم الشاشة.
يتيح Bootstrap 5 إمكانية تخصيص خلفية الأزرار بسهولة، سواء كانت خلفية لونية أو صورة خلفية.
يمكن استخدام فئات خلفية (Background) في Bootstrap 5 لتخصيص خلفيات العناصر بألوان وصور مختلفة.

English:
1. Buttons & Background in Bootstrap 5:
Bootstrap 5 provides a variety of buttons that can be used to add interactivity and attractive design to the website.
Bootstrap 5's button classes can be used to create buttons with different styles and sizes, such as rectangular buttons, rounded buttons, and full-width buttons.
Bootstrap 5 allows easy customization of button backgrounds, whether it's a colored background or an image background.
Background classes in Bootstrap 5 can be used to customize the backgrounds of elements with different colors and images.

-------------------------------------------------------------------------------------------------
ترحيباً بكم في مقدمة دورتنا لتطوير الويب باللغة العربية! في هذا الفيديو، نتحدث عن أهم التقنيات من استطلاع StackOverFlow 2024، مما يمهّد الطريق لرحلتكم في عالم البرمجة. سنغطي محتوى الدورة، مع التركيز على HTML، CSS، وJavaScript. انضموا إلينا لتتعلموا كيفية بناء مواقع ويب رائعة وتطبيقات ويب ديناميكية.

Welcome to the introduction of our Web Development course in Arabic! In this video, we discuss the most popular technologies from the StackOverFlow 2024 survey, setting the foundation for your programming journey. We'll cover the course content, focusing on HTML, CSS, and JavaScript. Join us to learn how to build stunning websites and dynamic web applications.

Course Content (English):

Introduction to Web Development

Overview of web development
Basics of HTML, CSS, and JavaScript
Setting up development environment

HTML Fundamentals

Structure of HTML documents
Tags and attributes
Creating forms and tables

CSS Styling

CSS syntax and selectors
Working with colors, backgrounds, and borders
Flexbox and Grid layout

JavaScript Basics

Variables, data types, and operators
Functions and control structures
DOM manipulation and events

Responsive Web Design

Media queries
Designing for different screen sizes
Mobile-first approach

Project: Personal Portfolio

Apply HTML, CSS, and JavaScript
Build a responsive portfolio website
Showcase your projects and skills

Advanced CSS

CSS preprocessors (Sass)
Animations and transitions
CSS frameworks (Bootstrap)

مقدمة في تطوير الويب

نظرة عامة على تطوير الويب
أساسيات HTML، CSS، وJavaScript
إعداد بيئة التطوير

أساسيات HTML

هيكل مستندات HTML
العلامات والسمات
إنشاء نماذج وجداول

تنسيق CSS

بناء جملة CSS واختيار العناصر
العمل مع الألوان والخلفيات والحدود
نموذج Flexbox والتخطيط الشبكي

JavaScript الأساسيات

المتغيرات وأنواع البيانات والعمليات
الدوال والهياكل التحكمية
التلاعب بـ DOM والأحداث

تصميم الويب المتجاوب

استعلامات الوسائط
التصميم لأحجام شاشات مختلفة
نهج التصميم للأجهزة المحمولة أولاً

مشروع: السيرة الذاتية الشخصية

تطبيق HTML، CSS، وJavaScript
بناء موقع ويب للسيرة الذاتية يستجيب للشاشات
عرض مشاريعك ومهاراتك

CSS المتقدمة

معالجات CSS (Sass)
الرسوم المتحركة والانتقالات
أطر CSS (Bootstrap)