Criar um framework front-end do zero, com componentes (templates, estado, DOM virtual)

Alien intermediário Dificuldade Projeto para construir Parada 36 / 166 JavaScript idades teen+ Traduzido por IA Mostrado em inglês

Um recurso gratuito escolhido pela comunidade de código aberto. Abra para ver o que tem dentro.

Começar o guia

Seu guia

Resumo escrito por IA

O que é?

Criar um framework front-end do zero, com componentes (templates, estado, DOM virtual) está no nosso grupo de construção de frameworks front-end, uma lista de tutoriais sobre como ferramentas como o React funcionam por dentro, construindo uma pequena. Só conhecemos o título, a descrição curta e o nível da nossa lista.

É para mim?

É para quem já cria páginas web e quer olhar por baixo do capô. Serve para cerca de teen+ anos em diante.

Adultos: Para adultos: este é um tema avançado. É bom começar antes pelo básico das páginas web.

Como começar

Certifique-se de que você consegue criar uma página web básica.
Abra o tutorial com um adulto e leia o primeiro passo.
Construa a menor peça funcional.

Quanto tempo?

Planeje cerca de 65 minutos por vez, ao longo de cerca de 8 sessões. (estimativa)

65 min por sessão 8 sessões estimativa

Um plano que você pode seguir

Dia 1 40 min Leia e configure tudo.
Semana 1 90 min Construa a primeira parte.
Semana 2 90 min Adicione a atualização.
Semana 3 60 min Use em uma página pequena.

Os tempos são estimativas. Vá no seu ritmo.

Ir ao site de aprendizado

Você está prestes a sair do nosso site para visitar Criar um framework front-end do zero, com componentes (templates, estado, DOM virtual) em outro site. Nós não controlamos esse site. Pergunte a um adulto antes de ir. Confira o original para ver os detalhes. Esse site pode não estar no seu idioma. O seu navegador pode traduzir a página: procure o botão de traduzir perto da barra de endereço ou peça ajuda a um adulto.

Você está saindo do nosso site

Adultos: Para adultos: este link leva a um site que não controlamos e que não revisamos além da sua descrição na lista. Por favor, deem uma olhada nele primeiro.

Ir para o site de aprendizado

https://mfrachet.github.io/create-frontend-framework/

Em outro site. Da lista: codecrafters-io/build-your-own-x · Licença: CC0-1.0 · Construa o seu próprio framework / biblioteca de front-end · As traduções são geradas por IA; confira sempre o original.

Como aprender com um artigo ou site de tutoriais

Seu caminho por Desenvolvimento web

Parada 34 Crie o seu próprio renderizador 3D Projeto para construir Parada 35 Crie o seu próprio empacotador de módulos: Minipack Projeto para construir Parada 36 Criar um framework front-end do zero, com componentes (templates, estado, DOM virtual) Projeto para construir Parada 37 Blocos de construção para aplicativos web Lista de recursos Parada 38 CakePHP Lista de recursos Parada 39 Capacitor Lista de recursos Parada 40 Gráficos Lista de recursos

Continue explorando

Desenvolvimento web