أفضل 25 برنامجًا تعليميًا مجانيًا لجافا سكريبت لتحسين مهاراتك في JavaScript

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

يعمل برنامج 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 و Arrow Functions.

ابدأ مكتبة 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 في JavaScript - خيارات

تجعل موجزات RSS محتوى الويب المنشور أكثر سهولة في الوصول إليه. تتمتع 99٪ من المدونات اليوم بدعم موجز ويب لـ RSS ، مما يسهل على الآخرين تلقي المحتوى بشكل منتظم من خلال استخدام الخلاصات. تشمل الاستخدامات الأخرى للخلاصات القدرة على تحليلها ، ثم استخدام البيانات التي تم تحليلها بطرق مختلفة ، سواء لموقع مزرعة الروابط ، أو لتطبيق يحتاج إلى مجموعات محددة من البيانات من موجز RSS الموزع ، يستكشف Raymond Camden هذا الموضوع أكثر ويحسب الخيارات الممكنة لمطوري JavaScript الذين يرغبون في استخدام JavaScript لتحليل موجز ويب لـ RSS.

تدوير العناصر في التمرير باستخدام JavaScript

يشارك 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 لدينا ، مثل Responsive AngularJS Website Templates ، AngularJS Admin Templates ، و Community Resources for 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؟ أعتقد أنه من غير المحتمل إلى حد كبير ، نظرًا لأنك بحثت عن دروس JavaScript بشكل خاص ، ولكن من المحتمل أنك تريد توسيع نطاق معرفتك بـ JS ، أو ربما تحديثها بعد فترة طويلة من الغياب. في هذه الحالة ، إليك قائمة يمكن الوصول إليها بسهولة من مواقع الويب والأنظمة الأساسية التي تقدم تعلم JavaScript عبر الإنترنت مجانًا. فقط الأفضل.

• Codecademy - منصة لفهم أساسيات تطوير الويب ، ولا سيما JavaScript. Codecademy هو أحد المواقع الأولى التي يبدأ بها مطورو الواجهة الأمامية الجدد والطامحين حياتهم المهنية. إنه ممتع ، إنه تفاعلي ، ويقوم بالمهمة بشكل جيد.
• Learn-JS - هي منصة مشابهة لـ Codecademy ، مع مجموعة مختلفة من المهام ومنحنيات التعلم ، ومفيدة للغاية بعد الانتهاء من Codecademy ، لتحسين مهاراتك المكتسبة حديثًا وربما تلاحظ ما قد فاتك.
• freeCodeCamp - منصة ترميز مجتمعية سريعة التطور حيث يمكن لكل عضو في الموقع المشاركة في حل المشكلات والتحديات ومن ثم المساعدة في دفع تطبيقات جديدة ومثيرة للمنظمات غير الربحية التي لا تستطيع تحمل تكلفة المبرمجين المحترفين. انه وضع فوز.
• دليل النمط - تساعد أدلة الأنماط على إنشاء كود يسهل على الآخرين البناء عليه ، وأصدرت AirBNB دليل أسلوبهم الخاص وسرعان ما أصبح دليل أسلوب JavaScript الأكثر شيوعًا الذي يمكنك العثور عليه على GitHub أو في أي مكان آخر لهذا الأمر.

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