Página Inicial>Código fonte ASP>Outras categorias
Baixar

Understanding Astro


Bem-vindo ao Entendendo o Astro!

Este livro é o guia definitivo para Astro, a estrutura web de última geração projetada para velocidade

Compreender o Astro é o resultado de passar meses investigando o Astro e transmitindo os resultados de uma forma prática e fácil de entender.

Se você quer entender o Astro, você veio à fonte certa.

Não aprenda apenas outra estrutura. Entenda isso.

Quer baixar os e-books

Índice

A seguir está um índice detalhado para Compreendendo o Astro.


Introdução

Introdução

  • Não fique descontente

  • Diferenças na documentação oficial

  • Como o livro está estruturado

  • Visão geral dos capítulos

  • Pré-requisitos

  • Convenções tipográficas


Capítulo 1: Crie seu primeiro aplicativo Astro

Capítulo 1: Crie seu primeiro aplicativo Astro

  • O que você aprenderá

  • Visão geral do projeto

  • Começando

    • Instale o Node.js.

    • Configurando seu editor de código

  • Estrutura do projeto

    • tsconfig.json

    • pacote.json

    • pacote-lock.json

    • astro.config.mjs

    • src/env.d.ts

    • src/pages/index.astro

  • Introdução às páginas Astro

  • Anatomia de um componente Astro

  • Estilos de componentes

  • Layouts de página

  • Renderizando componentes e slots

  • Colocando nomes de componentes em maiúscula

  • A diretiva de estilo global

  • Fontes personalizadas e CSS global

  • Componentes Astro Independentes

  • Adicionando scripts interativos

  • Alternância de tema interativo

  • O seletor :global()

  • Tratamento de eventos

  • Temas via variáveis ​​CSS

  • Acessando objetos clientes globais

  • A magia dos roteiros

  • Aproveitando scripts embutidos

  • Seletores globais em scripts

  • Páginas de redução

  • Navegando entre páginas

  • Layouts de redução

  • Compondo layouts

  • Adereços de componentes

  • Aproveitando as propriedades do markdown frontmatter

  • Estado de navegação interativo

  • Composição dos componentes

  • O fluxo de dados do modelo

  • O lado negro de define:vars

  • Carregando vários arquivos locais

  • Implantando um site Astro estático

    • 1. Crie ativos de produção estáticos

    • 2. Servir os ativos estáticos por meio de um servidor web estático

    • O problema com implantações manuais

    • Automatizando a implantação de um site estático

  • Qual é a velocidade do nosso site Astro?

  • Conclusão


Capítulo 2: Componentes Astro em profundidade

  • Capítulo 2: Componentes Astro em profundidade

  • O que você aprenderá

  • Introdução

  • A espinha dorsal do Astro

    • A fadiga do tempo de execução do Javascript

    • Abandonando o tempo de execução

  • O que é um componente Astro?

    • 1. Os estilos são locais por padrão

    • 2. O elemento HTML estará sempre presente

    • 3. Estilos e scripts são içados

    • 4. O elemento <head> e seus filhos não serão içados

    • Um componente astro é um arquivo .astro capaz de renderizar qualquer HTML válido

    • Os componentes Astro podem ser compostos para criar páginas complexas

  • Os componentes Astro podem aproveitar uma sintaxe de modelagem poderosa

    • Consumindo variáveis
    • Crie atributos dinâmicos
    • HTML dinâmico
    • Tags dinâmicas
    • Revisitando caça-níqueis
    • Não é exatamente JSX
    • 1. Criando ou referenciando variáveis
    • 2. Lidando com importações
    • 3. Buscando dados

    • Script de componente

    • Modelo de componente

  • Conclusão


