https://github.com/neuodev/codeinarabic
This repository is indented to help non-tech young Arab people to get into software both as a hobby and profession
https://github.com/neuodev/codeinarabic
learntocode webdevelopment
Last synced: 3 months ago
JSON representation
This repository is indented to help non-tech young Arab people to get into software both as a hobby and profession
- Host: GitHub
- URL: https://github.com/neuodev/codeinarabic
- Owner: neuodev
- License: mit
- Created: 2022-10-10T12:33:59.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-10-10T17:41:30.000Z (over 2 years ago)
- Last Synced: 2025-03-02T07:02:43.370Z (3 months ago)
- Topics: learntocode, webdevelopment
- Homepage:
- Size: 91.8 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Code In Arabic
This repository is indented to help non-tech young Arab people to get into software both as a hobby and profession.
تم انشاء هذا ليكن بمثابة مرجع للاشخاص العرب بالاخص الاطفال الذين لديهم اهتمام لتعلم البرمجه باستخدام مصادر مجانيه!
## الفهرس
# مجال الويب (Web Development)
يعتمد مجال الويب علي مهارات متنوعه وعديده علي خلاف بعض المجلات الثانيه...
# الواجه الأماميه (Fronte-end)
اهم المهارات لتعلمها هي
## تعلم ال HTML و CSS
أفضل مكان للبدايه بال HTML [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji) من اسامه الزيرو
ومن ثم تعلم ال CSS من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe)
المفترض بعد سماع المصدرين اللي فوق بالكامل تكون عنك المقدره لو أمامك كود من ال HTML و ال CSS تكون قادر علي فهمه مع بعض المشاريع الصغيره! وليس المطلوب منك ان تكون قادر علي عمل مشاريع كبيره لأن هذا سوف نتعلمه في الي المرحله الثانيه
لا يجود افضل طريقه للتعلم أكثر من بناء مشاريع! ودا اللي هيكون عليه الدور في المرحله دي
1.[المشروع الاول](https://www.youtube.com/watch?v=MBq8ZFEIIaQ&list=PLDoPjvoNmBAzHSjcR-HnW9tnxyuye8KbF)
2.[المشروع الثاني](https://www.youtube.com/watch?v=7_USXxmn7DM&list=PLDoPjvoNmBAy1l-2A21ng3gxEyocruT0t)
3.[المشروع الثالث](https://www.youtube.com/watch?v=lXVP3rDH9EU&list=PLDoPjvoNmBAxuCSp2_-9LurPqRVwketnc)
4.[المشروع الرابع](https://www.youtube.com/watch?v=4OGWPn-Q__I&list=PLDoPjvoNmBAyGaRGzPVZCkYx5L7Mo9Tbh)
بعد اتمام سماع وتطبيق هذه المشاريع المتوقع تكون قادر علي اتمام مشروع باستخدام ال HTML و ال CSS وتكون قادر علي حل المشاكل اللي هتقابلك فيهم وعند المقدره تعمل مشاريع متوسطه وكبيره باستخدامهم فقط ولكن بدون الحاجه الي ال JS لان دا هيكون التركيز عليه في الخطوه اللي جيه
## جافاسكريبت - JavaScript
يعتبر الجافا اسكريبت من اهم الخطوات والمهارات اللذي يجب التركيز والاهتمام بها أشد الاهتمام!
لان هذه أول (وأصعب) خطوه في البرمجه الحقيقه ان لم تكون أهمها علي الاطلاق!
لا أستطيع التاكيد أكثر من هذا علي اهمية الجافا اسكريب! وعشان هو مهم (وصعب) لازم ناخد وقتنا في التعلم عشان نتقنه لان كل اللي جي بعد كدا معتمد عليه!
**مصادر التعلم الخاصه بال JS**
1. تعلم الأساسيات [هنا](https://www.youtube.com/watch?v=GM6dQBmc-Xg&list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv)
2. تعلم كيف التعامل مع ال HTML و ال CSS من ال JS [هنا](https://www.youtube.com/watch?v=LlQC9sU0coM&list=PLDoPjvoNmBAxx97QDMOCpzxbu1ZHJ4i7i)
3. تعلم بناء اشياء بسطه بال JS من [هنا](https://www.youtube.com/watch?v=AeXkyj4mXms&list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT)
4. المزيد من الامثله [هنا](https://www.youtube.com/watch?v=Auo9jbFJf74&list=PLDoPjvoNmBAxhsMvDrXldKClH7FdE8WSf)
5. تعلم كيف التعامل مع الواجه الخلفيه باستخدام ال JS من [هنا](https://www.youtube.com/watch?v=CLpmD7hxiBs&list=PLDoPjvoNmBAwH_PyuEFjk3OvXflJJrDRQ)
6. تعلم وضع ال HTML و الCSS و ال JS مع بعض باحترافيه كامله [هنا](https://www.youtube.com/watch?v=vedT2jk3hi4&list=PLDoPjvoNmBAzvmpzF-6l3tAviiCPbwkB8)
7. تعلم مواضيع متقدمه(OOP) من [هنا](https://www.youtube.com/watch?v=6ivFyw0gs8o&list=PLDoPjvoNmBAzLyvrWPwMw6bbBlTwPxgLF)
8. تعلم مواضيع اكثر تقدما (Testing) من [هنا](https://www.youtube.com/watch?v=I5ba6jpRNh8&list=PLDoPjvoNmBAwSrfBPERTnCmWAbcMAwG9O)
## تعلم CSS Framework (اختياري)
مجموعه من وقتها ان تقلل الوقت المستغرق لكتابت ال CSS!
1. تعلم البوت استراب (Bootstrap) من [هنا](https://www.youtube.com/watch?v=9mdGUKFu5OQ&list=PLDoPjvoNmBAyvm7f--dc6XqkpfDcen_vQ)
2. تعلم ال SASS من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAzlpyFHOaB3b-eubmF0TAV2)
## تعلم UI Framework
أدوات من شانها أن تجعل العمل مع HTML و CSS و JS أسهل وأكثر احترافيه!
وتمكنك من عمل مشاريع علي نطاق كبير بسهلوه
ولدينا ثلاثه مشهورين هم **React, Vue and Angular**
1. الأول React (رياكت): معمول من شركه فيسوبك وهو الاكثرهم شهره واستخداما
2. الثاني Vue (فيو): عباره عن مشوروع Open Source معمول من افراد مميزين ولا ينتمي الي شركه معينه
3. الثالث Angular (أنجيلر): تابع لشركه جوجل وهو مميز ولكنه يحتج الي مزيد من الوقت لتعلمه علي خلاف الاثنين السابقين!
-نظرا لمحدودية المصادر باللغه العربيه بالاضافه الي سهولة تعلم ال Vue اعتقد أنه سيكون أفضل مكان تبدا منه!
1. تعلم الأساسيات من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAxr5AqK3Yz4DWYKVSmIFziw)
2. تعلم بناء مشاريع أكبر قليلا من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAzDuaT7kEURZQbw9dQHepK9)
## الواجه الخالفيه (Back-end)
يتضمن العمل في الواجه الخلفيه علي أركان أساسيين من أهمها
1. تعلم أحد لغات البرمجه زي (JS, Python, PHP.....)
2. تعلم أحد قواعد البينات (Database) مثل SQL او NoSQL
بالطبع هناك المزيد والمزيد ولكن يكمن اعتبار المهارتين السابقتين هما الاساس الذي يمكنك البناء عليه لتعلم باقي المهارات!
### تعلم لغة برمجه
يمكنك تعلم لغة البرمجه التي تحب ولكن أفضل شي تفعله هنا هو أستخدام ال JS في البناء الواجهات الخلفيه. يطلق علي JS المستخدم في الواجه الخلفيه مسمي ال NodeJS (نود جي اس). ويعتبر نفس الشي ولكن مع بعض التعديلات!
للأسف لا أكاد اجد مصدر اثق فيه لتعلم ال NodeJS في المحتوي العربي ولكني سأبحث وأسال عنه
### تعلم التعامل مع قواعد البينات (Database)
يعتبر تخزين البينات جزء اساسي وخصوصا اثناء العمل علي الواجه الخلفيه. وهناك نوعين أساسين من قواعد البينات وهي ال SQL و NoSQL
الفرق بينهم سوف يطول شرحه ولكن أعرف ان كل نوع له طرقة في تخزين والتعامل مع البينات.
لست مجبر علي تعلم أحد قبل الأخر ولكن من المحتوي العربي المتاح SQL هو الاكثر ويمكنك بدا التعلم من [هنا](https://www.youtube.com/watch?v=DftlOK7fCtc&list=PLDoPjvoNmBAz6DT8SzQ1CODJTH-NIA7R9)
## المشاريع
في القريب ان شاء الله.