تعلم البرمجة بأحدث التقنيات

ستتعلم في هذه الدورة كيفية تطوير المواقع من الصفر وحتى الاحتراف

بإستخدام لغة برمجة واحده يمكنك بناء موقع متكامل

App screenshot

تعلم أحدث المكاتب البرمجية في مكان واحد

في هذة الدورة ستتعلم على الواجهات Frontend و أيضا على الخوادم Server باللغة العربية، الهدف من هذه الدورة هو زيادة الوعي البرمجي لدينا نحن العرب، محتوى الدورة تم شرحة في الفيديو التالي

12

فصل

131

درس

1102

دقيقه

ماذا ستتعلم؟

يقدم الدورة رحلة شاملة في عالم تطوير الويب، مصممة للمبتدئين والمطورين ذوي الخبرة على حد سواء. سنبدأ الأمور من خلال تعلم أساسيات البناء: الغمر في HTML لفهم بنية صفحات الويب، ثم التوجه إلى عالم CSS الملون لإحياء تلك الصفحات. مع التقدم، ستكتشف قوة Bootstrap، مما يسهل التصميم الاستجابي.

لكننا لن نتوقف هناك. سيتم الكشف عن الطابع الديناميكي لمحتوى الويب عندما تدخل في JavaScript، حيث ستستكشف كل شيء من الأساسيات إلى البرمجة غير المتزامنة. سيسلط قسم DOM الضوء على التلاعب بعناصر صفحة الويب بسلاسة، معززًا التفاعلات المستخدم.

سنتطرق أيضًا إلى فن النشر، لضمان أن تجد مشاريعك المكان المناسب على الإنترنت. ثم ينتهي الدورة مع مقدمة في Sass، معالج الذي يعزز قدرات الأناقة الخاصة بك.

بحلول نهاية هذه الرحلة، ستكون مجهزًا بفهم عميق لأدوات تطوير الويب هذه وستكون على استعداد لبدء مشاريعك الخاصة. وكإضافة إلى ذلك، ستحصل على رؤى حول إنشاء وإدارة هياكل المشروع بكفاءة.

building frame skeleton

02

Html

لكل موقع أساسيات، لوضع تلك الأساسيات نحتاج لغة تسمى HTML وهي لغة،

01Introduction To Htmlfree01:55
02File Layoutfree10:17
03Headers And Paragraphfree06:20
04Text Formating And Listsfree06:24
05Multimediafree14:12
06Linksfree09:48
07Formsfree12:02
08Tablesfree06:03
09Project12:37
building frame skeleton

04

Deployment

بعد أن تنتهي من بناء موقعك يجب أن تنشره على الإنترنت ليتمكن الجميع من الوصول إليه

01Introductionfree01:09
02Internetfree04:20
03Netlify08:17
building frame skeleton

06

Javascript

لغة الجافاسكريبت هي لغة برمجة تساعدنا على إضافة تفاعلية للمواقع، و تستعمل في جميع المواقع الحديثة، والمنصات المختلفة.

01Introductionfree01:05
02Install01:22
03Variables07:03
04Types05:28
05Strings08:30
06Arithmatic Operators09:58
07Arrays07:05
08Objects07:36
09Relational Operators07:40
10Logical Operators05:45
11Conditional Statements08:51
12Loops14:45
13Functions08:37
14Functions Return08:34
15Functions Scopes10:58
16Project Car Showroom14:21
17Functions Arrow09:45
18Functions Higher Order09:33
19Complex Data09:48
20Array Methods Foreach07:58
21Project Coffeeshop Total09:23
22Array Methods Map08:14
23Array Methods Filter And Find08:18
24Destructure09:33
25Asynchronous Programming11:10
26Promises14:20
27Timers04:43
28Require08:06
29Project Pokedex18:54
30Promises Internally12:29
31Try Catch07:10
32Spread Rest11:15
building frame skeleton

08

Git

طريقة إستخدام نظام الـGit و ربطة بموقع Github

01Introductionfree02:32
02Installfree05:16
03Commitsfree08:53
04Push and Pull08:11
05Merge and Conflicts05:43
06Branches09:09
07Forks and Pull Requests11:17
08Collaboration Project05:11
building frame skeleton

10

Nextjs Intermediate

مميزات المستوى المتوسط من Nextjs

01Frontend vs Backendfree04:04
02أساسيات API09:13
03Clientside vs Serverside09:25
04Dynamic Routes13:12
05تثبيت Backend بسيط04:09
06Modals06:28
07Forms باستخدام Formik15:05
building frame skeleton

12