Capítulo 3: Construa sua própria Ilha de Componentes

  • Capítulo 3: Construa sua própria ilha de componentes

  • O que você aprenderá

  • Uma breve história de como chegamos até aqui

    • Os prós da hidratação parcial

    • Os contras da hidratação parcial

    • Os prós da renderização do lado do servidor com hidratação do lado do cliente

    • Os contras da renderização do lado do servidor com hidratação do lado do cliente

    • Os prós da renderização do lado do servidor

    • Os contras da renderização do lado do servidor

    • Os prós da renderização do lado do cliente (CSR)

    • Os contras da renderização do lado do cliente

    • Onde tudo começa

    • Renderização do lado do cliente (CSR)

    • Renderização do lado do servidor

    • Renderização do lado do servidor com hidratação do lado do cliente

    • Hidratação parcial para a vitória

    • De onde vem a arquitetura da ilha?

  • Uma implementação de arquitetura de ilhas de hidratação parcial

    • Vista

    • Petite-vue

    • Pré-agir

    • Suportando as condições client:idle e client:media

    • espereForIdle

    • espereForMedia

    • Objetivos

    • Instalação

    • Projeto de API

    • Começando

    • Aproveitando o elemento do modelo de conteúdo

    • Lidando com hidratação preguiçosa por meio de atributos “client:”

    • Estruturas de suporte: Vue, Petite-vue e Preact

  • Conclusão



Quer baixar os e-books? Clique aqui



Capítulo 4: Construa sua própria Ilha de Componentes

  • Capítulo 4: A Vida Secreta das Ilhas Componentes Astro

  • O que você aprenderá

  • Como funcionam as ilhas no Astro

    • Não é um bug. É um recurso.

    • Etapa 1: construir um site Astro

    • Etapa 2: Instale a integração da estrutura

    • Etapa 3: Escreva a estrutura do componente

    • Etapa 4: renderizar a estrutura do componente

  • Hidratação responsável

    • cliente: carregar

    • cliente: somente

    • cliente:visível

    • cliente: mídia

    • cliente: ocioso

  • Usando vários frameworks

    • Um contador de votos positivos no Vue

    • Renderizando diferentes componentes da estrutura

  • Compartilhando estado entre ilhas componentes

    • Como funciona a nano loja

    • Instale a nano loja

    • Crie o valor do estado

    • Usando o valor do estado em componentes da estrutura

  • Passando adereços e filhos para componentes do framework

  • Componentes de estrutura aninhados

  • Pegadinhas da Ilha Astro

    • 1. Não use um componente Astro em um componente de estrutura

    • 2. Não hidrate um componente Astro

  • Por que ilhas?

    • 1. Desempenho

    • 2. Hidratação responsável

    • 3. Carregamento paralelo

  • Conclusão


Oh minha reação! (Clone do site de documentação do React)

  • Capítulo 5: Oh meu Reagir! (Clone do site de documentação do React)

  • O que você aprenderá

  • Configurar o projeto inicial

  • Instalando dependências

  • Estilizando projetos Astro com Tailwind

    • Instalando o Tailwind

    • Como funciona o Tailwind?

    • Configuração do vento favorável

  • Alias ​​de importação de texto digitado

  • Ilhas e componentes de página de colocation

  • Destaque de sintaxe

    • Prós

    • Contras

    • Prós

    • Contras

    • O componente de código padrão

    • Traga seu tema

    • Lidando com temas claros e escuros

  • Introdução às coleções de conteúdo

    • Zod Rápido

    • A pasta .astro

    • Que problemas as coleções de conteúdo resolvem?

    • Organizando coleções de conteúdo

    • Criação de conteúdo com MDX

    • Configurando coleções de conteúdo

  • Consultar e renderizar coleções de conteúdo

  • Roteamento dinâmico

    • 1. Parâmetros nomeados

    • 2. Parâmetros de descanso

    • Ordem de prioridade

  • Gere rotas com coleções de conteúdo

    • Renderizando o conteúdo de cada blog

  • Componentes MDX

    • Elementos HTML personalizados

    • Componentes internos

    • Importações externas

    • Importação automática

  • Destaque de integração: Astro SEO

  • Páginas 404 personalizadas no Astro

  • Conclusão


