-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
185 lines (178 loc) · 16.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>OMAC</title>
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="header">
<div class="container">
<div id="logo">
<a href="#">
<svg _ngcontent-c2="" alt="Udacity" height="30" viewBox="0 0 180 30" width="180" xmlns="http://www.w3.org/2000/svg">
<g _ngcontent-c2="" fill="none" fill-rule="evenodd">
<path _ngcontent-c2="" d="M57.6 17.239187c0 2.546698-2.085517 4.407747-4.965517 4.407747-2.88 0-4.965517-1.86105-4.965517-4.407747V7.835994H45.68276v9.501143c0 3.330298 2.88 6.170846 6.951723 6.170846 4.071724 0 6.951724-2.938498 6.951724-6.170846V7.835994H57.6v9.403193zm16.286897-9.403193h-5.36276v15.67199h5.36276c4.468965 0 7.547586-3.03645 7.547586-7.835996 0-4.701596-3.07862-7.835994-7.547586-7.835994zm-.19862 13.71299h-3.177932V9.794994h3.17793c3.376553 0 5.76 2.252847 5.76 5.876994 0 3.917998-2.482757 5.779046-5.76 5.876996zm43.49793.29385c-3.575172 0-5.95862-2.644648-5.95862-6.170846 0-3.526197 2.482758-6.072895 5.95862-6.072895 2.78069 0 4.468966 1.5672 4.468966 1.5672l.794483-1.3713s-1.787587-1.86105-5.46207-1.86105c-4.766896 0-7.746206 3.526198-7.746206 7.738045 0 4.309797 3.07862 7.933945 7.944827 7.933945 3.773793 0 5.66069-2.5467 5.66069-2.5467l-1.092414-1.175398c-.09931-.09795-1.588965 1.959-4.568276 1.959zm14.896553-14.00684h1.986206v15.67199h-1.986207zm10.924137 1.959h4.965517v13.71299h1.986207V9.794994h4.96552v-1.959H143.0069m30.587583 0l-4.766896 7.150344-4.866207-7.150347h-2.085518l5.95862 8.717546v6.954445h1.986208v-6.954444l5.85931-8.71754m-81.434482 0l-6.157242 15.67199h1.986207l1.688276-4.5057 6.45517-1.3713 2.18483 5.876998h1.986203l-6.05793-15.67199h-2.085518zm-1.886897 9.305242l2.97931-7.248294h.099315L97.92 16.063788l-5.56138 1.07745z" fill="#2E3D49" id="wordmark"></path>
<path _ngcontent-c2="" d="M29 .5l1 .5v13c0 5.551887-2.8897 8.695692-5.995216 10.099885L24.0094 24.1l-7.620963 4.388562c-.05877.03456-.11776.068527-.176957.101902l-.08642.049764.001806-.00254C14.48289 29.545895 12.684682 30 11 30 6 30 0 26 0 18V6l2 1v11c0 8 6 10 9 10 1.858706 0 4.86901-.76773 6.89043-3.254517C14.181726 23.872636 10 20.678703 10 14V2.2L2 7 0 6l10-6 1 .5 1 .5v13c0 6.939958 4.515283 8.612086 7.017542 8.933368C19.625786 21.62159 20 19.997902 20 18V5l2 1v12c0 1.852645-.321777 3.49077-.878395 4.91438C23.648223 22.549217 28 20.813144 28 14V2.25L22 6l-2-1 8-5 1 .5z" fill="#02B3E4" id="mark"></path>
</g>
</svg>
</a>
</div>
<div id="navbar">
<ul>
<li><a href="#about">عن المبادرة</a></li>
<li class="dropdown">
<a href="#discover">اكتشف</a>
<ul class="dropdown-content">
<li><a href="#back-end">تطوير المواقع الإلكترونية</a></li>
<li><a href="#android">مطور تطبيقات أندرويد</a></li>
<li><a href="#front-end">تطوير صفحات المواقع الإلكترونية</a></li>
<li><a href="#data-alanlysit">محلل بيانات</a></li>
</ul>
</li>
<li><a href="#join">انضم</a></li>
<li><a href="#questions">الأسئلة الشائعة</a></li>
<li><a href="#contact-us">اتصل بنا</a></li>
<li><a href="#">EN</a></li>
</ul>
</div>
</div>
</div>
<div class="banner">
<div class="container">
<h1>مرحبا بكم في مبادرة المليون مبرمج عربي</h1>
<h3>مبادرة صاحب السمو الشيخ محمد بن راشد آل مكتوم للنهوض بالمجتمعات العربية عبر تمكينهم من لغة المستقبل</h3>
<div>
<a href="#" class="join-us">سجل اهتمامك!</a>
</div>
</div>
</div>
<div class="section" id="about">
<div class="container">
<h2 class="underline">عن المبادرة</h2>
<div><img src="img/img-2.png" alt=""></div>
<p>
ان مبادرة ’مليون مبرمج عربي‘ احدى مبادرات محمد بن راشد آل مكتوم العالمية، وهي المؤسسة الخيرية الهادفة إلى نشر التعليم والمعرفة لتعزيز نهضة العالم العربي.
تهدف مبادرة ’مليون مبرمج عربي‘ إلى تزويد الشباب العربي بالقدرات والمهارات الأساسية التي سيحتاجونها في الحصول على فرص عمل في المستقبل، فتزودهم بلغة العصر – لغة البرمجة – من خلال دورات تدريبية عبر الأنترنت، ويتكون البرنامج التدريبي من أربعة مسارات هي الأكثر طلباً في مجال تطوير المواقع الإلكترونية، وهي: تطوير المواقع الإلكترونية الكاملة، تطوير صفحات المواقع الإلكترونية، تحليل البيانات، و تطوير تطبيقات الأندرويد.</p>
</div>
</div>
<div class="section" id="info">
<div class="container">
<h2 class="underline">معلومات للمدربين والطلاب خاصة بالمجموعة الاولى</h2>
<div class="info-list">
<ul>
<li>ذا تم قبولك أن تكون مدربا أو طالبا في المجموعة الاولى من المبادره ، إذن فقد تم إبلاغك بالفعل عبر البريد الإلكتروني الخاص بك في تاريخ ١٥ و ٢٢ كانون الثاني / يناير</li>
<li>تم ذكر المسار المحدد الذي تم قبولك فيه في رسالة القبول الإلكترونية التي تم ارسالها اليك</li>
<li>سوف تكون قادراً على الوصول إلى المحتوى التعليمي و ذلك ابتداء من تاريخ 23-25 يناير/ كانون ثاني، فنحن الآن نقوم بتسجيل الطلاب على مجموعات</li>
<li>يمكنك الوصول لصفحتك التعليمية الرئيسية من خلال <a href="https://classroom.udacity.com/" target="_blank">هذا الرابط</a></li>
<li>إذا كنت قد تقدمت بطلب الانضمام الى المجموعة الاولي في المبادرة، ولكن قد تم قبولك في المجموعة الثانية، فالرجاء الانتظار في الفترة الحالية ؛ وسوف نقوم نحن بالاتصال بك قبل بداية المجموعة الثانية في تاريخ 2 أبريل</li>
</ul>
</div>
</div>
</div>
<div class="section" id="discover">
<h2 class="underline">اكتشف المجالات المختلفة</h2>
<!-- first track start -->
<div class="track" id="back-end">
<div class="container">
<div class="track-desc">
<iframe src="https://www.youtube.com/embed/0mRWmsInZmE" allowfullscreen></iframe>
</div>
<div class="track-desc">
<h3 class="number">01</h3>
<h2 class="underline">فرصتك لتصبح خبيراً في تطوير المواقع الإلكترونية</h2>
<p>
هل تريد أن تفكر وأن تحل المشكلات كالمبرمج؟ سيساعدك هذا البرنامج في التعرف على بعضٍ من أهم المهارات التي يستخدمها مبرمجو الحزم الكاملة باستمرار. ستكون الفرصة متاحة لك للتعرف على مفاهيم أساسية في البرمجة في بايثون، مثل التدقيق المنطقي، هياكل البيانات، والوظائف من خلال أسئلة تفاعلية، وستتمكن من التمرّن باستخدام حاسوبك الشخصي. ستتعلم أيضاً بناء الجمل، وأساليب التنقيح، ومفاهيم أساسية في حل المشكلات. وأخيراً ستتعلم البرمجة الموجهة نحو هدف معين عبر سلسلة من المشاريع الصغيرة والتدريبات باستخدام مكتبات بايثون المتنوعة. وفي نهاية البرنامج، سترسل رسائل نصية بشكلٍ برمجي، وستفك رموز الرسائل السرية، وسترسم صوراً باستخدام بايثون. وأخيراً، ستتلقى أيضاً تعليماتٍ لتشكيل رموز Github وكيفية استخدامها لتشكيل رموز استرداد وإجراء تغييرات على الرمز، وعرض التزامات موجودة في استردادات الرمز.</p>
</div>
</div>
</div>
<!-- first track end -->
<!-- second track start -->
<div class="track" id="android">
<div class="container">
<div class="track-desc">
<iframe src="https://www.youtube.com/embed/6WQpTwXh-6k" allowfullscreen></iframe>
</div>
<div class="track-desc">
<h3 class="number">02</h3>
<h2 class="underline">فرصتك لتصبح خبيراً بتطبيقات أندرويد</h2>
<p>هذا البرنامج مخصص لمطوري الأندرويد المبتدئين الطموحين في مجال البرمجة والذين يسعون للحصول على مهارات مهمة في العالم الواقعي لإنشاء تطبيقات الأندرويد على مستوىات عالية. ولتعلم كيفية تحويل التطبيقات المرسومة يدوياً لتصاميم باستخدام اللغة الترميزية XML، واستخدام Views و (ViewGroups) لعرض الصور والنص. واستغلال قدرة Java لإنشاء التطبيقات، وتعلم كيفية عرض شاشات متعددة، وإضافة صوت وصور للتطبيق. ستتعلم أيضاً كيف يتعامل الأندرويد مع (touch events)، وعمل تغييرات بصرية لإضافة رونق إلى التطبيق. وأخيراً، ستكون لديك فرصة لاكتشاف قدرة Web APIs وكيفية استخدامها، وستتعلم أساسيات التشبيك في أندرويد، ومن ضمنها تشبيك HTTP، وتحليل JSON، والخيوط الحاسوبية.</p>
</div>
</div>
</div>
<!-- second track end -->
<!-- third track start -->
<div class="track" id="front-end">
<div class="container">
<div class="track-desc">
<iframe src="https://www.youtube.com/embed/yR_VhRa_-cU" allowfullscreen></iframe>
</div>
<div class="track-desc">
<h3 class="number">03</h3>
<h2 class="underline">فرصتك لتصبح خبيراً في تطوير صفحات المواقع الإلكترونية</h2>
<p>إن الإلمام بمجال البرمجة، أمرٌ لا غنى عنه في أيامنا هذه. وإن تعلُّم البرمجة هو من أكثر الأمور الغنية والمفيدة التي يمكنك القيام بها. في القسم الأول من هذا البرنامج، ستتعلم أساسيات البرمجة من خلال (CSS) و (HTML) وبعدها، كتابة أول سطر برمجة خاص بك. سوف يتم توجيهك لتعلّم لغة (HTML) وحال إلمامك بها ستضيف نمطاً لرموز الـ (HTML) من خلال (CSS) (أنماط الأوراق المتتالية). جرب ضبط قواعد أنماط متعددة في (CSS) لتجعل موقعك الإلكتروني مشرقاً. احصل على المظهر والعرض الذي تريده لصفحتك الإلكترونية. وأخيراً، ستتلقى أيضاً تعليمات متعمقة عن إحدى أهم الأدوات المتوفرة للمبرمجين، وهي Github، وكيفية استخدامها لتشكيل رموز الاستردادات، وإضافة تغييرات على الرمز، وعرض التزامات موجودة في رموز الاسترداد.</p>
</div>
</div>
</div>
<!-- third track end -->
<!-- fourth track start -->
<div class="track" id="data-alanlysit">
<div class="container">
<div class="track-desc">
<iframe src="https://www.youtube.com/embed/ocTXcTx05kw" allowfullscreen></iframe>
</div>
<div class="track-desc">
<h3 class="number">04</h3>
<h2 class="underline">فرصتك لتصبح خبيراً في تحليل البيانات</h2>
<p>أنشئ مهارات أساسية في التعامل مع البيانات لتتمكن من اتخاذ الخطوة التالية في مهنتك. في هذا البرنامج، ستتعلم كيف تحوّل البيانات إلى أفكار. ماذا يعني ذلك في التدريب؟ أولاً، ستتعلم كيف تقوم بحساب الإحصائيات وكيف تبني الرسومات المستخدمة في قطاع الإنتاج لعرضٍ وتناقلٍ أفضل لقراءة البيانات.
سيكون عليك أولاً أن تطوّر مهاراتك في مايكروسوفت أكسل وأن تتقن المهارات اللازمة لإعلام صانعي القرار بها، وأن تُحدث أثراً باستخدام البيانات. ستتعلم بعدها إحدى أهم الأدوات المتوفرة لدى محللي البيانات، ألا وهي لغة قواعد البيانات، وستستخدمها في استخراج وتحليل البيانات المصنفة في قواعد البيانات.</p>
</div>
</div>
</div>
<!-- fourth track end -->
</div>
<div class="section faq" id="questions">
<h2 class="underline questions-header">الاسئلة الشائعة</h2>
<div class="container">
<h2>أسئلة متعلقة بالدورة الأولى</h2>
<div class="accordion">
<input type="checkbox" id="faq-1" class="click">
<label for="faq-1">لقد تم قبولي في أكثر من مسار ، ما الذي يجب علي فعله ؟</label>
<div class="accordion-content">
<p>برجاء اختيار مسار واحد فقط من المسارات التي تناسبك.</p>
</div>
</div>
<div class="accordion">
<input id="faq-2" type="checkbox">
<label for="faq-2" class="a">كيف اقوم بتغيير اللغة الى العربية في تطبيق Udacity على الموبايل ؟</label>
<div class="accordion-content">
<p>للاسف، ليس لدينا نسخة عربية لتطبيقات الهاتف/ الموبايل ، لذلك نحن ننصحك بالعودة لموقع المبادرة ( الويب).</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer" id="contact-us">
<div id="main-footer">
<div class="container">
<h3 class="underline">إتصل بنا</h3>
<div><img src="img/icon.png" alt=""></div>
<p>شكرا لإهتمامكم بمبادرة المليون مبرمج عربي.</p>
<p>في إطار تزويدكم بكل المعلومات المهمة، لقد جمعنا كل الأسئلة التي ممكن أن تطرح:
<br>
<a href="#">الرجاء الضغط هنا للمتابعة</a>
</p>
<p>لكل الأسئلة الأخرى يمكنكم إرسال بريد إلكتروني إلى
<a href="mailto:mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
<div id="sub-footer">
<p>حقوق النشر 2017. جميع الحقوق محفوظة من قبل <a href="#">Udacity</a></p>
</div>
</div>
</body>
</html>