Build complete website using React js
React js & Bootstrap & CSS - الجزء الأول- برمجة الواجهات الأمامية بإستخدام الرياكت
4.32 (56 reviews)
1 180
students
7 hours
content
Dec 2023
last update
$54.99
regular price
Why take this course?
تبين الآن أنك تعمل في مجال التواصل العام والتدريب، حيث تسعى لإنشاء دورة تعليمية في الهوية الكاملة (Full Stack Developer) أو مشروع ما يلي. فيما يلي وجوئة عاملة بسيطة يمكنك استخدامها لإنشاء الصفحة عن الدورة أو المشروع:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>تصميم وبرمجة صفحة تفاصيل المشروع / كورس</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
.container {
max-width: 1200px;
margin: auto;
background-color: white;
padding: 20px;
}
h1, h2 {
color: #333;
}
p {
color: #666;
line-height: 1.6;
}
.course-details {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.module {
width: calc(33.333% - 20px);
margin-bottom: 20px;
}
.module h3 {
color: #005f8a;
}
.description {
font-style: italic;
}
footer {
text-align: center;
padding-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>تصميم وبرمجة صفحة تفاصيل المشروع / كورس</h1>
<p>إنشاء دورة تدريبية قائمة على المشاريع تساعدك على التعلم بشكل احترافي وتجعلك تقع كمطور.</p>
<div class="course-details">
<!-- Module 1 -->
<div class="module">
<h3>القسم السادس عشر: تصميم وبرمجة</h3>
<p class="description">تصميم وإنشاء صفحة تفاصيل المشروع باللغة HTML5 وCSS3.</p>
</div>
<!-- Module 2 -->
<div class="module">
<h3>القسم الثالث من خمس: JavaScript وتعزيز الأداء</h3>
<p class="description">إضافة الهيكلات (Frameworks) مثل React, Vue.js، أو Angular والعمل مع JavaScript.</p>
</div>
<!-- Module 3 -->
<div class="module">
<h3>القسم الخامس: التطوير النظري والأماكن</h3>
<p class="description">تعلم كيفية إنشاء محп ملاحظة (Note) باستخدام Firebase أو MongoDB.</p>
</div>
<!-- Add more modules as needed -->
</div>
<footer>
<p>اجعل عالمك أفضل بمهارات جديدة. التعليم يجعل العالم مكانًا أفضل.</p>
</footer>
</div>
</body>
</html>
هذا الخطط موجه إلى إنشاء صفحة تعليمية بسيق HTML، CSS، وأمثلة بسيطة لJavaScript. يمكنك توزيع الأدوات والمنهجات (Frameworks) اللازمة حسب الحاجة. أيضًا يمكنك إضافة الإجراءات الضرورية مثل الإشارات للتعليم (example: ، )، والفورملز (Forms) لأداء الموارد من الطلاب، وغيرها.
Course Gallery
Loading charts...
Related Topics
4373040
udemy ID
29/10/2021
course created date
14/01/2022
course indexed date
Bot
course submited by