{"id":15435449,"url":"https://github.com/neuodev/codeinarabic","last_synced_at":"2026-03-09T15:31:51.467Z","repository":{"id":139100832,"uuid":"548943313","full_name":"neuodev/codeinarabic","owner":"neuodev","description":"This repository is indented to help non-tech young Arab people to get into software both as a hobby and profession","archived":false,"fork":false,"pushed_at":"2022-10-10T17:41:30.000Z","size":94,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-29T23:52:00.421Z","etag":null,"topics":["learntocode","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/neuodev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-10-10T12:33:59.000Z","updated_at":"2023-01-24T08:23:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"34411831-392a-4ed7-8963-b65acba16293","html_url":"https://github.com/neuodev/codeinarabic","commit_stats":{"total_commits":12,"total_committers":2,"mean_commits":6.0,"dds":"0.33333333333333337","last_synced_commit":"8c57085b0510c60a1c112e55076c484c5139468e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/neuodev/codeinarabic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuodev%2Fcodeinarabic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuodev%2Fcodeinarabic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuodev%2Fcodeinarabic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuodev%2Fcodeinarabic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neuodev","download_url":"https://codeload.github.com/neuodev/codeinarabic/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuodev%2Fcodeinarabic/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30301109,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T14:33:48.460Z","status":"ssl_error","status_checked_at":"2026-03-09T14:33:48.027Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["learntocode","webdevelopment"],"created_at":"2024-10-01T18:44:24.427Z","updated_at":"2026-03-09T15:31:51.414Z","avatar_url":"https://github.com/neuodev.png","language":null,"readme":"\u003ch1 align='center'\u003e\nCode In Arabic\n\u003c/h1\u003e\n\n\u003cp align='center'\u003e\n This repository is indented to help \u003cstrong\u003enon-tech young Arab\u003cstrong/\u003e people to get into software both as a hobby and profession.\n\u003c/p\u003e\n  \n \n\u003cp align='center'\u003e\n  تم انشاء هذا ليكن بمثابة مرجع للاشخاص العرب بالاخص الاطفال الذين لديهم اهتمام لتعلم البرمجه باستخدام مصادر مجانيه!\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n \u003cimg  src=\"./logo.gif\" title=\"Code In Arabic\" alt=\"Code In Arabic\" /\u003e\n\u003c/p\u003e\n\n## الفهرس\n\n# مجال الويب (Web Development)\n\nيعتمد مجال الويب علي مهارات متنوعه وعديده علي خلاف بعض المجلات الثانيه...\n\n# الواجه الأماميه (Fronte-end)\n\nاهم المهارات لتعلمها هي\n\n## تعلم ال HTML و CSS\n\nأفضل مكان للبدايه بال HTML [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji) من اسامه الزيرو\n\nومن ثم تعلم ال CSS من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe)\n\nالمفترض بعد سماع المصدرين اللي فوق بالكامل تكون عنك المقدره لو أمامك كود من ال HTML و ال CSS تكون قادر علي فهمه مع بعض المشاريع الصغيره! وليس المطلوب منك ان تكون قادر علي عمل مشاريع كبيره لأن هذا سوف نتعلمه في الي المرحله الثانيه\n\nلا يجود افضل طريقه للتعلم أكثر من بناء مشاريع! ودا اللي هيكون عليه الدور في المرحله دي\n\n1.[المشروع الاول](https://www.youtube.com/watch?v=MBq8ZFEIIaQ\u0026list=PLDoPjvoNmBAzHSjcR-HnW9tnxyuye8KbF)\n\n2.[المشروع الثاني](https://www.youtube.com/watch?v=7_USXxmn7DM\u0026list=PLDoPjvoNmBAy1l-2A21ng3gxEyocruT0t)\n\n3.[المشروع الثالث](https://www.youtube.com/watch?v=lXVP3rDH9EU\u0026list=PLDoPjvoNmBAxuCSp2_-9LurPqRVwketnc)\n\n4.[المشروع الرابع](https://www.youtube.com/watch?v=4OGWPn-Q__I\u0026list=PLDoPjvoNmBAyGaRGzPVZCkYx5L7Mo9Tbh)\n\nبعد اتمام سماع وتطبيق هذه المشاريع المتوقع تكون قادر علي اتمام مشروع باستخدام ال HTML و ال CSS وتكون قادر علي حل المشاكل اللي هتقابلك فيهم وعند المقدره تعمل مشاريع متوسطه وكبيره باستخدامهم فقط ولكن بدون الحاجه الي ال JS لان دا هيكون التركيز عليه في الخطوه اللي جيه\n\n## جافاسكريبت - JavaScript\n\nيعتبر الجافا اسكريبت من اهم الخطوات والمهارات اللذي يجب التركيز والاهتمام بها أشد الاهتمام!\nلان هذه أول (وأصعب) خطوه في البرمجه الحقيقه ان لم تكون أهمها علي الاطلاق!\nلا أستطيع التاكيد أكثر من هذا علي اهمية الجافا اسكريب! وعشان هو مهم (وصعب) لازم ناخد وقتنا في التعلم عشان نتقنه لان كل اللي جي بعد كدا معتمد عليه!\n**مصادر التعلم الخاصه بال JS**\n\n1. تعلم الأساسيات [هنا](https://www.youtube.com/watch?v=GM6dQBmc-Xg\u0026list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv)\n2. تعلم كيف التعامل مع ال HTML و ال CSS من ال JS [هنا](https://www.youtube.com/watch?v=LlQC9sU0coM\u0026list=PLDoPjvoNmBAxx97QDMOCpzxbu1ZHJ4i7i)\n3. تعلم بناء اشياء بسطه بال JS من [هنا](https://www.youtube.com/watch?v=AeXkyj4mXms\u0026list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT)\n4. المزيد من الامثله [هنا](https://www.youtube.com/watch?v=Auo9jbFJf74\u0026list=PLDoPjvoNmBAxhsMvDrXldKClH7FdE8WSf)\n5. تعلم كيف التعامل مع الواجه الخلفيه باستخدام ال JS من [هنا](https://www.youtube.com/watch?v=CLpmD7hxiBs\u0026list=PLDoPjvoNmBAwH_PyuEFjk3OvXflJJrDRQ)\n6. تعلم وضع ال HTML و الCSS و ال JS مع بعض باحترافيه كامله [هنا](https://www.youtube.com/watch?v=vedT2jk3hi4\u0026list=PLDoPjvoNmBAzvmpzF-6l3tAviiCPbwkB8)\n7. تعلم مواضيع متقدمه(OOP) من [هنا](https://www.youtube.com/watch?v=6ivFyw0gs8o\u0026list=PLDoPjvoNmBAzLyvrWPwMw6bbBlTwPxgLF)\n8. تعلم مواضيع اكثر تقدما (Testing) من [هنا](https://www.youtube.com/watch?v=I5ba6jpRNh8\u0026list=PLDoPjvoNmBAwSrfBPERTnCmWAbcMAwG9O)\n\n## تعلم CSS Framework (اختياري)\n\nمجموعه من وقتها ان تقلل الوقت المستغرق لكتابت ال CSS!\n\n1.  تعلم البوت استراب (Bootstrap) من [هنا](https://www.youtube.com/watch?v=9mdGUKFu5OQ\u0026list=PLDoPjvoNmBAyvm7f--dc6XqkpfDcen_vQ)\n2.  تعلم ال SASS من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAzlpyFHOaB3b-eubmF0TAV2)\n\n## تعلم UI Framework\n\nأدوات من شانها أن تجعل العمل مع HTML و CSS و JS أسهل وأكثر احترافيه!\nوتمكنك من عمل مشاريع علي نطاق كبير بسهلوه\n\nولدينا ثلاثه مشهورين هم **React, Vue and Angular**\n\n1.  الأول React (رياكت): معمول من شركه فيسوبك وهو الاكثرهم شهره واستخداما\n2.  الثاني Vue (فيو): عباره عن مشوروع Open Source معمول من افراد مميزين ولا ينتمي الي شركه معينه\n3.  الثالث Angular (أنجيلر): تابع لشركه جوجل وهو مميز ولكنه يحتج الي مزيد من الوقت لتعلمه علي خلاف الاثنين السابقين!\n\n-نظرا لمحدودية المصادر باللغه العربيه بالاضافه الي سهولة تعلم ال Vue اعتقد أنه سيكون أفضل مكان تبدا منه!\n\n1. تعلم الأساسيات من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAxr5AqK3Yz4DWYKVSmIFziw)\n2. تعلم بناء مشاريع أكبر قليلا من [هنا](https://www.youtube.com/playlist?list=PLDoPjvoNmBAzDuaT7kEURZQbw9dQHepK9)\n\n## الواجه الخالفيه (Back-end)\n\nيتضمن العمل في الواجه الخلفيه علي أركان أساسيين من أهمها\n\n1. تعلم أحد لغات البرمجه زي (JS, Python, PHP.....)\n2. تعلم أحد قواعد البينات (Database) مثل SQL او NoSQL\n\nبالطبع هناك المزيد والمزيد ولكن يكمن اعتبار المهارتين السابقتين هما الاساس الذي يمكنك البناء عليه لتعلم باقي المهارات!\n\n### تعلم لغة برمجه\n\nيمكنك تعلم لغة البرمجه التي تحب ولكن أفضل شي تفعله هنا هو أستخدام ال JS في البناء الواجهات الخلفيه. يطلق علي JS المستخدم في الواجه الخلفيه مسمي ال NodeJS (نود جي اس). ويعتبر نفس الشي ولكن مع بعض التعديلات!\n\nللأسف لا أكاد اجد مصدر اثق فيه لتعلم ال NodeJS في المحتوي العربي ولكني سأبحث وأسال عنه\n\n### تعلم التعامل مع قواعد البينات (Database)\n\nيعتبر تخزين البينات جزء اساسي وخصوصا اثناء العمل علي الواجه الخلفيه. وهناك نوعين أساسين من قواعد البينات وهي ال SQL و NoSQL\nالفرق بينهم سوف يطول شرحه ولكن أعرف ان كل نوع له طرقة في تخزين والتعامل مع البينات.\nلست مجبر علي تعلم أحد قبل الأخر ولكن من المحتوي العربي المتاح SQL هو الاكثر ويمكنك بدا التعلم من [هنا](https://www.youtube.com/watch?v=DftlOK7fCtc\u0026list=PLDoPjvoNmBAz6DT8SzQ1CODJTH-NIA7R9)\n\n## المشاريع\n\nفي القريب ان شاء الله.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneuodev%2Fcodeinarabic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneuodev%2Fcodeinarabic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneuodev%2Fcodeinarabic/lists"}