محمد Fahmy

من كلامك فهمت أنك في دورة جافاسكربت بالنسبة لسؤالك كيفية تثبيت جافاسكربت فأنت لاتحتاج إلى تثبيتها لانها مدمجة مع جميع المتصفحات يمكنك كتابة كود جافاسكربت من خلال المتصفح عن طريق الفتح ال Console من خلال الضغط علي رز F12 في الكيبورد, يمكنك هنا كتابة أكواد جافاسكربت جرب الكود التالي لكي يتضح معك الأمر. console.log("Hello World") يقوم الأمر السايق بطباعة كلمة Hello World في Console. وإذا كنت تريد تشغيل كود جافاسكربت علي كمبيوتر يجب عليك تثبيت Node.js. بالنسبة لسؤالك الثاني أنك لا تعرف من أين تبداء في الدورة فالدورة مقسمه إلي مسارات وكل مسار يوجد فيه عدد من الدورس ابدأ بالترتيب الموجود. وإذا كان لديك أي سؤال بخصوص الدورة قم بطرحه في قسم التعليقات الخاص بالدرس وسوف يقوم مدرب متخصص بالرد عليك

من الأفضل أن تقوم أنت بحل السؤال وإذا ظهرت لك مشكلة يمكنك حينها السؤال وسوف نساعدك وهذا أفضل لك لكي تتدرب علي المشكلات البرمجية. بالتوفيق

ينقسم البرنامج المكتوب بلغة Assembly إلى ثالاثة أقسام وهي: The data Section وفي هذا القسم نقوم بالتصريح عن البيانات لتهيئتها والثوابت بمعني اخر البيانات التي لن تتغير في وقت التشغيل البرنامج (runtime) مثل أسماء الملفات و الثوابت كما في المثال المرفق. The bss section في هذا القسم نقوم بالتصريح عن المتغيرات كما في المثال المرفق. The text Section في القسم نقوم بكتابة الكود الفعلي, يجب أن يحتوي هذا القسم علي الأعلان global _start الذي يخبر النواة بمكان بدء تنفيذ البرنامج. المثال - يمكنك تجربة هذا الكود وسوف يطبع لك كلمة Hello world. section .text global _start _start: mov edx,len mov ecx,msg mov ebx,1 mov eax,4 int 0x80 mov eax,1 int 0x80 section .data msg db 'Hello, world!', 0xa len equ $ - msg من مصادر تعلم لغة التجميع باللغة العربية YouTube, يمكنك البحث في جوجل وسوف تجد العديد من المواقع التي تقوم بتعلم لغة التجميع بالغة الأنجليزية.

يتم تريب الاحرف الابجدية في لغة البرمجة بايثون حسب ترتيبها في الابجدية الانجليزية كالاتي: A– B– C- D- E- F- G- H- I- J- K- L – M –N –O -P- Q- R -S -T -Y- V- W- X- Y -Z لنفترض أنك لديك قائمة بها مجمموعه من النصوص يمكنك ترتيب هذه القائمة باستخدام لغة بايثون من خلال أستخدام التابع sort او الدالة sorted كما في الامثلة التالية: التابع Sort stringList = ["book", "apple", "code", "dog"] stringList.sort() print(stringList) # ['apple', 'book', 'code', 'dog'] الدالة Sorted stringList = ["book", "apple", "code", "dog"] sortedLinst = sorted(stringList) print(sortedLinst) # ['apple', 'book', 'code', 'dog'] وهذه بعض المصادر المفيدة في لغة بايثون. لغة بايثون Python - موسوعة حسوب مقالات بايثون - أكاديمية حسوب كتاب البرمجة بلغة بايثون - أكاديمية حسوب

وهذه بعض الأسئلة و المقالات التي يمكن أن تفيدك.

يوجد شرح لل Firebase علي youtube باللغة العربية ويمكنك أيضا تصفح الموقع الرسمي فهو يشرح أيضا كيف تستخدم Filrebase الموقع الرسمي Firebase.

