أفضل 25 برنامجًا تعليميًا مجانيًا لجافا سكريبت لتحسين مهاراتك في جافا سكريبت
نشرت: 2022-03-08استمرت برمجة الواجهة الأمامية في الارتفاع في عام 2021 ، ولا يمكننا توقع سوى مرحلة نمو ضخمة أخرى للغات الواجهة في عام 2022. يتواصل الملايين من مستخدمي الويب الجدد ، وسيتعرفون جميعًا في النهاية على علوم الكمبيوتر وتطوير الويب و البرمجة. أثبتت JavaScript نفسها كشركة رائدة في مكتبة لغات البرمجة ، متجاوزةً كلاسيكيات العصور القديمة مثل Java ؛ يقول البعض أن جافا سكريبت بلغت ذروتها. نشعر أنه لا يزال أمامه مجال للارتقاء والسيطرة على خيارات لغة البرمجة.
يعمل برنامج ECMAScript 6 على قدم وساق بالفعل ، ولا يمر يوم لا يكتب فيه شخص ما عن ES6 وما يقدمه لمطوري JavaScript الجدد والمتمرسين. يبدو مستقبل JavaScript رائعًا لكليهما ؛ مطوري الويب والبرمجيات. تعد هندسة الأجهزة والبرمجيات مجالين جديدين يمكن رؤية JavaScript فيهما مهيمنين ، خاصة من خلال الأطر الشائعة مثل Node.js - تصل JavaScript إلى أسواق جديدة في كل لحظة. ستجد العديد من اللغات صعوبة في مواكبة ذلك ، فقد تجاوزت قوة المجتمع الكامنة وراء JavaScript العديد من الحجج المنطقية والعقلانية التي قد تشير إلى أن اللغات الأخرى أفضل. تحليل شيء ما لمعرفة ما إذا كان مناسبًا لوظيفتك التالية ، يأتي إلى طرح بعض الأسئلة الصادقة على نفسك.
أثبتت JavaScript كلغة برمجة للعالم أنها مستدامة وقوية وموثوقة. لم يكن تعلم JavaScript أكثر إثارة للاهتمام من أي وقت مضى ، فهناك الكثير من الوظائف بدوام كامل ومستقل ، والكثير من المشاريع الشيقة للعمل عليها في GitHub ، والتدفق المستمر للمقالات والبرامج التعليمية الجديدة من مجتمع JavaScript ، ونظام اللغات صحي للغاية ، ومفيدة للغاية عندما يتعلق الأمر بها. نريد أن نساهم في هذا الجانب من المجتمع من خلال إدراج بضع عشرات من مقالات JavaScript التعليمية التي تم نشرها في الأشهر 2-3 الماضية ، مع التأكد من أن جودة المقالات تتماشى مع أحدث نصائح وحيل JavaScript والمعايير بالطبع ، مثل ES6.
كتابة الجيل القادم من وحدات JavaScript القابلة لإعادة الاستخدام في ECMAScript 6
قضى Jim Cowart الكثير من الوقت في محاولة فهم ES6 والعمل على أكثر ميزاته وخصائصه سرية التي يمكن أن تساعد المطورين على البناء بشكل أفضل وأسرع ومرونة أكبر. الهدف الرئيسي للمقال هو مساعدة مطوري الويب القدامى والجدد على بناء مكتبات ES6 التي يمكن استخدامها في سياق ES5 ، مما يعني أن Jim سيشرح أيضًا ويوضح كيف يمكن استخدام Babel لتحويل مكتبات ES6 إلى مكتبات ES5 تعمل بكامل طاقتها ، والسبب في ذلك هو أن متصفحات الويب لا تزال تحاول اللحاق بالمعيار الجديد. لجعل المكتبة قابلة لإعادة الاستخدام ويسهل العمل معها للمطورين الآخرين ، يركز Jim كثيرًا على الوحدات النمطية ، ويعطي وحدة نمطية لكل شيء تقريبًا ، بطريقة تبدو مناسبة.
تعرف على كيفية عمل تصورات البيانات باستخدام D3.js
لا يمكن أن يكون تصور البيانات أكثر أهمية في العصر الحالي لنمو الويب ونمو الأعمال من خلال التكنولوجيا وأغراض علوم البيانات العامة. ويمكن أن يكون الأمر محددًا لدرجة أنه في بعض الأحيان لا يقوم سوى عدد قليل من الأشخاص الموهوبين جدًا بإنشاء هذا النوع من التصورات التي تجذب انتباه بعض المواقع الإعلامية الأكثر شهرة على هذا الكوكب ، على الرغم من أنه ليس دائمًا قانونيًا. يمكن أن يساعد تصور البيانات في تصور مجموعات البيانات البسيطة ، وتحليل موقع الويب الخاص بك من أجل الأداء ، والغوص بشكل أعمق في بيانات التحليلات ، وما إلى ذلك.
على مر السنين ، أصبحت JavaScript مفضلة لدى علماء البيانات الذين يرغبون في اللعب بالبيانات داخل المتصفح وبدقة فعالة. منذ إصدار D3.js في عام 2011 ، تجاوزت المكتبة أي منافسة محتملة. إنه اسم مألوف لمطوري JavaScript الذين يحتاجون إلى أداة معقدة للقيام بمهام علوم البيانات المعقدة.
مكتبات التطبيقات الأمامية وبنى المكونات
كتب كودي ليندلي مقالة جافا سكريبت برأيها تعمل كدليل تعليمي في مساعدة المطورين على تعلم كيف أصبحت مكونات جافا سكريبت الأصلية ضمن مكتبات وأطر عمل جافا سكريبت الأكثر شيوعًا كما هي. يسهل فهم هذا المفهوم الاختيار بين الأطر أو المكتبات للعمل معها ، لأنك تدرك فجأة أنه لن يكون هناك الكثير من العمل لتعلم شيء جديد ، لأنه سيستخدم نفس بنية المكون مثل إطار العمل الأخير.
أفضل ممارسات React.js لعام 2016
كانت React منتشرة في جميع الأخبار في عام 2015. إنها مكتبة JavaScript الأسرع نموًا التي شاهدها المجتمع في السنوات القليلة الماضية ، ولا يزال يتم استخدامها بنشاط من قبل مئات الآلاف من المطورين كل يوم. تجعل React من السهل جدًا إنشاء واجهات واجهة مستخدم أصلية لا تتداخل مع جوانب أخرى من مشروعك الذي تعمل عليه ، لذلك بمعنى ما يمكنك استخدام React لبناء واجهة المستخدم الخاصة بك ، أو يمكنك استخدام React لمساعدة نفسك في بناء واجهة مستخدم أفضل ، ولن تتولى React في أي وقت دور المكتبة الرئيسية ، وبدلاً من ذلك تعمل فقط عندما تطلب منها ذلك. على الرغم من أن كل هذا يبدو بسيطًا ، إلا أنه لا يزال هناك منحنى تعليمي ، ويخبرنا المدير التنفيذي للتكنولوجيا في RisingStack ، بيتر مارتون ، كل شيء عن أفضل ممارسات React ، من وجهة نظره.
جديد على Ember؟ أبدأ هنا! (برنامج تعليمي 2016)
لقد أثبتنا بالفعل رأينا حول Ember ، إنه إطار حديث لتطوير الويب كان مناسبًا تمامًا لإحدى مقالاتنا الحديثة ؛ أفضل أطر عمل جافا سكريبت. يمكّن Ember مطوري JavaScript من إنشاء تطبيقات ويب حديثة لأجهزة سطح المكتب والأجهزة المحمولة دون المساومة كثيرًا على ما قد تقدمه مكتبات أخرى مدمجة معًا. إذا كنت جديدًا على Ember وسمعت عنه مؤخرًا ، فإننا نوصي بشدة بالنظر في هذا البرنامج التعليمي من Frank Treacy. أسلوب كتابته وإرشاداته مثالية لفهم إطار Ember بشكل أعمق.
كيف تتعلم ES6
عرف العديد من مطوري JavaScript ماهية ES6 قبل إصدار المعيار. إنها طريقة لغات البرمجة ، تصبح المعايير متاحة كمسودات للمجتمع لتجربتها ، قبل إجراء أي نهائيات. الأمر نفسه ينطبق على ECMAScript 7 أو ES7 ، الميزات متوفرة بالفعل ، لكن الجميع ينتظر على المتصفحات اللحاق بالركب ، وهي ليست دائمًا عملية سلسة. قام Eric Elliott بتجميع مجموعة مفيدة من المقالات والنصائح حول منشوره على Medium حول كيفية التعامل بشكل أفضل مع عملية التعلم ES6.
تعريفات الوظائف في JavaScript
يمنح Marius Schulz مطوري JavaScript القليل من المعرفة حول كيفية عمل تعريفات الوظائف في JavaScript ، وكيف يمكن التعامل معها بثلاث طرق مختلفة ، خاصة منذ إصدار ES6 ووظائف السهم.
ابدأ مكتبة JavaScript الخاصة بك باستخدام webpack و ES6
مكتبات JavaScript عبارة عن نصوص جافا سكريبت صغيرة جدًا (ليست صغيرة دائمًا) تساعد المطورين على توسيع مشروعاتهم بوظيفة معينة قد تحتاج إلى إنشائها بشكل منفصل. يقول البعض أن React.js تعمل كمكتبة ، حيث يقول البعض إنها أكثر من إطار عمل. مهما كانت الحالة ، يقوم Krasimir Tsonev بتضييق عملية إنشاء مكتبة JavaScript باستخدام ES6 ومساعدة WebPack.
7 وظائف JavaScript أساسية
David Walsh هو المفضل لدى العديد من مطوري الواجهة الأمامية ، وهو مطور ثابت وأيضًا كاتب لا يخشى مشاركة أفكاره وآرائه وخبراته مع عالم الواجهة الأمامية. يعد موقعه على الويب مثالًا رائعًا على المدى الذي يمكن أن يتم فيه تطوير التطوير المحلي ، وكيف يمكن تنفيذه بشكل جميل في شكل موقع ويب للمحتوى. ومع ذلك ، فإن مشاركته لا تتعلق بالتصميم ، ولكن وظائف JavaScript ؛ جزء أساسي من اللغة هو الوظائف. يقدم ديفيد سبع وظائف إضافية ربما نكون قد تخلينا عنها أثناء تعلمنا للغة وجوانبها الأكثر أهمية.
أصبحت خرائط Google سهلة مع GMaps.js
كل شيء على الويب ينحصر في عنصر ، عنصر محدد ينفذ ميزة محددة. في حالة الخرائط ، يمكننا استخدام أداة خرائط Google الأصلية من صفحة Google الرسمية ، أو يمكننا الاعتماد على مكتبات الجهات الخارجية التي توفر وظائف أكثر قليلاً مما نخرجه من عنصر واجهة مستخدم مستقل. هنا لدينا برنامج تعليمي حول أفضل طريقة للتعامل مع مكتبة GMaps.js وتحقيق أقصى استفادة من إنشاء خرائطك.
نتائج استبيان مطوري JavaScript
قد لا تبدو الاستطلاعات كأنها برامج تعليمية على الإطلاق ، ولكن بمعنى أنها كذلك. إنها برامج تعليمية موجهة للمجتمع ، والطريقة التي يفكر بها المجتمع ، وما يعتبره المجتمع هو الأفضل للتعامل مع اللغة ، JavaScript ، نظرًا لتطورها الحديث. لذا ، نعم ، نوصي باستخدام هذا الاستطلاع لمعرفة المزيد حول مطوري JavaScript ، وما هي آرائهم وتوصياتهم ، وربما دمج بعض هذه الأفكار في سير العمل الإنتاجي الخاص بك.
رد فعل عالمي
لقد غيرت مكتبات مثل React الطريقة التي يتم بها إنتاج التطبيقات من جانب العميل. هناك العديد من الفوائد لطريقة البرمجة هذه ، وتحسين الأداء ، وسهولة الوصول إليها. ومع ذلك ، هناك أيضًا عيوب ، وأحد العيوب هو تقديم محتوى JavaScript للمستخدمين الذين ليس لديهم متصفحات تدعم JavaScript أو روبوتات محرك بحث لا تعمل بشكل جيد مع JavaScript. النبأ السار هو أنه تم التعرف على هذه المشكلة وأنه من الممكن إنشاء تطبيق كامل الميزات من جانب العميل يمكن عرضه على الخادم. تقود React الطريق لجعل تنفيذ JavaScript من جانب الخادم والعميل حقيقة واقعة ، وقد نشر Jack Franklin برنامجًا تعليميًا يبحث بشكل أعمق في المشكلات وكيفية حلها.
كيفية جدولة مهام الخلفية في JavaScript
يقدم Craig Buckler شرحًا موجزًا لكيفية عمل مهام الخلفية في JavaScript ، وكيفية التعامل معها بشكل أفضل. كتب Craig Buckler آلاف المقالات لـ SitePoint ، ولديه خبرة واسعة في لغات مثل JavaScript و HTML5 و CSS3 - لذا يمكنك اعتبار كلمته صحيحة عندما يتحدث عن مثل هذه الموضوعات العامة.
تجعل موجزات RSS محتوى الويب المنشور أكثر سهولة في الوصول إليه. تدعم 99٪ من المدونات اليوم موجز ويب لـ RSS ، مما يسهل على الآخرين تلقي المحتوى بانتظام من خلال استخدام الخلاصات. تشمل الاستخدامات الأخرى للخلاصات القدرة على تحليلها ، ثم استخدام البيانات التي تم تحليلها بطرق مختلفة ، سواء لموقع مزرعة الروابط ، أو لتطبيق يحتاج إلى مجموعات محددة من البيانات من موجز RSS الموزع ، يستكشف Raymond Camden هذا الموضوع أكثر ويحسب الخيارات الممكنة لمطوري JavaScript الذين يرغبون في استخدام JavaScript لتحليل موجز ويب لـ RSS.
يشارك Dudley Storey قصته حول كيفية تحويل موقعه على الويب ليكون خاليًا تمامًا من أي أطر عمل JavaScript ، وبدلاً من ذلك استخدم Vanilla JavaScript لإنشاء تجربة تصفح ويب تفاعلية لقرائه ، وكان أحدث ابتكاره عبارة عن برنامج تعليمي حول كيفية تدوير عناصر الصفحة الفردية باستخدام Vanilla JavaScript. إنه برنامج تعليمي رائع سيفتح الأبواب أمام العديد من الطرق التفاعلية الأخرى لاستخدام JS في مشاريع الويب الخاصة بك.
كيفية إنشاء تطبيق Todo باستخدام React و Redux و Immutable.js
تعمل React و Redux و Immutable.js على تطوير أسماء مكتبة JavaScript بسرعة والتي تغير الطريقة التي ندرك بها التطور وكيف نبني التطبيقات لجميع الأجهزة. يعطينا Emre Guneyler في هذه المقالة مقدمة سريعة عن جميع المكتبات الثلاث ، وكيفية إنشاء "تطبيق todo" واحد من شأنه أن يمنحك رؤية أفضل لكيفية إنشاء التطبيقات باستخدام الأطر والمكتبات الحديثة.
5 خطوات لإعداد الرمز Angular 1 الخاص بك إلى Angular 2
نحن معجبون للغاية بـ Angular.js - فقط قم بإلقاء نظرة على بعض من أفضل محتويات Angular.js لدينا ، مثل قوالب موقع AngularJS المستجيبة ، وقوالب إدارة AngularJS ، وموارد المجتمع لـ Angular 2 - نحن مستعدون جيدًا للترحيب بـ Angular 2 ، وحتى أكثر من ذلك مع إضافة هذا البرنامج التعليمي من Oren Farhi. إن ظهور Angular 2 أمر لا مفر منه ، وإذا كنت مطور Angular.js نشطًا في الوقت الحالي ، فاقرأ هذا البرنامج التعليمي لتحضير نفسك للتغييرات القادمة ، وقم بإعداد الكود الخاص بك للانتقال السهل إلى إصدار جديد.
نظرة عامة حول ES6 في 350 نقطة
كان ES6 هو أكبر تحديث لمعيار JavaScript في السنوات القليلة الماضية ، وهو إضافة ضخمة إلى لغة برمجة قوية بالفعل ، ومع ذلك فإن هذه الإضافة تغير حقًا طريقة عمل JavaScript على الويب. الطريقة التي ستستمر بها في العمل حيث تبدأ المتصفحات في دمج المزيد من الميزات الصعبة. مستودع GitHub هذا عبارة عن مزيج من أكثر من 350 نقطة نقطية تناقش الكثير من الجوانب المختلفة لـ ES6 ، مثل الميزات وكيفية استخدام هذه الميزات. تعمل أيضًا ، وما تبدو عليه الوظائف الجديدة ، مع الكثير من روابط الموارد الصادرة لمساعدتك على تعميق فهمك لـ ES6.
في نفس الوقت JavaScript: سلسلة من 3 أجزاء حول التزامن في JS
يستغرق Kyle Simpson لحظة لمشاركة أفكاره حول التزامن وعدم التزامن في JavaScript وكيف يمكنك استخدام هذه المفاهيم نفسها في بيئة التطوير الخاصة بك. محتوى رائع ، وأكثر من ذلك بكثير برنامج تعليمي متعمق ينقسم إلى ثلاثة أجزاء مختلفة.
تكلفة الأطر
حاول تعلم كيفية البرمجة في JavaScript دون الحصول على نصائح مكثفة حول كيفية استخدام إطار عمل لحل جميع مشاكلك ، فالكثير من تعلم JavaScript هذه الأيام يعتمد على أطر ، مثل React و Angular و Backbone وغيرها. نعم ، تُسهل أطر العمل إنشاء تطبيقات الويب والجوّال بسرعة ، ولكن ما هي التكاليف الحقيقية لاستخدام أطر العمل ، وليس JS الأصلية (الفانيليا)؟ يصور بول لويس هذا من خلال تجميع تحليل معياري موجز يساعد المطورين الجدد (وربما المتمرسين) على اختيار إطار عمل أفضل.
تشريح تطبيق الزاوي الكبير
Angular حاليًا هو إطار عمل JavaScript رائد لبناء تطبيقات ويب سريعة. ومع ذلك ، يمكن أن يكون إنشاء تطبيقات Angular ممتدة وكبيرة أمرًا صعبًا ، وقد يقول البعض أنه يصل إلى النقطة التي تكون فيها على وشك أن تصبح مجنونًا ، لذلك يأخذ Kristian Poslek وقته لرد الجميل للمجتمع من خلال تقديم برنامج تعليمي حول كيفية إنشاء تطبيقات Angular كبيرة دون أن تصاب بالجنون.
Face Proximity Detection باستخدام JavaScript
أصبحت لغات البرمجة أكثر ذكاءً ، كل يوم. في البرنامج التعليمي الخاص به ، يشرح Peter Bengtsson كيف يمكننا استخدام JavaScript لبناء محرك لاكتشاف تقارب الوجوه يمكنك استخدامه في تطبيقاتك ومشاريعك على الفور.
ما الذي يمكن أن يفعله JavaScript؟
ألست متأكدًا تمامًا مما يمكن أن يفعله JavaScript؟ يقدم David Small عرضًا تقديميًا بسيطًا ولكنه فعال حول الأشياء التي يمكن أن يقوم بها JavaScript والغرض الرئيسي من هذه اللغة. قراءة مثيرة للاهتمام لأي شخص مهتم بـ JavaScript ، وهو برنامج تعليمي يعلم الجوانب الأوسع للغة.
التخلص من إرهاق جافا سكريبت - إصدار رد الفعل
الإرهاق قاتل للإنتاجية ، والعمل مع شيء ما لفترة طويلة يمكن أن يتسبب في إصابة المرء بإرهاق عميق قد يستمر لفترة طويلة ، ولكن بالطبع هناك نوع من الإرهاق الذي ننسبه إلى أطر عمل معينة ، وهو ما يحدث في هذه الحالة. ليكون رد فعل. إذن ، كيف نتخلص من تعبنا تجاه React؟ لدى Reto Schlapfer إجابة على هذا السؤال ، الغوص في.
موارد لتعلم JavaScript عبر الإنترنت
لقد اكتشفنا بعضًا من أفضل البرامج التعليمية المحدثة على JavaScript التي يقدمها الويب ، ولكن ماذا ستفعل بكل هذه البرامج التعليمية إذا لم يكن لديك أي معرفة مسبقة بجافا سكريبت؟ أعتقد أنه من غير المحتمل إلى حد كبير ، لأنك بحثت عن دروس JavaScript بشكل خاص. ومع ذلك ، من المحتمل أنك تريد توسيع نطاق معرفتك بـ JS أو ربما تحديثها بعد فترة طويلة من الغياب. في هذه الحالة ، إليك قائمة يمكن الوصول إليها بسهولة من مواقع الويب والأنظمة الأساسية التي تقدم تعلم JavaScript عبر الإنترنت مجانًا. فقط الأفضل.
- Codecademy - منصة لفهم أساسيات تطوير الويب ، ولا سيما JavaScript. Codecademy هو أحد المواقع الأولى التي يبدأ بها مطورو الواجهة الأمامية الجدد والطامحين حياتهم المهنية. إنه ممتع ، إنه تفاعلي ، ويقوم بالمهمة بشكل جيد.
- Learn-JS - هي منصة مشابهة لـ Codecademy ، مع مجموعة مختلفة من المهام ومنحنيات التعلم ، ومفيدة للغاية بعد الانتهاء من Codecademy ، لتحسين مهاراتك المكتسبة حديثًا وربما تلاحظ ما قد فاتك.
- freeCodeCamp - منصة ترميز مجتمعية سريعة التطور حيث يمكن لكل عضو في الموقع المشاركة في حل المشكلات والتحديات ومن ثم المساعدة في دفع تطبيقات جديدة ومثيرة للمنظمات غير الربحية التي لا تستطيع تحمل تكلفة المبرمجين المحترفين. انه وضع فوز.
- دليل النمط - تساعد أدلة النمط على بناء كود يسهل على الآخرين البناء عليه ، وأصدرت AirBNB دليل أسلوبهم الخاص وأصبح سريعًا دليل أسلوب JavaScript الأكثر شيوعًا الذي يمكنك العثور عليه على GitHub ، أو في أي مكان آخر لهذا الأمر.
في الختام ، من الواضح جدًا أن تعلم JavaScript لا ينبغي أن يمثل مشكلة كبيرة ، فالمطورون النشطون يشاركون باستمرار نصائحهم ورؤاهم وبرامجهم التعليمية حول كيفية أن تصبح أفضل ، وكذلك كيفية استخدام اللغة إلى أقصى إمكاناتها. نأمل حقًا أن تكون هذه الموارد ذات فائدة قصوى لعملية التعلم الخاصة بك.