Beranda>Kode sumber ASP>Kategori lainnya
Unduh

Understanding Astro


Selamat Datang di Memahami Astro!

Buku ini adalah panduan utama Astro, kerangka web generasi berikutnya yang dirancang untuk kecepatan

Memahami Astro adalah hasil dari menghabiskan waktu berbulan-bulan untuk menggali Astro dan menyampaikan hasilnya dengan cara yang praktis dan mudah dipahami.

Jika Anda ingin memahami Astro, Anda datang ke sumber yang tepat.

Jangan hanya mempelajari kerangka lain. Pahami itu.

Ingin mendownload ebooknya

Daftar isi

Berikut detail daftar isi Pengertian Astro.


Perkenalan

Perkenalan

  • Jangan merasa tidak senang

  • Perbedaan dengan dokumentasi resmi

  • Bagaimana buku ini disusun

  • Ikhtisar bab

  • Prasyarat

  • Konvensi tipografi


Bab 1: Bangun Aplikasi Astro pertama Anda

Bab 1: Bangun Aplikasi Astro pertama Anda

  • Apa yang akan Anda pelajari

  • Ikhtisar Proyek

  • Memulai

    • Instal Node.js

    • Menyiapkan editor kode Anda

  • Struktur proyek

    • tsconfig.json

    • paket.json

    • paket-lock.json

    • astro.config.mjs

    • src/env.d.ts

    • src/pages/index.astro

  • Pengantar halaman Astro

  • Anatomi komponen Astro

  • Gaya komponen

  • Tata letak halaman

  • Merender komponen dan slot

  • Menggunakan huruf kapital pada nama komponen

  • Arahan gaya global

  • Font khusus dan CSS global

  • Komponen Astro independen

  • Menambahkan skrip interaktif

  • Pengalihan tema interaktif

  • Pemilih :global()

  • Penanganan Acara

  • Tema melalui variabel CSS

  • Mengakses objek klien global

  • Keajaiban skrip

  • Memanfaatkan skrip inline

  • Penyeleksi global dalam skrip

  • Halaman penurunan harga

  • Menavigasi antar halaman

  • Tata letak penurunan harga

  • Menyusun tata letak

  • Alat peraga komponen

  • Memanfaatkan properti frontmatter penurunan harga

  • Status navigasi interaktif

  • Komposisi komponen

  • Aliran data templat

  • Sisi gelap dari definisi:vars

  • Memuat banyak file lokal

  • Menyebarkan situs Astro statis

    • 1. Buat aset produksi statis

    • 2. Sajikan aset statis melalui server web statis

    • Masalah dengan penerapan manual

    • Mengotomatiskan penerapan situs web statis

  • Seberapa cepat website Astro kami?

  • Kesimpulan


Bab 2: Komponen Astro Mendalam

  • Bab 2: Komponen Astro Mendalam

  • Apa yang akan Anda pelajari

  • Perkenalan

  • Tulang punggung Astro

    • Kelelahan waktu proses Javascript

    • Meninggalkan runtime

  • Apa itu komponen Astro?

    • 1. Gaya bersifat lokal secara default

    • 2. Elemen HTML akan selalu ada

    • 3. Gaya dan Skrip Diangkat

    • 4. Elemen <head> dan turunannya tidak akan diangkat

    • Komponen astro adalah file .astro yang mampu merender HTML apa pun yang valid

    • Komponen Astro dapat disusun untuk membuat halaman yang kompleks

  • Komponen Astro dapat memanfaatkan sintaks templating yang kuat

    • Mengkonsumsi variabel
    • Buat atribut dinamis
    • HTML Dinamis
    • Tag Dinamis
    • Meninjau Kembali Slot
    • Tidak persis BEJ
    • 1. Membuat atau mereferensikan variabel
    • 2. Menangani impor
    • 3. Mengambil data

    • Skrip komponen

    • Templat komponen

  • Kesimpulan