Capítulo 6: Renderização do lado do servidor (SSR) no Astro

  • Capítulo 6: Renderização do lado do servidor (SSR) no Astro

  • O que você aprenderá

  • Quando você precisa de SSR?

  • Como habilitar SSR

  • Implantando um projeto SSR

  • Use o adaptador correto

  • SSR com páginas estáticas

  • Da solicitação à resposta

    • O objeto Solicitação

    • O objeto Resposta

    • Redirecionar resposta

    • Utilitários para manipulação de cookies

    • O endereço IP da solicitação

  • Variáveis ​​de ambiente

    • Recuperando variáveis ​​de ambiente

    • Variáveis ​​de ambiente padrão

    • Criando variáveis ​​de ambiente

    • IntelliSense datilografado

  • Rotas dinâmicas

    • 1. Parâmetros nomeados

    • 2. Parâmetros de descanso

    • Ordem de prioridade

  • Pontos de extremidade do servidor

    • Criando terminais de servidor

    • Solicitar detalhes

    • Rotas de API dinâmicas

    • Diretório de API dedicado

    • Suportando outros métodos HTTP

  • Fluxos, oh fluxos

    • O que é streaming de servidor?

    • Por que deveríamos nos preocupar?

    • Streaming é fácil, mas difícil

    • Streaming de servidor no Astro

    • Aproveitando o streaming

  • Conclusão


Capítulo 7: Seja audível! (Projeto Fullstack Astro)

Capítulo 7: Seja audível! (Projeto Fullstack Astro)

  • O que você aprenderá

  • Configuração do projeto

  • Visão geral do projeto

    • A página inicial

    • A página de registro

    • A página de inscrição

    • A página de login

    • Componentes auxiliares e utilitários

  • Escolhas de tecnologia

  • Configuração de back-end

  • Lidando com autenticação

    • Inicializando o Firebase no cliente

    • Usando os emuladores Firebase

    • Tratamento de inscrições de usuários

    • Tratamento do login do usuário

  • Implementando páginas protegidas

    • Inicializando o Firebase no servidor

    • Protegendo a rota da página inicial

    • Atualizando o URL de redirecionamento

    • Desconectar um usuário da página protegida

  • Configuração de armazenamento em nuvem

  • Carregando gravações de áudio

    • Tratamento de uploads por meio de uma rota de API

    • Carregando gravações do cliente

    • Reagindo às mudanças da IU nos componentes da estrutura

  • Buscando dados do servidor

  • Envio de formulários HTML

  • Conclusão


Capítulo 1: Crie seu primeiro aplicativo Astro

  • Capítulo 8: Construa suas próprias integrações astrológicas

  • O que você aprenderá

  • Astro e Vite

  • O que são integrações Astro

  • Olá mundo. Desculpe, Olá, Integração

    • Objetivo do projeto

    • Sua primeira integração personalizada

    • Imprimindo uma mensagem no console do servidor

    • Integrações personalizadas como funções de fábrica

  • O ciclo de vida dos ganchos Astro

    • O quando e o porquê dos ganchos

    • Examinando a ordem de avaliação dos ganchos

  • Crie uma integração de pré-renderização padrão

    • Objetivo do projeto

    • API de integração

    • Visão geral da solução técnica

    • Inicializando projetos por meio de sinalizadores CLI

    • Configurando a integração

    • Validando uma configuração Astro resolvida

    • Aplicando plug-ins Vite em integrações personalizadas

    • Escrevendo plug-ins Vite para Astro

    • Análise e transformação de ASTs

    • Teste manual

  • Construindo renderizadores e integrações de biblioteca

  • Conclusão


Conclusão

Conclusão



Quer baixar os e-books? Clique aqui


Licença

Este projeto está licenciado sob a Licença Internacional Creative Commons Attribution-NonCommercial-NoDerivatives 4.0. Consulte o arquivo LICENSE.md para obter detalhes.

Expandir
Informações adicionais
Aplicativos Relacionados
Recomendado para você
Informações Relacionadas Todos