فالبداية دعني أوضح لك ماذا تحتاج لكي تقوم ببناء موقع او تطبيق موبيل. أولاً - تحتاج إلي برمجة الواجهة الأمامية، تختلف التقنيات المستخدمة لبرمجة الواجهات الأمامية علي حسب نوع البرنامج(تطبيق او الموقع) إذا كان تطبيق موبيل يمكنك إستخدام flutter للنظامين الاندرويد و IOS أو تستخدم Kotlin الاندرويد و Swift لنظام IOS, إذا كان موقع تستخدم هذه التقنيات: HTML5 CSS3 JavaScript Bootstrap React ثانياً - تحتاج إلي برمجة الواجهة الخلفية، هنا يمكنك إستخدام python مع إطار العمل Django أو Flask. ثالثاً - تحتاج إلي قاعدة بيانات وهناك نوعين من قواعد البيانات وهما: العلائقية SQL غير علائقية No SQL بالنسبة لقواعد البيانات العلائقية يمكنك أستخدام MySQL. والغير علائقية تستخدم mongoDB. وهذه بعض المقالات المفيدة في هذا المجال. برمجة تطبيقات الاندرويد برمجة تطبيقات الجوال دليلك الشامل إلي لغات البرمجة دليلك الشامل إلي انواع البيانات بناء تطبيق ويب لإدارة معلومات العملاء باستخدام جانغو Django وريآكت React

عند قولك منيو الكتروني فهو عبارة عن موقع ويمكنك ربط هذا الموقع بالواتس اب لاستقبال الطلبات من خلال استخدام API الخاص بالواتس اب. بالنسبة للتقنيات المستخدمة وإطارات العمل هما كالاتي. أولا - نبدأ بتقنيات الواجهة الأمامية وهي: HTML CSS JavaScript Bootstrap React ثانياً - تقنيات الواجهة الخلفية وهي: Express JS ثالثاً - بالنسبة لقاعدة البيانات المستخدمة يفضل أن تستخدم mongoDB وهذه التقنيات ليست الوحيدة التي يمكن استخدامها ولكنها من أفضل التقنيات في مجال بناء المواقع بالنسبة للتقنيات الأخري مثلا يمكنك إستخدام لغة البرمجة PHP وإطار العمل Laravel فهما من أشهر التقنيات المستخدمة في هذا المجال أيضاً.

افضل طريقة لايقاف المقطع هي مسح قيمة الخاصية src من الوسم vidoe هكذا. $("#selected-video").removeAttribute("src") بعدها قم بعمل إعادة تحميل للفيديو باستخدام الكود التالي. $("#selected-video").load();

نعم سوف تختلف القيمة لاختلاف القيمة التي تم تمريرها في كل تابع فالقيمة الأولي تساوي 29.0 والثانية تساوي 33.0

const يستخدم لتعريف متغير لن تقوم بتغير قيمته بمعني أخر أذا قمت بتعريف متغير ب const لن تستطيع تغير قيمه هذا المتغير . يستخدم حتي لايقوم المترجم بقراءة هذا المتغير في كل عملية build وهذا يساعد في تسريع البرنامج.

أنصح بتعلم لغة PHP إذا كنت تريد تطوير والواجهات الخلفية Backend وهناك دورة في أكاديمية حسوب تشرح لغة PHP وإطار العمل Laravel يمكنك تصفحها من هنا بالنسبة إلى إطار العمل Laravel فهو من أفضل إطارات العمل المستخدمة في تطوير الواجهات الخلفية وسوف تساعدك هذه الدورة علي التطبيق علي ما تعلمته بمشاريع كبيرة وواقعية وهذه تفاصيل الدورة: الأسس البرمجية السليمة عبر لغة PHP كيف يتم التخاطب بين المتصفح والخادم أساسيات قواعد البيانات كيفية بناء تطبيق ويب لإدارة المهام باستخدام لغة PHP أساسيات التطوير باستخدام معمارية MVC أساسيات إطار العمل Laravel بناء تطبيق إدارة المهام باستخدام إطار العمل Laravel تطوير واجهة برمجية API بالإعتماد علي نمط RESTful تطوير موقع إعلانات مبوبة شبكة اجتماعية تشبه Instagram تطوير نظام إدارة محتوى CMS كامل من الصفر باستخدام إطار العمل Laravel تطوير قوالب WordPress