Sass

(إختياري) لغة ال SASS هي عبارة عن لغة برمجة تساعدنا على كتابة ال CSS بشكل أسرع و أكثر تنظيماً

01Introductionfree02:37
02Install05:09
03Variables03:29
04Nesting03:21
05Partials & Modules04:42
06Mixins04:57
07Maps02:34
08Bootstrap Customizations20:24
building frame skeleton

01

Introduction

مقدمة تعريفية عن المنصة

01تعريف بالدورةfree00:51
02كيف تستخدم المنصةfree02:33
building frame skeleton

03

Css

المواقع تحتاج إلى لغه تسمى CSS وهي لغه تساعدنا على تنسيق الموقع وجعله جميل ومرتب

01Introduction To Cssfree01:10
02CSS Linkingfree09:40
03Selectorsfree08:30
04Specificityfree07:57
05Colors09:11
06Fonts09:16
07Margins12:16
08Chrome Devtools06:28
09Display06:12
10Sizing04:07
11Heights05:55
12Position08:44
13Borders07:07
14Shadows05:20
15Text Align01:53
16Flexbox11:47
17Flexbox Practices15:04
18Backgrounds13:14
19State Selector06:44
20Transitions06:26
21Animations11:17
22Media Queries08:37
23Project Linktree24:00
building frame skeleton

05

Tailwind

شرح مكتبة Tailwind المميزه بتوفيرها جميع الكلاسات لتغطية جميع التصاميم

01Introductionfree01:46
02Installfree02:54
03Documentation03:40
04Containers05:08
05Layout10:40
06Spacing08:28
07Colors07:42
08Typography05:55
09Sizing08:10
10Psuedo08:36
11Animations06:15
12DaisyUI05:30
13Project15:09
building frame skeleton

07

Dom

لربط الجافاسكريبت مع ال HTML نحتاج إلى ما يسمى DOM وهي أداة تساعدنا على التعامل مع ال HTML

01Installfree01:48
02Docoumentfree06:40
03Queryselector05:13
04Html Element07:43
05Events06:21
building frame skeleton

09

Nextjs Fundamentals

فصل تعريفي عن مكتبة Nextjs و أساسياتها

01Introductionfree02:23
02NPMfree05:38
03Installfree10:33
04Typescript06:47
05TSX07:28
06Import & Export08:42
07Props13:29
08Events10:41
09State Basics10:16
10State Objects & Arrays13:28
11Arrow Functions14:26
12Routing & Links10:09
13Fetching Data11:30
14Project: Products36:02
building frame skeleton

11

Bootstrap

(إختياري) مكتبة تساعدنا على بناء مواقع سريعة وجميلة ومتجاوبة مع جميع الشاشات

01Introductionfree05:25
02Install02:55
03Documentation09:27
04Layout19:42
05Examples10:57
06Icons05:28
07Project Linktree18:19

أهلا انا

مناور

👋🏽

مهندس حاسوب من جامعة الكويت شغفي هو البرمجة بشتى مجالاتها، و التعليم البرمجي ,عملت على العديد من المشاريع اللتي تتعلق ببرمجة المواقع.

قمت بتجربة العديد من اللغات البرمجية منPHP, Java, Javascript, C-Sharpو غيرها الكثير، و ذلك لأنني أحب تجربة الأشياء الجديدة و التعلم منها. من برمجة المواقع والألعاب و التطبيقات

في نهاية المطاف اخترت ال Javascript و مكتبة React للواجهات او ما يسمى ب Frontend و مكتبة AdonisJS للخوادم او ما يسمى Backend

في سلسلة هذه الدروس سأقوم بتعليمك خلاصه اكثر من ١٠ سنوات من البرمجة

المشاريع

Punch
Punch
Uniqarn
Uniqarn
Majlis 2020
Majlis 2020
Boubyan
Boubyan
Ruba
Ruba

الأسئلة الشائعة

ان لم تجد ما تبحث عنه، ارسل لي بريد الكتروني وسأقوم بالرد عليك في أقرب وقت ممكن

    • ماهي المتطلبات؟

      كل الذي عليك هو توفير جهاز كمبيوتر وانترنت

    • هل يمكنني الحصول على خصم؟

      السعر المخصص للدورة تمت دراستة ليكون منخفض ومناسب للجميع، مقارنة بالمحتوى الذي ستحصل عليه

    • هل أحتاج أن انهي الدورة كاملة لأتمام مشروعي؟

      لا، يمكنك إختيار الفصول التي تهمك، فالمحتوى كبير و يغطي الكثير من المواضيع