Exercícios 03 - Estrutura de Projeto e Sintaxe Básica 🧱

🟢 Básicos

1. Anatomia: Quais são as 3 seções principais que compõem um arquivo .svelte?
2. Interpolação: Como exibimos o valor de uma variável JavaScript dentro do HTML no Svelte?

🟡 Intermediários

1. Atributos Dinâmicos: Como você passaria o valor de uma variável chamada caminhoImagem para o atributo src de uma tag <img>?
2. Lógica no Script: Dentro da tag <script>, crie uma variável nome e uma função dizerOla() que imprima uma mensagem no console usando essa variável.

🔴 Desafio

1. Mini-Componente de Perfil:
   • Crie um arquivo App.svelte que tenha variáveis para nome, idade e profissao.
   • No HTML (markup), exiba esses dados dentro de uma div com classe card.
   • Adicione um estilo básico na tag <style> para que o card tenha uma borda, sombra e um pouco de espaçamento (padding).
   • O que acontece se você declarar uma variável com let mas não usá-la em lugar nenhum do HTML? O Svelte dá algum aviso?

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Interpolação
function solucaoExercicio() {
    console.log("Executando validação de: Estrutura de Projeto e Sintaxe Básica");
    return true;
}

solucaoExercicio();

// Solução de referência para: Lógica no Script
function solucaoExercicio() {
    console.log("Executando validação de: Estrutura de Projeto e Sintaxe Básica");
    return true;
}

solucaoExercicio();