Diferencial: Qual a principal diferença entre o Svelte e frameworks como React ou Vue em relação ao seu funcionamento?
Vite: Quais as vantagens de usar o Vite para criar um projeto Svelte em vez de ferramentas mais antigas?
🟡 Intermediários
Compilação: Explique por que o fato de o Svelte ser um "compilador" faz com que o pacote final enviado ao usuário seja menor.
Virtual DOM: O Svelte utiliza Virtual DOM? Explique como ele atualiza as informações na tela de forma diferente.
🔴 Desafio
Hands-on - Primeiro Projeto:
Use o comando npm create vite@latest para criar seu primeiro projeto Svelte.
Navegue até a pasta, instale as dependências e rode o projeto.
Abra o arquivo App.svelte, mude o texto do título para "Meu Primeiro App Svelte" e verifique a atualização instantânea no navegador.
Qual arquivo é o "ponto de entrada" (entry point) do JavaScript na estrutura gerada pelo Vite?
📚 Gabarito e Soluções Comentadas
Gabarito Explicado ### Questão 1: Diferencial **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Svelte ️**, o conceito abordado (Diferencial) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Vite **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Svelte ️**, o conceito abordado (Vite) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Compilação **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Svelte ️**, o conceito abordado (Compilação) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Virtual DOM **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Svelte ️**, o conceito abordado (Virtual DOM) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Hands-on - Primeiro Projeto **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Svelte ️**, o conceito abordado (Hands-on - Primeiro Projeto) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.