Bab 3: Bangun Pulau Komponen Anda sendiri

  • Bab 3: Bangun Pulau Komponen Anda Sendiri

  • Apa yang akan Anda pelajari

  • Sejarah singkat bagaimana kami sampai di sini

    • Kelebihan hidrasi parsial

    • Kontra dari hidrasi parsial

    • Kelebihan rendering sisi server dengan hidrasi sisi klien

    • Kontra rendering sisi server dengan hidrasi sisi klien

    • Kelebihan rendering sisi server

    • Kontra rendering sisi server

    • Kelebihan rendering sisi klien (CSR)

    • Kontra rendering sisi klien

    • Dimana semuanya dimulai

    • Render sisi klien (CSR)

    • Render sisi server

    • Render sisi server dengan hidrasi sisi klien

    • Hidrasi parsial untuk kemenangan

    • Dari mana asal arsitektur pulau?

  • Implementasi arsitektur pulau hidrasi parsial

    • Lihat

    • Mungil-vue

    • Prekta

    • Mendukung kondisi klien:idle dan klien:media

    • tungguUntukIdle

    • tungguUntukMedia

    • Tujuan

    • Instalasi

    • desain API

    • Memulai

    • Memanfaatkan elemen templat konten

    • Menangani hidrasi lambat melalui atribut “klien:”.

    • Kerangka kerja pendukung: Vue, Petite-vue dan Preact

  • Kesimpulan



Ingin mendownload ebooknya? klik disini



Bab 4: Bangun Pulau Komponen Anda sendiri

  • Bab 4: Kehidupan Rahasia Pulau Komponen Astro

  • Apa yang akan Anda pelajari

  • Cara kerja pulau di Astro

    • Itu bukan bug. Itu sebuah fitur.

    • Langkah 1: Bangun situs Astro

    • Langkah 2: Instal integrasi kerangka kerja

    • Langkah 3: Tulis kerangka komponen

    • Langkah 4: Render kerangka komponen

  • Hidrasi yang bertanggung jawab

    • klien: memuat

    • klien: saja

    • klien: terlihat

    • klien: media

    • klien: menganggur

  • Menggunakan banyak kerangka kerja

    • Penghitung suara positif di Vue

    • Merender komponen kerangka kerja yang berbeda

  • Berbagi negara bagian antar pulau-pulau komponen

    • Cara kerja toko nano

    • Instal toko nano

    • Buat nilai negara

    • Menggunakan nilai status dalam komponen kerangka kerja

  • Melewati props dan anak-anak ke komponen kerangka kerja

  • Komponen kerangka bersarang

  • Gotcha Pulau Astro

    • 1. Jangan menggunakan komponen Astro dalam komponen framework

    • 2. Jangan menghidrasi komponen Astro

  • Mengapa pulau?

    • 1. Kinerja

    • 2. Hidrasi yang bertanggung jawab

    • 3. Pemuatan paralel

  • Kesimpulan


Ya ampun, Reaksiku! (Klon situs dokumentasi React)

  • Bab 5: Astaga, Reaksiku! (Klon situs dokumentasi React)

  • Apa yang akan Anda pelajari

  • Siapkan proyek awal

  • Menginstal dependensi

  • Menata proyek Astro dengan Tailwind

    • Memasang Tailwind

    • Bagaimana cara kerja Tailwind?

    • Konfigurasi penarik

  • Alias ​​impor skrip ketikan

  • Komponen halaman pulau & lokasi lokasi

  • Penyorotan sintaksis

    • Kelebihan

    • Kontra

    • Kelebihan

    • Kontra

    • Komponen Kode default

    • Bawalah tema Anda

    • Menangani tema terang dan gelap

  • Memulai Koleksi Konten

    • Zod Cepat

    • Folder .astro

    • Masalah Apa yang Dipecahkan oleh Koleksi Konten?

    • Mengatur koleksi konten

    • Menulis konten dengan MDX

    • Mengonfigurasi koleksi konten

  • Kueri dan render koleksi konten

  • Perutean dinamis

    • 1. Parameter bernama

    • 2. Parameter istirahat

    • Urutan prioritas

  • Hasilkan rute dengan koleksi konten

    • Merender setiap konten blog

  • komponen MDX

    • Elemen HTML yang disesuaikan

    • Komponen dalaman

    • Impor eksternal

    • Impor Otomatis

  • Sorotan integrasi: Astro SEO

  • Halaman 404 khusus di Astro

  • Kesimpulan