أنصحك بتصفح توثيق حسوب لإطار العمل Laravel سوف تجد كل شئ عن إطار العمل Laravel هناك, لهذه المشكلة أنصحك أن لا تقوم بمنع ظهور الأخطاء في مرحلة تطوير البرنامج حتي تستطيع حل المشاكل. وهذا هو حل لمشكلتك مقتبس من توثيق حسوب لإطار العمل Laravel صفحة معالجة الأخطاء (Error Handling) في Laravel

أنصحك بتغير المتصفح إلى أي متصفح أخر أو قم بإيقاف جميع الإضافات في متصفحك وإذا لم ينفع أي حل من هذه الحلول قم بكتابة الكود في محرر أكواد Online أرشح لك هذه المحررات: codePen CodeSandbox وأنصحك أبضا بتصفح موسوعة حسوب في توثيق جافاسكربت من خلال هذا التوثيق سوف تتعلم كيف تربط ملف JavaScript ب ملف HTML وكل شئ تريد معرفته عن لغة الجافاسكربت. ويمكنك أيضا تصفح هذه المقالات لأنها سوف تفيدك كثيرا في تعلم لغة JavaScript مقالات جافاسكربت في أكاديمية حسوب

فالبداية يفضل أن تتعمل أساسيات البرمجة وبما أنك تريد تعلم Flutter فأفضل لغة لكي تتعلم منها الأساسيات هي لغة Dart لأن Flutter مبنية علي لغة Dart ومصادر تعلم لغة Dart كثير من أهم هذه المصادر موقع Dart الرسمي. ثم بعد ذلك تعلم Flutter وعندما تبداء في تعلم Flutter سوف تعرف حينها ما هي التقنيات الأخري التي تحتاجها و نصيحة لك لا تضيع وقتك في السؤال عن أفضل مسار لتعلم لغة معينة او إطار عمل معين فقط أبداء وأنت سوف تعرف ماذا تحتاج في رحلة تعلمك ولكن لكي أقوم بتسهيل الأمور عليك سوف أرشح لك أحد أفضل المصادر فيما يخص مسارات التعلم وهو موقع roadmap.sh هذا الموقع يوجد به الكثير من المسارات تم وضعها من قبل مبرمجين محترفين وهذا هو مسار تعلم flutter في هذا الموقع. بعد تعلم إطار العمل Flutter يمكنك أن تصبح مبرمج تطبيقات موبيل (IOS - Android)

إذا نظرت في رسالة الخطاء في console سوف تجد أن نوع الخطاء من نوع بناء الجملة Syntax Error,لذلك أنصحك بالبحث عن أنواع الاخطاء البرمجية لكي يصبح حل المشاكل البرمجية أسهل بالنسبة لك. هناك بعض المكتبات التي تساعدك في حل مثل هذة الاخطاء علي سبيل المثال مكتبة ESLint وهذه نبذة عن المكتبة وما تستطيع فعلة. هي مكتبة هدفها مساعدة مبرمجين الجافاسكريبت على كتابة أكواد جافاسكريبت خالية من الأخطاء فهي تفرض على المطور بعض القواعد التي يجب عليه احترامها للحصول في النهاية على شفرة برمجية خالية من الأخطاء. يمكنك استكشاف المكتبة من هنا. وهذه بعض المكتبات الأخري ولكل مكتبة مميزاتها: JSLint JSHint StandardJS

