ES6 untuk semua file starter
Semua yang perlu Anda pelajari ES6 di Es6.io
Log
Hari 1: 12 Mei 2017
Dapatkan kursus ini secara gratis dari Wes Bos sebagai hadiah apresiasi ❤️ mulai melihat gambaran kursus ini dan menyiapkan Slack.
Pikiran:
- Modul Selesai #1 Variabel Baru - Pembuatan, Pembaruan dan Pelingkupan
-
var adalah lingkup fungsi - Kita dapat mengulanginya beberapa kali dalam ruang lingkup yang sama
-
let & const adalah cakupan blok - Kami tidak dapat mengulanginya dua kali dalam cakupan yang sama
- Anda dapat memperbarui variabel
let , tetapi variabel const tidak dapat diperbarui - Namun, sifat -sifat variabel
const dapat berubah. Itu karena seluruh objek tidak dapat diubah. - Datang untuk mengetahui tentang objek.freeze (), sehingga tidak ada yang dapat ditambahkan atau dihapus dari set properti dari objek beku.
- Juga, peningkatan Fungsi Modul #2: Panah dan Argumen Default
- Saya tahu tentang fungsi panah dari kursus #JavaScript30, tetapi lebih dalam detail tentang itu hari ini
- Belajar lebih banyak tentang fungsi panah, pengembalian implisit, kapan & kapan tidak menggunakan fungsi panah, fungsi panah bagian dalam
this - Juga, tentang argumen fungsi default
Hari 2: 14 Mei 2017
Modul Selesai #3 - String Template
Pikiran: belajar tentang:-
- String template, membuat fragmen html dengan literal template
- Menggunakan IF, loop dan fungsi di dalam string template
- Templat Tagged, beberapa kasus penggunaan dan membersihkan data pengguna dengan templat yang ditandai
- Ditemukan tentang DomPurify yang membantu membersihkan data di DOM
Hari 3: 15 Mei 2017
Modul Selesai #4 - Perbaikan String Tambahan
Pikiran:
- Belajar tentang
startsWith() , endsWith() , termasuk () & mengulangi () metode dan melakukan beberapa praktik yang terkait dengannya - Juga, melihat ke
str.endsWith(searchString[, length]) dan str.startsWith(searchString[, position])
Hari 4: 16 Mei 2017
Modul Selesai #5 - Menghancurkan
Pikiran:
- Belajar tentang objek yang merusak, mengganti nama variabel dan nilai default
- Belajar tentang destrukturisasi array, fungsi dan variabel bertukar
- Cuplikan 1:
const { first, last, twitter } = someObjectHere - Cuplikan 2:
const [ first, last, twitter ] = someArrayHere
Hari 5: 17 Mei 2017
Modul Selesai #6 - Modul Selesai #6 Iterables & Looping
Pikiran:
- Belajar tentang beberapa keunggulan
for of loop over for , foreach dan for in -
for-of membuat lebih mudah untuk melingkar melalui elemen array dan sebagian besar objek seperti array seperti dom nodelist, argumen - Mempelajari metode
Array.prototype.entries() dan bagaimana kita dapat menggunakannya dengan for-of loop - Cuplikan 1:
for (const cut of cuts) , hanya untuk mendapatkan nilainya - Cuplikan 2:
for (const [i, cut] of cuts.entries()) , digunakan untuk indeks dan nilai
Hari 6: 18 Mei 2017
Modul Selesai #7 - Penyiar Peningkatan Array
Pikiran:
- Belajar tentang
Array.from() & Array.of() metode - Metode prototipe array seperti
find , findIndex , some & every - Gunakan kasus 1 untuk
Array.from() - Gunakan kasus 2 untuk array.prototype
.some() & .every()
Hari 7: 19 Mei 2017
Modul Selesai #8 - Sapa ... menyebar dan ... istirahat
Pikiran:
- Belajar tentang ... spread operator & ... parameter istirahat dan ada berbagai kasus penggunaan dengan banyak contoh
- Beberapa kasus penggunaan untuk
Rest parameters
Hari 8: 20 Mei 2017
Modul Selesai #9 - Peningkatan Objek Literal
Pikiran:
- Belajar tentang beberapa hal praktis seperti singkatan nilai properti, steno definisi metode dan kunci properti yang dihitung
Modul Selesai #10 - Janji
Pikiran:
- Belajar tentang bagaimana janji bekerja, menciptakan janji saya sendiri, merantai mereka dan bekerja dengan banyak janji
- Sebagai metode janji.prototype.then () dan janji
- Janji Rantai
Hari 9: 23 Mei 2017
Modul Selesai #11 - Simbol (Tipe Data Primitif Terbaru)
Pikiran:
- Belajar tentang tipe data simbol dan berbagai kasus penggunaan.
- Kita dapat menggunakannya sebagai kunci objek sebagai pengidentifikasi unik
Hari 10: 24 Mei 2017
Pikiran:
- Belajar tentang eslint dan kegunaannya
- Juga, melihat ke dalam pengaturan Airbnb dan melakukan beberapa latihan
- Melihat ke berbagai aturan Eslint dan mencoba memahami pentingnya mereka dan kapan menggunakannya.
Hari 11: 25 Mei 2017
Pikiran:
- Hari ini dipelajari tentang pengaturan file & saluran ESLINT untuk mengaktifkan/menonaktifkan aturan
- Info lebih lanjut di sini
Hari 12: 26 Mei 2017
Pikiran:
- Modul Selesai #12 - Kualitas Kode dengan Eslint
- Hari ini belajar tentang modul JavaScript dan pengaturan alat web Webpack 2
Hari 13: 27 Mei 2017
Pikiran:
- Belajar tentang membuat modul JavaScript kami sendiri dan mengimpor/mengekspornya
- Juga, melihat ke pernyataan ekspor dan berbagai sintaksis.
Hari 14: 28 Mei 2017
Pikiran:
- Modul Selesai #13 - Modul JavaScript dan menggunakan NPM
- Melakukan lebih banyak latihan pada modul ES6
- Belajar tentang cara mengimpor modul tertentu saat dibutuhkan
Hari 15: 29 Mei 2017
Pikiran:
Modul Selesai #14 - ES6 Tooling
Belajar tentang SystemJs, Babel & Polyfills untuk ES6
Polyfills memberikan cakupan yang sangat baik untuk semua fitur ES6 di browser lama
Modul Selesai #15 - Kelas
Belajar tentang membuat kelas baru (bentuk deklarasi), mendefinisikan metode statis & metode prototipe, mendapatkan & mengatur metode
Juga, belajar tentang memperluas kelas yang sudah ada, metode subklassing dari kelas induk dan subklassing built-in
Kasing Penggunaan Sederhana Untuk Kelas Built-In Subklassing dan DOM Di Sini
Hari 16: 30 Mei 2017
Pikiran:
- Modul Selesai #16 - Generator
- Belajar tentang fungsi generator, yang mengembalikan objek generator. Menggunakannya untuk kontrol aliran Ajax (barang yang luar biasa)
- Kasus penggunaan sederhana untuk
Generators
Hari 17: 01 Juni 2017
Pikiran:
- Belajar tentang proksi ES6 dan berbagai kasus penggunaannya.
- Ini memberikan JavaScript API perantaraan, memungkinkan kami untuk menjebak atau mencegat semua operasi pada objek target dan memodifikasi bagaimana target ini beroperasi
Hari 18: 05 Juni 2017
Pikiran:
- Modul Selesai #18 - Set dan Lemah
- Objek
Set memungkinkan kami menyimpan nilai -nilai unik dari jenis apa pun, baik nilai primitif atau referensi objek. - Objek
WeakSet memungkinkan kami menyimpan benda -benda yang dipegang dengan lemah dalam sebuah koleksi. - Jika tidak ada referensi lain untuk objek yang disimpan di
WeakSet , mereka dapat dikumpulkan. - Juga,
WeakSet tidak dapat dihitung
Hari 19: 06 Juni 2017
Pikiran:
- Modul Selesai #19 - Peta dan Peta Lemah
- Objek
Map memegang pasangan nilai kunci. - Objek
Map mengulangi elemen -elemennya dalam urutan penyisipan - for...of loop mengembalikan array [key, value] untuk setiap iterasi. - Objek
WeakMap adalah kumpulan pasangan kunci/nilai di mana tombol dirujuk dengan lemah.
Hari 20: 28 Sep 2017
Pikiran:
- Kursus ini diperbarui baru -baru ini.
- Diperbarui untuk ES7/ES2016 dan ES8/ES2017 termasuk Async+Await, Babel 7 dan banyak lagi!
- Mulai melihatnya mulai hari ini.
- Dimulai dengan janji asli dan kasus penggunaannya.
- Juga melihat ke dalam menciptakan janji khusus.
Hari 21: 29 Sep 2017
Pikiran:
- Hari ini saya meninjau Async+menunggu sekali lagi.
- Juga, melihat ke cara generik untuk menangani kesalahan fungsi async.
Hari 22: 30 Sep 2017
Pikiran:
- Hari ini saya melihat beberapa janji.
- Melihat ke satu lagi kasus penggunaan untuk
Promise.all() - Belajar tentang bagaimana kita dapat menjanjikan fungsi sehingga kita dapat menggunakan async+menunggu mereka.
Hari 23: 02 Okt 2017
Pikiran:
- Hari ini saya melihat beberapa tambahan bahasa baru & masa depan
- Melihat ke properti kelas
- Juga, melihat ke ES8
padStart dan padEnd - Operator Eksponasi ES7
- Trailing commas (kadang -kadang disebut "koma terakhir") dalam literal
Hari 24: 04 Okt 2017
Pikiran:
- Hari ini saya melihat kasus
Object.entries() dan Object.values() - Belajar tentang bagaimana itu dapat digunakan dalam skenario tertentu.
- Secara lengkap menyelesaikan kursus?
