Video pengenalan TypeScript [boleh difahami walaupun tanpa mempelajari JavaScript]

pengenalan

Pengalaman pertama dengan skrip taip

apa itu javascript

apa itu skrip taip

Kelebihan skrip taip berbanding js

Alat pembangunan (vscode)

Alat pembangunan (Node.js)

Mengapa memasang kit alat untuk menghuraikan TS?

Pasang kit alat untuk menghuraikan TS

Fail TS pertama

Permudahkan langkah untuk melaksanakan TS

Komen

pernyataan keluaran

Ringkasan pengalaman pertama skrip taip

Pengenalan kepada pembolehubah dan jenis data

apakah pembolehubah

Penggunaan pembolehubah

Konfigurasikan vscode

jenis anotasi

Penamaan peraturan dan spesifikasi

Latihan dengan pembolehubah (menukar nilai dua pembolehubah)

Gambaran keseluruhan jenis data

Jenis angka

jenis rentetan

Jenis Boolean

jenis underfined dan null

Jenis Asas - Ringkasan

Pengenalan kepada pengendali

operator aritmetik

Tanda tambah melaksanakan penggabungan rentetan

Fikiran dicetuskan oleh tanda tambah

pengendali tugasan

Operator kenaikan dan pengurangan

operator perbandingan

Operator Logik

Pengenalan penyata

Gambaran keseluruhan pernyataan bersyarat

jika kenyataan

kenyataan lain

jika lain amalan kenyataan

Gambaran keseluruhan pengendali ternary

Latihan dengan pengendali ternary

Gambaran keseluruhan pernyataan gelung

Lihat komposisi gelung for daripada contoh penulisan kerja rumah

Penggunaan asas untuk gelung

Proses pelaksanaan untuk gelung

Penyahpepijatan titik putus untuk melihat proses pelaksanaan gelung untuk

konfigurasi penyahpepijatan titik putus vscode (1 langkah konfigurasi)

konfigurasi penyahpepijat titik putus vscode (2 petua penyahpepijatan)

Untuk latihan gelung (1 cetakan 1-5)

Latihan untuk gelung (2 cetak roti ke-n sedang dimakan)

Untuk latihan gelung (3 Hitung jumlah 1-100)

pecahkan kata kunci

teruskan kata kunci

Pengenalan kepada tatasusunan

Gambaran keseluruhan tatasusunan

Buat tatasusunan (Sintaks 1)

Buat tatasusunan (Sintaks 2)

Panjang tatasusunan dan indeks

Pemerolehan dan penyimpanan nilai tatasusunan (pemerolehan nilai)

Pemerolehan dan penyimpanan nilai tatasusunan (nilai storan)

Tambahkan elemen pada tatasusunan

Lelaran ke atas tatasusunan (nilai lalai kalkulator ialah 0)

Melintasi tatasusunan (syarat penghakiman ialah panjang tatasusunan tolak 1)

Melintasi tatasusunan (mengoptimumkan keadaan pertimbangan)

Latihan tatasusunan (mencari jumlah semua elemen dalam tatasusunan)

Latihan tatasusunan (mencari nilai maksimum dalam tatasusunan)

Latihan tatasusunan (cari elemen dalam tatasusunan yang bukan 0)

Pengenalan kepada asas fungsi

Gambaran keseluruhan fungsi

Penggunaan fungsi

Latihan fungsi

Gambaran keseluruhan parameter fungsi

parameter formal dan parameter sebenar

Penerangan tambahan tentang parameter

Latihan parameter fungsi (1)

Latihan parameter fungsi (2)

Gambaran keseluruhan nilai pulangan fungsi

Penggunaan asas nilai pulangan fungsi

Latihan nilai pulangan fungsi (transformasi fungsi getSum)

Latihan nilai pulangan fungsi (kawasan segi tiga)

Amalan nilai pulangan fungsi (mencari nilai maksimum)

Penerangan tentang pulangan

Ringkasan asas fungsi

Pengenalan lanjutan kepada fungsi

Penyahpepijatan fungsi (operasi asas)

Penyahpepijatan fungsi (proses pelaksanaan fungsi)

skop berubah-ubah

Pengenalan objek

Gambaran keseluruhan objek

Cipta objek

Antara muka (jenis anotasi objek)

Taip anotasi untuk kaedah objek

Penggunaan antara muka

Nilai objek

Nilai simpanan objek

Ringkasan penggunaan asas objek

Gambaran keseluruhan objek terbina dalam

Objek tatasusunan (sifat panjang)

Objek tatasusunan (tolak)

Objek tatasusunan (untukSetiap)

Objek tatasusunan (penjelasan untukEach)

untukSetiap latihan

Objek tatasusunan (beberapa)

Jenis inferens TS

Gambaran keseluruhan asas pembangunan web

Penggunaan asas HTML (buat halaman html pertama dan gunakannya)

Penggunaan asas HTML (tag biasa)

Penggunaan asas CSS (atribut gaya)

Penggunaan asas CSS (tag gaya)

Penggunaan asas CSS (fail css)

Gunakan javascript dalam pelayar anda

Gunakan pemalam Pelayan Langsung - muat semula penyemak imbas secara automatik

Jalankan TS dalam penyemak imbas

Gambaran keseluruhan manipulasi DOM

Dapatkan elemen (querySelector)

Penegasan jenis TS

Dapatkan elemen (querySelectorAll)

Memanipulasi kandungan teks (innerTeks)

Latihan (querySelectorAll dan innerText)

Gaya operasi (atribut gaya)

Demonstrasi operasi (atribut classList)

Acara operasi (addEventListener menambah acara)

Acara operasi (objek acara)

removeEventListener mengalih keluar acara (1)

removeEventListener mengalih keluar acara (2)

Dua nota mengenai pengendali acara dalam bentuk pengisytiharan fungsi

Demonstrasi permainan catur dan pengenalan permainan

Penerangan templat permainan

Klik sel (bermain catur)

Klik sel (dioptimumkan)

Laraskan vscode dan kedudukan tetingkap penyemak imbas

Tukar pemain(1)

Tukar pemain (2)

Penggunaan asas penghitungan

Penghitungan berangka dan penghitungan rentetan

Ubah suai pemain semasa menggunakan enum

Idea untuk menilai kemenangan

Menganalisis tatasusunan yang menang

Penerangan senarai elemen sel

Merangkum fungsi kemenangan

Laksanakan fungsi menang (1)

Laksanakan fungsi menang (2)

Optimumkan fungsi kemenangan

Tentukan seri

Tunjukkan maklumat pemenang

mulakan semula permainan

Optimumkan mulakan semula permainan