برمجة المواقع | تعلم لغة الhtml من الصفر
Description
مرحبًا بكم في كورس تعلم لغة HTML من الصفر! هذا الكورس مصمم خصيصًا للمبتدئين الذين لا يملكون أي خلفية سابقة في البرمجة أو تطوير الويب. HTML، أو لغة ترميز النص الفائق، هي العمود الفقري لأي موقع ويب، حيث تُستخدم لإنشاء هيكل الصفحات وعرض المحتوى بطريقة منظمة. في هذا الكورس، سنأخذك في رحلة تعليمية شاملة تبدأ من المفاهيم الأساسية وصولاً إلى التقنيات المتقدمة، مع التركيز على التطبيق العملي لضمان فهمك الجيد للمواد.
سنبدأ بتعريف HTML وأهميتها في عالم الويب، ثم ننتقل إلى تجهيز بيئة العمل المناسبة باستخدام أدوات بسيطة ومجانية. ستعلم كيفية كتابة أول كود HTML لك وتشغيله في المتصفح. بعد ذلك، سنغطي العناصر الأساسية مثل العناوين (H1-H6) والفقرات (P) لتنظيم النص، والروابط (A) والأزرار (Button) لإضافة التفاعل، والصور (Img) لتحسين المظهر البصري. كما سنتعلم إنشاء القوائم (OL و UL) والجداول (Table) لعرض البيانات بطريقة مرتبة.
لا يتوقف الكورس عند HTML فقط؛ بل سنقدم لك مقدمة عن لغة CSS في درس خاص، حيث ستتعلم أساسيات التصميم والتنسيق لتغيير الألوان والخطوط والمسافات، مما يجعل صفحاتك أكثر جاذبية واحترافية. هذا سيمهد الطريق لفهم أوسع لتطوير الويب.
ثم ننتقل إلى مواضيع أكثر تقدمًا، مثل العناصر div و span والفرق بين العناصر inline و block، وهو أمر حيوي لفهم تخطيط الصفحات. سنركز بشكل مكثف على النماذج (Forms) وعناصر الإدخال المتنوعة، بما في ذلك حقول النص (Text و Textarea)، والقوائم المنسدلة (Select)، وعناصر التاريخ والوقت (Date و Time)، وأنواع الإدخال الخاصة مثل كلمات المرور (Password)، والبريد الإلكتروني (Email)، والأرقام (Number)، والنطاقات (Range)، ورفع الملفات (File)، وخانات الاختيار (Checkbox). سنشرح أيضًا كيفية ربط النماذج بالخلفية (Backend) لفهم عملية إرسال البيانات.
لن نهمل العناصر المتقدمة الأخرى؛ فسنتعامل مع iframe لإدراج محتوى خارجي، وعناصر الفيديو (Video) والصوت (Audio) لإضافة وسائط متعددة. بالإضافة إلى ذلك، سنناقش كيفية حفظ البيانات في البرمجة، وهو مفهوم أساسي للتطبيقات الديناميكية.
أخيرًا، يشمل الكورس دروس مراجعة واختبارات عملية لتعزيز ما تعلمته، مع حلول مفصلة وتمارين تطبيقية. هناك أيضًا فيديو ختامي يجمع كل الدروس في جلسة واحدة طويلة مع مشاريع عملية، مما يضمن لك ثقة كافية لمواصلة رحلتك في تطوير الويب.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة عامة عن لغة HTML ودورها في بناء مواقع الويب.
- إعداد بيئة العمل باستخدام أدوات برمجية بسيطة ومجانية.
- تعلم العناصر الأساسية مثل العناوين، الفقرات، الروابط، الأزرار، الصور، القوائم، والجداول.
- أساسيات استخدام CSS لإضافة التصميم والتنسيق لصفحات HTML.
- الفرق بين العناصر inline و block والعناصر div و span.
- إنشاء النماذج وعناصر الإدخال المتنوعة including text, textarea, select, date, time, password, email, number, range, file, checkbox.
- ربط النماذج بالخلفية لفهم عملية معالجة البيانات.
- التعامل مع العناصر المتقدمة مثل iframe, video, and audio.
- مراجعة شاملة وحل تمارين عملية لتعزيز الفهم.
- مشاريع تطبيقية لتكامل جميع المفاهيم.
سنبدأ بتعريف HTML وأهميتها في عالم الويب، ثم ننتقل إلى تجهيز بيئة العمل المناسبة باستخدام أدوات بسيطة ومجانية. ستعلم كيفية كتابة أول كود HTML لك وتشغيله في المتصفح. بعد ذلك، سنغطي العناصر الأساسية مثل العناوين (H1-H6) والفقرات (P) لتنظيم النص، والروابط (A) والأزرار (Button) لإضافة التفاعل، والصور (Img) لتحسين المظهر البصري. كما سنتعلم إنشاء القوائم (OL و UL) والجداول (Table) لعرض البيانات بطريقة مرتبة.
لا يتوقف الكورس عند HTML فقط؛ بل سنقدم لك مقدمة عن لغة CSS في درس خاص، حيث ستتعلم أساسيات التصميم والتنسيق لتغيير الألوان والخطوط والمسافات، مما يجعل صفحاتك أكثر جاذبية واحترافية. هذا سيمهد الطريق لفهم أوسع لتطوير الويب.
ثم ننتقل إلى مواضيع أكثر تقدمًا، مثل العناصر div و span والفرق بين العناصر inline و block، وهو أمر حيوي لفهم تخطيط الصفحات. سنركز بشكل مكثف على النماذج (Forms) وعناصر الإدخال المتنوعة، بما في ذلك حقول النص (Text و Textarea)، والقوائم المنسدلة (Select)، وعناصر التاريخ والوقت (Date و Time)، وأنواع الإدخال الخاصة مثل كلمات المرور (Password)، والبريد الإلكتروني (Email)، والأرقام (Number)، والنطاقات (Range)، ورفع الملفات (File)، وخانات الاختيار (Checkbox). سنشرح أيضًا كيفية ربط النماذج بالخلفية (Backend) لفهم عملية إرسال البيانات.
لن نهمل العناصر المتقدمة الأخرى؛ فسنتعامل مع iframe لإدراج محتوى خارجي، وعناصر الفيديو (Video) والصوت (Audio) لإضافة وسائط متعددة. بالإضافة إلى ذلك، سنناقش كيفية حفظ البيانات في البرمجة، وهو مفهوم أساسي للتطبيقات الديناميكية.
أخيرًا، يشمل الكورس دروس مراجعة واختبارات عملية لتعزيز ما تعلمته، مع حلول مفصلة وتمارين تطبيقية. هناك أيضًا فيديو ختامي يجمع كل الدروس في جلسة واحدة طويلة مع مشاريع عملية، مما يضمن لك ثقة كافية لمواصلة رحلتك في تطوير الويب.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة عامة عن لغة HTML ودورها في بناء مواقع الويب.
- إعداد بيئة العمل باستخدام أدوات برمجية بسيطة ومجانية.
- تعلم العناصر الأساسية مثل العناوين، الفقرات، الروابط، الأزرار، الصور، القوائم، والجداول.
- أساسيات استخدام CSS لإضافة التصميم والتنسيق لصفحات HTML.
- الفرق بين العناصر inline و block والعناصر div و span.
- إنشاء النماذج وعناصر الإدخال المتنوعة including text, textarea, select, date, time, password, email, number, range, file, checkbox.
- ربط النماذج بالخلفية لفهم عملية معالجة البيانات.
- التعامل مع العناصر المتقدمة مثل iframe, video, and audio.
- مراجعة شاملة وحل تمارين عملية لتعزيز الفهم.
- مشاريع تطبيقية لتكامل جميع المفاهيم.
0
23
05:04:34
2021-03-10
0
0
23/0 100/0
المقدمة وإعداد البيئة
العناصر الأساسية في HTML
أساسيات التصميم باستخدام CSS
النماذج وعناصر الإدخال
العناصر المتقدمة والوسائط
المراجعة والتطبيق