Kursus Typescript 5 Percuma

Untuk membantu anda mencapai matlamat anda pada tahun 2025 sebagai Pembangun Perisian, saya menawarkan kursus TypeScript lengkap PERCUMA sepenuhnya!

? Apa yang akan anda pelajari?
? Kelas 001 - Jenis Primitif
? Kelas 002 - Objek dan Tatasusunan
? Kelas 003 - Fungsi
? Kelas 004 - Jenis lain
? Kelas 005 - Jenis Kesatuan, Jenis Penegasan dan Jenis Tersurat
? Kelas 006 - Jenis Inferens
? Kelas 007 - Antara Muka dan Jenis
? Kelas 008 - Generik
? Kelas 009 - Jenis Utiliti
? Kelas 010 - Kelas (Bahagian 1)
? Kelas 011 - Kelas (Bahagian 2)
? Kelas 012 - Petua Tambahan
? Kelas 013 - Cabaran praktikal

Anda akan mempelajari semua perkara yang paling anda akan gunakan apabila bekerja dengan Typescript dalam kehidupan harian anda secara praktikal.

Jika anda sudah mengetahui Javascript, Typescript akan menjadi pengubah permainan dalam kerjaya anda, membawa lebih banyak keselamatan dan skalabiliti kepada kod anda.

Persediaan

Sebelum memulakan kelas, kami perlu mengkonfigurasi persediaan persekitaran pembangunan kami terlebih dahulu, memasang dan mengkonfigurasi beberapa alatan yang akan kami gunakan.

Pemasangan Nod

Jika anda tidak memasang Node pada mesin anda, anda boleh pergi ke https://nodejs.org/en/download dan memasangnya mengikut sistem pengendalian anda.

Pemasangan Kod VS

Saya akan menggunakan Kod VS sebagai editor, anda boleh memuat turunnya dengan pergi ke https://code.visualstudio.com.

Pemasangan skrip taip

Dengan Node dipasang, kami boleh memulakan projek dan mengkonfigurasi Typescript.

Buat folder dan buka terminal dalam folder yang baru dibuat ini dan jalankan arahan berikut dengan menekan ENTER:

npm init -y && code .

Arahan akan mencipta fail package.json dan membuka Kod VS dalam folder. Dalam Kod VS klik Lihat > Terminal untuk membuka terminal bersepadu.

Sekarang, dalam terminal Kod VS bersepadu, jalankan arahan berikut:

npm i -D typescript

Arahan ini akan memasang Typescript sebagai kebergantungan pembangunan dalam package.json kami.

Buat fail bernama tsconfig.json dan tambahkan konfigurasi berikut pada fail:

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

Fail tsconfig.json digunakan untuk mengkonfigurasi pengkompil Typescript, terdapat beberapa konfigurasi yang boleh kami buat, pada masa ini kami hanya berminat dengan konfigurasi berikut:

• rootDir - Menetapkan laluan ke fail Typescript.
• outDir - Mentakrifkan folder output untuk fail Javascript.
• target - Mentakrifkan versi Javascript yang pengkompil harus gunakan untuk menyusun fail.
• ketat - Mendayakan mod ketat.
• noEmitOnError - Tidak melaksanakan kompilasi jika terdapat sebarang jenis ralat.

Anda boleh mengetahui tentang semua pilihan yang tersedia dengan melawati https://www.typescriptlang.org/docs/handbook/compiler-options.html

Akses fail package.json dan buat skrip binaan baharu dengan arahan:

npm init -y && code .

Pelayar, seperti Node, tidak memahami Typescript, kita perlu menyusun kod Typescript ke Javascript supaya ia boleh memahami dan melaksanakan. Perintah ini akan menyusun kod Typescript kami ke Javascript supaya kami boleh menjalankannya dalam Node.

Ingat, pada akhirnya semua kod Typescript kami akan menjadi Javascript. Skrip taip hanyalah alat yang digunakan dalam pembangunan untuk meningkatkan keselamatan jenis dan kebolehskalaan kod kami.

Untuk menyelesaikannya, buat folder bernama src dan fail index.ts dengan kod berikut:

npm i -D typescript

Sekarang, mari kita uji sama ada semuanya berfungsi. Buka terminal dan jalankan:

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

Apabila berlari, jika semuanya ok, anda harus melihat Hello World di terminal.

Setiap kali anda ingin melihat sesuatu dalam konsol, anda perlu menjalankan arahan ini untuk menyusun fail ke Javascript, okay?

---

Jenis primitif

Dalam TypeScript, terdapat enam jenis primitif iaitu: rentetan, nombor, boolean, simbol, bigint, null dan undefined.

npx tsc && node ./dist/index.js

rentetan

Rentetan ialah apa-apa sahaja yang disertakan dalam tanda petikan. Ia boleh menjadi petikan tunggal ('’), petikan berganda ("") atau petikan belakang ().

nombor

Tiada perbezaan di sini: integer, perpuluhan, positif, negatif, semuanya dianggap sebagai nombor.

Boolean

Klasik benar atau palsu.

simbol

Sedikit abstrak, tetapi simbol ialah pengecam unik. Anggap ia sebagai cap jari untuk objek.

Bigint

Jika nombor sudah besar, bigint hampir tidak terhingga. Gunakannya untuk menangani nombor yang tidak dapat diselesaikan oleh kalkulator saintifik.

batal

Mewakili pembolehubah yang tidak mempunyai nilai.

Tidak ditentukan

Mewakili nilai yang tidak dimulakan.

---

Anda boleh mengakses kod kelas dengan mengakses pautan di bawah:
https://github.com/d3vlopes/curso-typescript/tree/aula-001

Kelas seterusnya

Dalam kelas seterusnya, kita akan belajar tentang Objek dan Tatasusunan dalam TypeScript.

? Soalan atau masalah?
Adakah anda mempunyai sebarang masalah dengan konfigurasi persediaan? Adakah anda mempunyai sebarang soalan tentang kelas? Siarkan di sini dalam ulasan, mari bersama-sama membina bahan berkualiti yang boleh diakses oleh semua orang.

Atas ialah kandungan terperinci Kursus Typescript 5 Percuma. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!