Pengembangan dalam JavaScript - kursus 39.500 gosok. dari IBS Training Center, pelatihan 40 jam, Tanggal 26 November 2023.
Miscellanea / / November 28, 2023
Topik yang dibahas:
1. bahasa JavaScript:
Versi dan implementasi JavaScript;
Area penerapan JavaScript (browser, server, pengembangan seluler);
Tipe data: String, Number, Boolean (konsep kebenaran dan kepalsuan);
Operator, prioritas operator;
Deklarasi variabel: var, const, let;
Perulangan: sementara, untuk, untuk… dalam, untuk…dari;
Bekerja dengan angka dan string;
Nilai nol dan tidak terdefinisi: perbedaan dan tujuan penerapan;
Bekerja dengan konsol;
Pengecualian dalam JavaScript.
2. JSON, objek dan array:
Format JSON, contoh;
JSON.mengurai dan merangkai;
Objek, bekerja dengan kelas Object;
Membuat objek (menggunakan {} literal, operator baru, metode pembuatan);
Warisan prototipe, referensi __proto__;
Pengambil dan penyetel;
Operator in dan hasOwnProperty, konsep properti yang dapat dihitung;
metode toString(), memanggil dan mengganti metode;
metode valueOf(), memanggil dan mengganti metode;
Membuat array: literal dan new Array();
Perubahan otomatis panjang array;
Mendapatkan dan mengatur panjang array, memotong array;
Menggunakan metode join() dan concat();
Menggunakan metode pengurutan, mengatur urutan array;
Menggunakan metode irisan dan penyambungan;
Menggunakan metode push, pop, shift, unshift: membuat tumpukan atau antrian.
3.Bekerja dengan tanggal dan string:
Menggunakan konstruktor Date() baru;
Memahami representasi komputer tentang tanggal sebagai waktu dengan Epoch;
Menggunakan getTime() dan setTime();
Mengurai representasi string tanggal;
Opsi untuk membuat string di JS: menggunakan tanda kutip tunggal dan ganda;
Interpolasi string (string dalam apostrof);
Melarikan diri dari karakter khusus dalam sebuah string;
Penggabungan string, konversi ke huruf besar dan kecil;
Menemukan substring menggunakan indexOf() dan lastIndexOf();
Memilih substring menggunakan substring() dan substr()
Menggunakan metode include, endWith, startWith.
4. Menggunakan JavaScript di Browser: Model DOM:
Mengelola jendela browser, dokumen, acara dan gaya (gaya CSS);
Objek jendela dan kegunaannya;
Menghubungkan kode JavaScript ke halaman HTML;
Urutan eksekusi skrip pada halaman;
Caching skrip, server CDN, pemuatan ulang paksa JavaScript;
Bekerja dengan tautan, menghubungkan JavaScript ke tautan;
Acara onload dan penggunaannya;
Serangan XSS di situs;
Bekerja dengan DOM: menggunakan window, document, childNodes;
Memanipulasi dokumen menggunakan DOM: membuat, menghapus, memindahkan elemen;
Menggunakan getElementById(), getElementsByTagName(), getElementsByClassName() untuk menemukan elemen pada halaman;
Bekerja dengan metode dan properti HTMLDocument dan HTMLElement.
5. Bekerja dengan acara di browser:
Konsep pemrograman acara;
Pengendali acara dan pendengar;
Menghubungkan penangan menggunakan addEventListener();
Properti dan metode kelas Event;
Perambatan peristiwa ke atas (bubbling) dan ke bawah (capturing);
Hentikan penyebarannya;
Acara Jendela;
Acara mouse dan keyboard, properti acara khusus;
Bentuk acara;
6. Bekerja dengan CSS dan mengelola gaya:
Standar CSS, properti CSS dasar;
Gaya umum dan gaya elemen individu;
Gaya bertingkat;
pemilih CSS;
Memodifikasi CSS dengan JavaScript;
Bantalan: margin, bantalan, batas;
Mengontrol visibilitas elemen: visibilitas dan tampilan;
Penempatan elemen: absolut, tetap, relatif, pengaturan atas dan kiri;
Satuan ukuran px, pt dan lain-lain;
Elemen overflow dan kontrol melalui properti overflow;
Mengelola lapisan dokumen: properti zIndex;
Animasi, pergerakan elemen;
Bekerja dengan kelas, mengatur className;
Bekerja dengan transparansi dan transisi;
metode querySelectorAll().
7. Bekerja dengan modul dalam JavaScript, manajer paket NPM, pembuat Webpack:
Alasan menggunakan modul;
Ekspor dari modul;
Impor dari modul;
mengekspor kembali;
Bekerja dengan NPM, file package.json;
folder node_modules, mengunduh paket menggunakan NPM;
Instalasi paket global dan lokal;
Menggunakan webpack untuk membangun proyek;
Pemuat CSS dan TypeScript;
Konfigurasi webpack.config.js;
Pembuatan bundel, kompresi;
plugin paket web;
Menggunakan sistem modularitas lama – CommonJS dan AMD;
Menggunakan CommonsChunkPlugin, beberapa titik masuk;
Modul HMR yang dapat ditukar secara panas.
8. Kelas dan warisan dalam JavaScript:
Warisan prototipe, referensi __proto__;
prototipe objek;
Menggunakan instanceof;
Kelas kata kunci, membuat kelas;
Kata kunci super;
Menggunakan metode Object.assign();
Menggunakan metode Object.defineProperty();
Pengambil dan penyetel;
Operator penyebaran untuk bekerja dengan objek dan array;
Menghancurkan array dan objek.
9. Pemrograman Fungsional dalam JavaScript:
Berfungsi sebagai variabel;
Argumen array;
Kelas fungsi, metode call() dan apply();
Metode bind(), mengatur ini dan beberapa parameter menggunakan bind;
Penutupan dalam JavaScript;
Mengenkapsulasi nilai menggunakan penutupan;
Membuat fungsi melalui konstruktor Fungsi: membuat string;
Fungsi panah, contoh penerapannya;
Manipulasi array fungsional: find, findIndex, filter;
Contoh penggunaan map/filter/reduce untuk mengolah data dalam array.
10. Kekekalan, pengujian, pola MVC:
Konsep kekekalan, kelebihannya;
Metode yang dapat diubah dan tidak dapat diubah untuk mengubah objek dan array;
Konsep dan keunggulan Virtual DOM;
Menguji fungsi yang tidak dapat diubah, menggunakan Jest;
Memoisasi, kelebihannya;
Kesalahan dasar dan rekomendasi saat menggunakan pemrograman fungsional;
Pola MVC, pembuatan antarmuka pengguna;
Ikhtisar perpustakaan utama untuk pengembangan antarmuka: Angular, React, Vue.
11. Asinkroni dalam JavaScript. Janji:
Konsep dan perlunya asinkroni;
Bekerja dengan setTimeout, setInterval, clearTimeout;
Fungsi panggilan balik (panggilan balik);
Kehilangan ini saat bekerja dengan fungsi panggilan balik. Solusi (menggunakan fungsi pengikatan, panah, dll.);
Konsep janji, mengembalikan Janji dari fungsi asinkron;
Metode Promise.all(), penerapannya;
sintaksis async/menunggu, kasus penggunaan, batasan;
Menangani situasi darurat: Penolakan janji, penanganan pengecualian untuk panggilan asinkron.
12. Bekerja dengan server. protokol HTTP. Layanan istirahat:
protokol HTTP;
Header dan metode HTTP (GET, POST, PUT, DELETE, lainnya), transfer data;
Server HTTP (ikhtisar);
Kode respons server HTTP;
Menggunakan formulir untuk mengirimkan data;
Mentransfer data ke server menggunakan AJAX;
Arsitektur REST: kelebihan dan fitur;
Implementasi CRUD (operasi Buat/Baca/Perbarui/Hapus) saat bekerja dengan REST;
Menggunakan fungsi ambil() untuk menerima dan mengirim data;
Mendokumentasikan layanan REST menggunakan Swagger;
Konsep HATEOAS, aplikasi;
13. Perpustakaan AXIOS. Protokol WebSocket:
Perbandingan perpustakaan Axios tingkat tinggi dan penggunaan ambil();
DAPATKAN dan POST permintaan di Axios;
Menggunakan async/menunggu dengan Axios;
Penanganan kesalahan saat menggunakan Axios;
Membatalkan permintaan menggunakan Axios;
protokol WebSocket;
Contoh penggunaan WebSocket, perbandingan dengan HTTP;
animasi HTML;
Catatan
Materi kursus disajikan dalam bahasa Inggris.