formaweb-4.html

<ul>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/e500a3b14d2d4ee4b70a9b30fd73a621">La réactivité</a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/1066fca818b64f2cad3282f98268ec33">Découper son code avec les composants</a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/62afda6a702e409797711a9c67528410">
            Le CSS
        </a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/4a91e5ba4bab4ff1a4621eeb9b9bbd61">Include de l'HTML, et les failles XSS</a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/292a2d95ae2d4055a10a657c72eed18f">Conditions et boucles</a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/bf67f82b52ad4bf0ba8bb80b8a9eaccc">
        Évènements
        </a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/292a2d95ae2d4055a10a657c72eed18f">Await</a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/c788b0f0d5a54d6b9084efe5f383cbb3">
            bind:value pour les différents types d'input
        </a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/7db9f5d089d74b96b8da5c93c77fe8bb">
            Cycle de vie d'un composant
        </a>
    </li>
    <li>
        <a class="svelte-1nrcpp3" href="https://svelte.dev/repl/06a0043327844e42818f1a36f5f34d33">
            Stores
        </a>
    </li>
</ul>

<br><br><br><br><br>
<a href="https://net7.dev/formaweb-issues-churros">Issues Churros</a>

<style>
    ul {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }
    li a {
        font-size: 2rem;
    }
</style>

<!--
- réactivité (bind:, {...}, $: pour des valeurs, dans html et attrs)
	- La réactivité
- composants (<.../>, props, props par défaut, bind: pour les props)
	- Composants
- css (styles localisés, class:, style:prop=valeur, :global(...))
	- Le CSS
- xss (explication de ce que c'est, {@html ...})
	- Inclure de l'HTML
- {#if }, {#each } (aussi avec les keys), marche avec bind:
	- if, else, for
- events (on:..., modifiers, forwarder,  dispatch?)
	- Évènements
- le $: pour des statements, màj d'arrays et objets (rule of thumb)
	- à faire
- {#await }
	- if, else, for
- bind: pour les nombres, les checkboxes, les select, les radios, bind:this
	- All the inputs
- lifecycles (onMount, onDestroy)
	- Le cycle de la vie
- slots (named, let:, $$slots)
	- à faire
- les stores (usage, $store, store = writable, readable, derived, dire que ça marche avec bind:)
	- Stores
- éléments svelte: (self, window, body, element?, component?, fragment)
	- 
- raccourcis (a={a} devient {a}, bind:a={a} devient bind:a, a pour a={true})
-->