يمكنك فعل ذلك من خلال التابع readAsDataURL كما في المثال التالي. <input type="file" id="the-image" accept="image/jpg, image/png, image/jpeg"> <div id="show-image"></div> يمكنك أن تجعل المستخدم يرفع الصورة بالصيغىة التي تريد في هذا المثال وضعت أكثر من صغية: JPG PNG JPEG ويمكنك قبول كل الصيغ من خلال جعل قيمة الخاصية accept تساوي *. كود CSS مهم لا تتجاهله لاننا سوف نستخدمة من خلال كود JavaScript. #show-image{ width: 400px; height: 225px; border: 1px solid black; background-position: center; background-size: cover; } كود JavaScript. const image_input = document.querySelector("#the-image"); image_input.addEventListener("change", function() { const reader = new FileReader(); reader.addEventListener("load", () => { const uploaded_image_from_user = reader.result; // نقوم بوضع الصورة في الحاوية بالمعرف المحدد عن طريق كود css document.querySelector("#show-image").style.backgroundImage = `url(${uploaded_image_from_user})`; }); reader.readAsDataURL(this.files[0]); });

يمكنك فعل ذلك بأكثر من طريقة أفضل طريقة بالنسبة لي هي أستخدام مكتبة Axios. فالبداية نقوم بأستدعاء مكتبة Axios CDN في ملف HTML من كما في الأسفل. <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script> ثم نكتب الكود التي في ملف JavaScript. function getTextFileFromUrl(fileUrl){ axios({ method: 'get', url: fileUrl, // هنا رابط الملف }).then(function(response){ let text = response.data; document.getElementById('text').innerText = text; // هنا نقوم بوضع محتوي المبف في الحاوية التي اسمها test }); } وهذا كود ملف HTML. <div id="text"></div> <button onclick='getTextFileFromUrl("https://domain.com/file.txt")'>get text file</button> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script> <script src="./main.js"></script>

ماقمت به صحيح بلاشك يجب أن يكتب عنوان المقالة ب H1 لكي تتعرف محركات البحث علي عنوان المقالة والأفضل وضع H1 واحد فقط في الصفحة. وايضا لاتغفل عن وسم Title فهو من أهم عناصر السيو في الموقع ويفضل أن يكون H1 مماثل لوسم Title في نفس المقالة. يوجد أكثر من أحتمال ولكن أكثرهم منطيقة بالنسبة لي هو أنك تحتاج الي إعادة أرشفة موقعك حتي تقوم محركات البحث بتطبيق التعديل الذي قمت به. أنظر إلى هذا السؤال : مساعدة بخصوص ارشفة موقع ولكن هذا أحتمال لا أكثر ويفضل أن تهتم بباقي العوامل التي توثر في ترتيب الموقع في محركات البحث و منها: عنوان المقالة و الصفحة وصف الصفحة رابط الصفحة العنوانين الفرعية مثل H2 - H6 محتوي الصفخة وهذه بعض المصادر المفيدة في هذا الموضوع. تهيئة محركات البحث SEO - مقالات أكاديمية حسوب كتاب دليلك إلى تحسين محركات البحث SEO

من أسهل الطرق لفعل ذلك هي من خلال موقع Facebook الرسمي من هنا. سوف يقوم الموقع بتوليد زر المشاركة لك ولكن يحتاج منك فقط بعض المدخلات كالاتي: الرابط Facebook الذي تريد مشاركتة حجم زر المشاركة أختيار بين أحدي هذه الاشكال Button count Box count Button ثم أضغط على زر Get Code سوف يظهر لك نافذة بها اكواد مثل هذه <!-- هذا خو كود الزر --> <div id="fb-root"></div> <!-- ضع هذا الكود قبل نهاية وسم ال Body --> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v15.0" nonce="JpDAP8iu"></script> والكود الاخر <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" <!-- هذا هو اللينك المراد مشاركتة --> data-layout="button_count" data-size="large"><a target="_blank" href="https://www.facebook.com/sharer/sharer.phpu=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a> </div> قم بنسخ الكود و وضعه في موقعك. بالنسبة لزر مشاركة الأيميل سوف نستخدم الوسم a كما في المثال التالي <a href="mailto:email@example.com1, email@example.com2 ?subject=Mail from our Website&body=Some body text here">Send the mail</a> هناك بعض الخصائص المفيدة مثل : بعد كلمة mailto: يمكنك وضع أكثر من أيميل ولكن نفصل بينهم ب (,) كما في المثال السابق يمكنك تحديد موضوع الإيميل من خلال الاستعلام subject كما في المثال يمكنك تحديد محتوي الإيميل من خلال الاستعلامbody كما في المثال

بالتأكيد يمكنك عمل تطبيق شات ب JavaScript. لنفرض أنك تريد عمل تطبيق شات للكمبيوتر المكتبي PC يمكنك فعل ذلك بأستخدام إطار العمل Electron. لأندرويد و IOS أستخدم React Native. لعمل تطبيق ويب أستخدم React أو Vue أو Angular في الواجهة الأمامية Frontend و للواجهة الخلفة Backend أستخدم Nodejs و Express. يوجد تقنيات أخري تستخدم JavaScript مثل Ionic ولكن هذه التقنيات التي ذكرتها هي الأفضل حتي الأن حسب رأيي الشخصي. وهذه بعض المصادر المفيدة في هذا الموضوع. React - مقالات أكاديمية حسوب React - موسوعة حسوب React Native - موسوعة حسوب Nodejs - مقالات أكاديمية حسوب Express - مقالات أكاديمية حسوب

نظام هواوي الجديد وهو Harmony OS لعمل تطبيقات تعمل علي هذا النظام يمكنك أستخدام أحدي هذه اللغات البرمجية: Java Kotlin يمكنك عمل برنامج شات يعمل علي كل الأنظمة لكن سوف تحتاج أن تستخدم لغة البرمجة الخاصة بكل نظام كالآتي: Android (Java - Kotlin) ios (Objective-C - Swift) Harmony OS (Java - Kotlin) ولكن هناك أيضا تقنيات تستخدم لعمل تطبيقات علي الاندرويد و ios بنفس الشيفرة البرمجة مثل: Flutter React Native بالنسبة لبرنامج الشات بما أن Backend الواجهة الخلفية واحده لكل التطبيقات لايهم اللغة المستخدمة في الواجهة الأمامية Frontend للبرنامج لأن كل التطبيقات في مختلف الأنظمة سوف تعمل من خلال نفس API. وهذه بعض المصادر المفيده. موسوعة حسوب React Native

هناك لغات برمجية أفضل في برمجة الالعاب من لغة JavaScript وهي: ++C #C ++C تعد من أفضل لغات البرمجة في مجال تطوير الالعاب لأنها من اللغات التي تسمج لك بالتحكم الدقيق في كيفية تفاعل جهاز الكمبيوتر مع التعليمات البرمجية الخاصة بك. توفر ++C أيضًا مزيداً من التحكم الدقيق في كيفية معالجة الرسومات بواسطة النظام والذي يلعب دورًا مهمًا جدًا في تصميم اللعبة. هناك فائدة رئيسية أخرى لاستخدام ++C هي أنه يمكنك تحسين أجزاء خاصة من تصميم لعبتك وهذا يشبه إعطاء عناصر معينة من اللعبة أجزاء من بنيتها التحتية ومواردها الخاصة. هذا المستوى من التطوير التفصيلي للعبة صعب إن لم يكن مستحيلًا في العديد من اللغات البرمجية الأخرى. يمكنك تعلم عن ++C من خلال المقالات تعلم لغة ++C. بمعني أخر لا تحصر نفسك في لغة معينه لأن لغة البرمجة ما هي الي وسيلة لتحقيق غايتك لذلك أبحث عن أفضل لغة في المجال الذي تريد دراسته وﻻ تحاول توظيف اللغة التي تعلمها في فعل كل شيء.

المشكلة كلها في الخاصية href مثل الكود المكتوب في الاسفل. <link rel="stylesheet" href="../Project 5/Css/About.css"> عندما قمت أنا بتغير مسار ملف CSS وكتابته بشكل صحيح أشتغل الملف وظهرت التأثيرات علي ملف HTML. وهذه بعض النصائح لكي تتجنب الوقوع في مثل هذه الأخطاء مجددا. تأكيد من حالة الاحرف في أسم الملف والمجلدات يفضل عدم وضع مسافات فارغة في أسم الملف والمجلد يفضل أن تكون حالة الاحرف ضغيرة تأكيد جيدا من التسلسل الهرمي للملفات

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