Bab 6: Rendering Sisi Server (SSR) di Astro

  • Bab 6: Rendering Sisi Server (SSR) di Astro

  • Apa yang akan Anda pelajari

  • Kapan Anda membutuhkan RSK?

  • Cara Mengaktifkan SSR

  • Menyebarkan proyek RSK

  • Gunakan adaptor yang benar

  • SSR dengan halaman statis

  • Dari Permintaan hingga Respon

    • Objek Permintaan

    • Objek Respon

    • Arahkan ulang respons

    • Utilitas untuk memanipulasi cookie

    • Alamat IP permintaan

  • Variabel lingkungan

    • Mengambil variabel lingkungan

    • Variabel lingkungan default

    • Membuat variabel lingkungan

    • Skrip IntelliSense

  • Rute dinamis

    • 1. Parameter bernama

    • 2. Parameter istirahat

    • Urutan prioritas

  • Titik akhir server

    • Membuat titik akhir server

    • Detail permintaan

    • Rute API dinamis

    • Direktori api khusus

    • Mendukung metode HTTP lainnya

  • Aliran, oh aliran

    • Apa itu streaming server?

    • Mengapa kita harus repot?

    • Streaming itu mudah namun sulit

    • Streaming server di Astro

    • Memanfaatkan streaming

  • Kesimpulan


Bab 7: Terdengar! (Proyek Astro Fullstack)

Bab 7: Terdengar! (Proyek Astro Fullstack)

  • Apa yang akan Anda pelajari

  • Pengaturan proyek

  • Ikhtisar proyek

    • Beranda

    • Halaman catatan

    • Halaman pendaftaran

    • Halaman masuk

    • Komponen dan utilitas pembantu

  • Pilihan teknologi

  • Penyiapan bagian belakang

  • Menangani otentikasi

    • Menginisialisasi firebase pada klien

    • Menggunakan emulator Firebase

    • Menangani pendaftaran pengguna

    • Menangani proses masuk pengguna

  • Menerapkan halaman yang dilindungi

    • Menginisialisasi Firebase di server

    • Melindungi rute halaman beranda

    • Memperbarui URL pengalihan

    • Keluarkan pengguna dari halaman yang dilindungi

  • Pengaturan penyimpanan cloud

  • Mengunggah rekaman audio

    • Menangani unggahan melalui rute API

    • Mengunggah rekaman dari klien

    • Bereaksi terhadap perubahan UI dalam komponen kerangka kerja

  • Mengambil data dari server

  • Mengirimkan formulir HTML

  • Kesimpulan


Bab 1: Bangun Aplikasi Astro pertama Anda

  • Bab 8: Bangun Integrasi Astro Anda Sendiri

  • Apa yang akan Anda pelajari

  • Astro dan Vite

  • Apa itu integrasi Astro

  • Halo dunia. Maaf, Halo, Integrasi

    • Tujuan proyek

    • Integrasi khusus pertama Anda

    • Mencetak pesan ke konsol server

    • Integrasi khusus sebagai fungsi pabrik

  • Siklus hidup Astro hooks

    • Kapan dan mengapa hook

    • Memeriksa urutan evaluasi kait

  • Bangun integrasi pra-perenderan default

    • Tujuan proyek

    • API Integrasi

    • Ikhtisar solusi teknis

    • Menginisialisasi proyek melalui flag CLI

    • Menyiapkan integrasi

    • Memvalidasi konfigurasi Astro yang terselesaikan

    • Menerapkan plugin Vite dalam integrasi khusus

    • Menulis plugin Vite untuk Astro

    • Mengurai dan mengubah AST

    • Pengujian manual

  • Membangun penyaji dan Integrasi perpustakaan

  • Kesimpulan


Kesimpulan

Kesimpulan



Ingin mendownload ebooknya? klik disini


Lisensi

Proyek ini dilisensikan di bawah Lisensi Internasional Creative Commons Attribution-NonCommercial-NoDerivatives 4.0. Lihat file LICENSE.md untuk detailnya.

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua