كيف أتعلم لغة الجافا سكربت كلها وفهم وقراءة اي كود مكتوب بها

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

يعني الذي كتب هذا الكود هل تراه ساحر يكتب اي خرابيط ويشتغل الكود، كيف تعلم كل هذا واين.

كل المصادر التي تعلمت منها تعلم الاساسيات فقط وباقي الامور الاخرى تعلمتها بالبحث والسؤال في المواقع.

الان انا اريد تعلم كل حرف في لغة الجافا سكربت لاصبح فل في هذه اللغه فاين اجد المصدر لتعلمها

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

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

هناك العديد من الموارد عبر الإنترنت التي يمكن أن تساعدك على التدريب، مثل Codecademy وFree Code Camp، إياك أن توفّرهم.

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

الأن سأعطيك موقع أيضاً سيساعدك كمصدر للمعلومات

eloquentjavascript.net

عليك أن تعلم أن البرمجة ليست مجرد معرفة بالمفاهيم الأساسية والتقنيات المتقدمة، بل هي أيضًا عملية مستمرة لاكتساب الخبرة والتعلم. هناك دائمًا أكواد وتقنيات جديدة يمكن أن تكون تحديًا لفهمها في البداية.

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

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

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

  • موقع Mozilla Developer Network (MDN): يوفر وثائق مفصلة وشاملة للغة JavaScript مع أمثلة وتمارين تفاعلية.

أيضاً الكتب تناقش الكثير من جوانب اللغة بالتفصيل وبتعمق لذلك يمكنك الرجوع دائماً للكتب:

بعض الكتب المشهورة تشمل:

  • دليل JavaScript الشامل بواسطة أكاديمية حسوب
  • "JavaScript: The Good Parts" لـ Douglas Crockford.
  • "Eloquent JavaScript" لـ Marijn Haverbeke.
  • "You Don't Know JS" سلسلة من الكتب لـ Kyle Simpson.

أولاً عليك تعلم اللغة بالطريقة الصحيحة، وهي كالتالي:

  • تعلم الأساسيات الخاصة باللغة ثم التطبيق على ما تعلمته من خلال إنشاء نماذج بسيطة وبالطبع ستحتاج إلى HTML وCSS.
  • بعد ذلك تنتقل إلى المرحلة المتوسطة وتتعلم أمور متقدمة في اللغة وتنفيذ مشاريع متقدمة أيضًا.
  • بعد ذلك عليك بالتعمق أكثر في اللغة ثم تنفيذ مشروع كبير يعتمد على الـ OOP مع API's ومن المشاريع التي أفضلها تنفيذ تطبيق SPA من خلال جافاسكريبت ابحث عن ذلك على اليوتيوب وستجد مشاريع وأغلبها بالإنجليزية.

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

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

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

ويوجد دورة في أكاديمية حسوب خاصة بجافاسكريبت، ويوجد موسوعة حسوب ويوجد مقالات ودروس في قسم البرمجة بأكاديمية حسوب.

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

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

فيما يلي بعض المصادر التي قد تساعدك على تعلم جافا سكريبت المتقدم:

  • كتب: هناك العديد من الكتب الجيدة المتاحة لتعلم جافا سكريبت المتقدم. بعض الكتب الجيدة تشمل:
  • Eloquent JavaScript by Marijn Haverbeke
  • JavaScript: The Good Parts by Douglas Crockford
  • Mastering JavaScript by John Resig
  • دورات عبر الإنترنت: هناك العديد من الدورات عبر الإنترنت المتاحة لتعلم جافا سكريبت المتقدم. بعض الدورات الجيدة تشمل:
  • JavaScript Advanced Concepts by Mosh Hamedani
  • JavaScript Masterclass by Maximilian Schwarzmüller
  • JavaScript: The Definitive Guide by David Flanagan
  • المواقع التعليمية: هناك العديد من المواقع التعليمية المتاحة لتعلم جافا سكريبت المتقدم. بعض المواقع الجيدة تشمل:
  • Mozilla Developer Network (MDN)
  • W3Schools
  • JavaScript Tutorial by Free Code Camp

أظن أن هنالك فرقا ما بين تعلم اللغة وقراءة الشيفرات، فالأولى تعتمد عليك بدرجة أولى وما ان كنت على معرفة بأساسيات اللغة أو مفاهيمها المتقدمة. أما الثانية فتخضع غالبا للمطور والمبرمج الذي كتب الكود نفسه، فهل اعتبر معايير الشيفرة النظيفة في كتابته وهيلكته للكود؟ هل الكود الذي يكتبه يستوفي معايير الجودة من مثل قابلية الصيانة، التوسع وغيرها؟ هل يستعمل أسماء دلالية وعبارات واضحة؟ هل يتبع سياقا معينا أو تتضمن شيفرته توثيقات معينة؟ - كل هاته الأشياء من شأنها أن تحدد قدرة الغير على قراءة شيفرة معينة. وليس أي مطور جافاسكربت قادر على قراءة أي شيفرة جافاسكربت كانت. هذا من جانب.

من جانب آخر، شيفرة المكتبة التي نظرت إليها غالبا ما تكون مشوشة Obfuscated وهي طريقة شائع استعمالها لجعل الأكواد صعبة القراءة وغير مفهومة، من مثل:

  • إعادة تصريح المتغيرات والدوال والكلاسات بأسماء غير معبرة من مثل x_64 أو xe_1 أو غيرها ..
  • التخلص من التعليقات والمسافات البادئة وضم الكود بسطر واحد.

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

مثل ماذكرت اخي فالكود عباره عن سطر واحد واسما المتغيرات والدوال غير مفهوم البته.

لدي تساؤل كيف تتم عملية تلوين كلمة في جمله بالجافا سكربت بدون استخدام span او اي وسم من وسوم html. مثلا تلوين الاكواد في المحررات