ES6 لجميع ملفات بداية
كل ما تحتاج لتعلمه ES6 في es6.io
سجلات
اليوم 1: 12 مايو 2017
حصلت على هذه الدورة التدريبية مجانًا من ويس بوس كهدية تقدير ❤ بدأت في النظر في نظرة عامة على هذه الدورة وإنشاء الركود.
أفكار:
- الوحدة المكتملة #1 متغيرات جديدة - إنشاء وتحديث وتحديث
-
var هو نطاق الوظيفة - يمكننا إعادة صياغة ذلك عدة مرات في نفس النطاق
-
let & const هي نطاق الكتلة - لا يمكننا إعادة صياغته مرتين في نفس النطاق
- يمكنك تحديث متغير
let ، ولكن لا يمكن تحديث متغيرات const - ومع ذلك ، يمكن أن تتغير خصائص متغير
const . ذلك لأن الكائن بأكمله غير قابل للتغيير. - تعرفت على Object.freeze () ، بحيث لا يمكن إضافة أي شيء إلى مجموعة خصائص كائن المجمد أو إزالته.
- أيضًا ، تحسينات الوظائف في الوحدة 2 المكتملة: الأسهم والوسائط الافتراضية
- لقد عرفت عن وظائف السهم من دورة #JavaScript30 ، ولكن المزيد عن التفاصيل حولها اليوم
- تعلم المزيد عن وظائف السهم ، والعوائد الضمنية ، متى وعندما لا تستخدم وظائف السهم ،
this وظائف السهم الداخلية - أيضا ، حول وسيطات الوظيفة الافتراضية
اليوم 2: 14 مايو 2017
الوحدة النمطية رقم 3 - سلاسل القالب
الأفكار: تعلمت عن:-
- سلاسل القالب ، إنشاء شظايا HTML مع حرفي القالب
- باستخدام IF ، حلقة ووظائف داخل سلاسل القالب
- القوالب الموسومة ، وبعض حالات الاستخدام وتعقيم بيانات المستخدم مع قوالب معلمة
- تم العثور عليها حول Dompurify والتي تساعد على تعقيم البيانات في DOM
اليوم 3: 15 مايو 2017
الوحدة النمطية المكتملة #4 - تحسينات سلسلة إضافية
أفكار:
- تعلمت عن
startsWith() ، endsWith() ، تشمل الأساليب () وتكرار () وقام ببعض الممارسات المتعلقة بهم - أيضًا ، نظرت إلى
str.endsWith(searchString[, length]) و str.startsWith(searchString[, position])
اليوم 4: 16 مايو 2017
الوحدة النمطية رقم 5 - التدمير
أفكار:
- تعلمت عن الكائنات المدمرة ، وإعادة تسمية المتغيرات والقيم الافتراضية
- تعلمت عن المصفوفات المدمرة والوظائف ومتغيرات التبادل
- قصاصات 1:
const { first, last, twitter } = someObjectHere - قصاصات 2:
const [ first, last, twitter ] = someArrayHere
اليوم 5: 17 مايو 2017
الوحدة النمطية المكتملة رقم 6 - الوحدة النمطية المكتملة #6 TERables & LOOPING
أفكار:
- علمت ببعض مزايا
for of for in for foreach -
for-of جعل الجعل أسهل للحلق من خلال عناصر الصفيف ومعظم الكائنات التي تشبه الصفيف مثل DOM NodeList ، الوسيطات - تعلمت عن طريقة
Array.prototype.entries() وكيف يمكننا استخدامها مع حلقة for-of - مقتطفات 1:
for (const cut of cuts) ، فقط للحصول على القيم - مقتطفات 2:
for (const [i, cut] of cuts.entries()) ، تستخدم في كل من الفهرس والقيمة
اليوم 6: 18 مايو 2017
الوحدة النمطية رقم 7 - مجموعة من تحسينات الصفيف
أفكار:
- تعلمت عن
Array.from() & Array.of() طريقة - أساليب
every الأولي للمصفوفة مثل find ، findIndex ، some - استخدم الحالة 1 لـ
Array.from() - استخدم الحالة 2 لـ Array.Protype
.some() و .every()
اليوم 7: 19 مايو 2017
الوحدة النمطية المكتملة رقم 8 - قل مرحبًا ... الانتشار و ... الراحة
أفكار:
- تعلمت عن ... انتشار المشغل و ... معلمات الراحة وهناك حالات استخدام مختلفة مع الكثير من الأمثلة
- بعض حالات الاستخدام
Rest parameters
اليوم 8: 20 مايو 2017
الوحدة المكتملة رقم 9 - ترقيات كائن حرفي
أفكار:
- تعلمت عن بعض الأشياء المفيدة مثل اختصار قيمة الممتلكات ، وقم بتعريف الطريقة اختصار ومفاتيح خاصية محسوبة
الوحدة النمطية رقم 10 - الوعود
أفكار:
- تعلمت عن كيفية عمل الوعود ، وخلق وعوداتي ، وسلاسلها والعمل بوعود متعددة
- كما promise.prototype.then () و promise.prototype.catch () أساليب إرجاع الوعود ، يمكن ربطها مثل
- وعود التسلسل
اليوم 9: 23 مايو 2017
الوحدة النمطية رقم 11 - الرموز (أحدث نوع بيانات بدائية)
أفكار:
- تعلمت عن نوع بيانات الرمز وحالات الاستخدام المختلفة.
- يمكننا استخدامه كمفتاح كائن كمعرف فريد
اليوم 10: 24 مايو 2017
أفكار:
- تعلمت عن Eslint وقابلية الاستخدام
- نظرت أيضًا في إعدادات Airbnb وقام ببعض الممارسة
- نظرت في قواعد ESLINT المختلفة وحاول فهم أهميتها ومتى تستخدمها.
اليوم 11: 25 مايو 2017
أفكار:
- تعلمت اليوم إعدادات ملفات ESLINT والخط المحدد لتمكين/تعطيل القواعد
- مزيد من المعلومات هنا
اليوم 12: 26 مايو 2017
أفكار:
- الوحدة المكتملة رقم 12 - جودة الكود مع ESLINT
- تعلمت اليوم عن وحدات JavaScript وإعداد أدوات WebPack 2
اليوم 13: 27 مايو 2017
أفكار:
- تعلمت عن إنشاء وحدات JavaScript الخاصة بنا واستيراد/تصديرها
- أيضا ، نظرت في بيان التصدير والجملة المختلفة.
اليوم 14: 28 مايو 2017
أفكار:
- وحدة مكتملة رقم 13 - وحدات JavaScript واستخدام NPM
- فعلت المزيد من الممارسة على وحدات ES6
- تعلمت عن كيفية استيراد وحدات معينة عند الحاجة إليها
اليوم 15: 29 مايو 2017
أفكار:
الوحدة النمطية رقم 14 - أدوات ES6
تعلمت عن SystemJs ، Babel & Polyfills لـ ES6
تعطي polyfills تغطية جيدة جدًا لجميع ميزات ES6 في المتصفحات القديمة
الوحدة النمطية رقم 15 - الفصول
تعلمت عن إنشاء فئة جديدة (شكل إعلان) ، وتحديد الأساليب الثابتة وطرق النموذج الأولي ، وطرق الحصول على ومجموعة
كما تعلمت عن تمديد فئة حالية ، طرق التصنيف الفرعي لفئة الوالدين والمباني
حالة استخدام بسيطة لتصنيف الفئات المدمجة و DOM هنا
اليوم 16: 30 مايو 2017
أفكار:
- الوحدة النمطية رقم 16 - المولدات
- تعلمت عن وظيفة المولدات ، والتي تُرجع كائن المولد. استخدامه للتحكم في تدفق Ajax (أشياء رائعة)
- حالة استخدام بسيطة
Generators
اليوم 17: 01 يونيو 2017
أفكار:
- تعلمت عن وكلاء ES6 وحالات الاستخدام المختلفة.
- إنه يوفر JavaScript واجهة برمجة تطبيقات شفاعة ، مما يتيح لنا فخ أو اعتراض جميع العمليات على كائن مستهدف وتعديل كيفية عمل هذا الهدف
اليوم 18: 05 يونيو 2017
أفكار:
- الوحدة النمطية رقم 18 - مجموعات وثقة
- يتيح لنا كائن
Set تخزين قيم فريدة من أي نوع ، سواء كانت القيم البدائية أو مراجع الكائن. - يتيح لنا كائن
WeakSet تخزين الأشياء بشكل ضعيف في المجموعة. - إذا لم يكن هناك إشارة أخرى إلى كائن مخزّن في
WeakSet ، فيمكن جمع القمامة. - أيضا ،
WeakSet لا يمكن التعداد
اليوم 19: 06 يونيو 2017
أفكار:
- الوحدة النمطية رقم 19 - الخريطة والخريطة الضعيفة
- يحمل كائن
Map أزواج القيمة الرئيسية. - يكرر كائن
Map عناصره في ترتيب الإدراج - A for...of الحلقة إرجاع مجموعة من [key, value] لكل تكرار. - كائن
WeakMap هو مجموعة من أزواج المفاتيح/القيمة التي تتم الإشارة إلى المفاتيح بشكل ضعيف.
اليوم 20: 28 سبتمبر 2017
أفكار:
- تم تحديث هذه الدورة مؤخرًا.
- تم تحديثه لـ ES7/ES2016 و ES8/ES2017 بما في ذلك Async+Await ، Babel 7 وأكثر!
- بدأت تبحث في الأمر من اليوم.
- بدأت مع الوعود الأصلية وحالات الاستخدام.
- بحث أيضا في خلق وعود مخصصة.
اليوم 21: 29 سبتمبر 2017
أفكار:
- اليوم راجعت Async+تنتظر مرة أخرى.
- أيضا ، نظرت في طريقة عامة للتعامل مع وظائف عدم التزامن.
اليوم 22: 30 سبتمبر 2017
أفكار:
- اليوم نظرت إلى استخدام وعود متعددة.
- نظر في حالة استخدام أخرى
Promise.all() - تعلمت كيف يمكننا أن نؤدي إلى الوظائف حتى نتمكن من استخدام Async+في انتظارها.
اليوم 23: 02 أكتوبر 2017
أفكار:
- لقد بحثت اليوم في بعض الإضافات اللغوية الجديدة والمستقبلية
- نظرت في خصائص الفصل
- أيضا ، نظرت في es8
padStart و padEnd - ES7 مشغل الأسس
- فواصل زائدة (تسمى أحيانًا "الفواصل النهائية") في الحرفية
اليوم 24: 04 أكتوبر 2017
أفكار:
- لقد بحثت اليوم في حالات استخدام
Object.entries() Object.values() - تعلمت كيف يمكن استخدامها في سيناريوهات محددة.
- أنهى fnialy الدورة؟
