Învață Svelte în acest curs complet pentru începători! Svelte este un cadru JavaScript front-end pentru realizarea de pagini web interactive.
✏️ Li Hau Tan a dezvoltat acest curs. Li este menținătorul de bază al lui Svelte. Vezi canalul lui: https://www.youtube.com/lihautan
💻 Link-uri de cod în comentariul de sus (din cauza limitei de caractere de descriere a YouTube)
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:00:31) Scrierea primei componente Svelte
⌨️ (0:06:25) Stilează-ți componenta Svelte
⌨️ (0:18:48) Adăugarea datelor la componenta Svelte
⌨️ (0:23:22) Reactivitate în Svelte
⌨️ (0:37:41) Atașarea evenimentelor în Svelte
⌨️ (0:48:07) Declarații și declarații reactive
⌨️ (1:06:19) bifă()
⌨️ (1:19:06) Componentă și recuzită
⌨️ (1:29:09) Evenimente componente
⌨️ (1:44:35) Redirecționarea evenimentelor componente
⌨️ (1:56:17) clasă: directivă
⌨️ (2:02:31) Legătură
⌨️ (2:13:04) bind:group
⌨️ (2:24:18) bind:this
⌨️ (2:35:28) Ciclul de viață al componentei
⌨️ (2:45:55) onMount
⌨️ (2:55:27) {#if} bloc
⌨️ (3:04:38) {#each} bloc
⌨️ (3:22:46) bloc cu cheie {#each}
⌨️ (3:46:33) tastată {#each} vizualizată
⌨️ (4:06:58) {#wait} bloc
⌨️ (4:27:01) {#key} bloc
⌨️ (4:40:10) Context
⌨️ (4:56:21) Comunicarea prin context
⌨️ (5:16:06) Introducere în magazinul Svelte
⌨️ (5:29:07) Magazin de scris
⌨️ (5:32:11) Magazin care poate fi citit
⌨️ (5:40:25) Contract de magazin svelt
⌨️ (5:53:34) Magazin Redux ca magazin Svelte
⌨️ (6:06:01) Valtio este un magazin Svelte
⌨️ (6:18:55) XState ca magazin Svelte
⌨️ (6:25:34) Evenimente DOM ca magazin Svelte
⌨️ (6:42:50) Immer pentru magazinul imuabil Svelte
⌨️ (7:12:07) derivat() magazin Svelte
⌨️ (7:28:08) tweened() Magazin Svelte
⌨️ (7:54:58) tweened() și spring()
⌨️ (8:15:42) Magazin de comandă superioară
⌨️ (8:44:41) RxJS ca magazin Svelte
⌨️ (8:55:39) Proprietate de clasă reactivă folosind magazine
⌨️ (9:21:33) Anulați/Refaceți cu magazinul Svelte
⌨️ (10:22:02) Context reactiv
⌨️ (10:27:56) 3 sfaturi pentru a gestiona un magazin complex
⌨️ (10:59:51) get() Svelte store value
⌨️ (11:06:29) Magazin vs Context
⌨️ (11:24:18) Introducere în acțiunea Svelte
⌨️ (11:30:16) Parametru dinamic în acțiune Svelte
⌨️ (11:34:08) Ce se întâmplă dacă acțiunea Sveltă nu există?
⌨️ (11:58:58) Integrarea bibliotecii UI cu acțiune Svelte
⌨️ (12:11:27) Reutilizarea ascultătorilor de evenimente cu acțiune Svelte
⌨️ (12:39:10) Crearea de evenimente cu acțiune Sveltă
⌨️ (12:50:21) Ordinea acțiunii Svelte
⌨️ (12:56:53) folosește: clic în afara
⌨️ (13:02:51) folosește:tooltip
⌨️ (13:37:09) use:viewport
⌨️ (13:49:14) folosește:popper cu Popper
⌨️ (14:09:31) folosește:lazyImage
⌨️ (14:19:04) Acțiuni de ansamblu
⌨️ (14:51:43) slot
⌨️ (15:04:35) Transmiterea datelor în slot
⌨️ (15:13:48) Redirecționare slot
⌨️ (15:30:32) $$slots
⌨️ (15:39:41) Lista infinită
⌨️ (16:06:40) Tabs
⌨️ (16:40:46) $$props și $$restProps
⌨️ (17:06:19) Componentă leneșă
⌨️ (17:40:37) svelte:component
⌨️ (17:49:27) svelt:self
⌨️ (17:55:25) svelte:window
⌨️ (18:03:28) svelt:body
⌨️ (18:07:14) svelt:head
⌨️ (18:16:30) svelte:opțiuni
⌨️ (18:45:27) Transmiterea proprietăților personalizate CSS către componentă
⌨️ (19:13:10) {@html}
⌨️ (19:35:02) {@debug}
⌨️ (19:40:39) script context=”modul”
⌨️ (20:00:04) Introducere în tranzițiile Svelte
⌨️ (20:03:07) Coordonarea tranzițiilor
⌨️ (20:06:53) Evenimente de tranziție
⌨️ (20:10:49) Ușurare
⌨️ (20:13:56) Tranziții accesibile
⌨️ (20:23:01) Tranziție cu glisare de culoare solidă
⌨️ (20:38:04) Tranziție Flipboard
⌨️ (20:54:28) API-ul pentru componentă la nivelul clientului
⌨️ (21:20:03) API-ul componentei SSR
⌨️ (21:39:57) Svelte compilator API
⌨️ (22:08:14) Svelte preprocess API
⌨️ (22:25:52) Componentă Sveltă hidratantă
⌨️ (22:57:06) svelt/registru
⌨️ (23:09:31) Concluzie
Linkuri:
Stare de nervozitate: https://twitter.com/lihautan
YouTube: https://youtube.com/c/lihautan
Site: https://lihautan.com/
De sprijin https://www.buymeacoffee.com/lihautan
—
Svelt https://svelte.dev/
Svelte REPL https://svelte.dev/repl
Discordia Sveltă https://svelte.dev/chat
Svelte Twitter https://twitter.com/sveltejs
Societatea Sveltă https://sveltesociety.dev/
Svelte Society Twitter https://twitter.com/SvelteSociety
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Titlul Erdeniz
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- La Bloc Episodul 43 – Cursuri Yoga
- Învață React 18 cu Redux Toolkit – Tutorial complet pentru începători
- Svelte Tutorial – Este mai bine decât React?
- Curs React JS pentru începători – Tutorial 2021
- Curs de dezvoltare web Full Stack în cloud – Svelte, Postgres, Vercel, Gitpod
- React JavaScript Framework pentru începători – Curs bazat pe proiecte
- Curs Blazor – Utilizați ASP.NET Core pentru a construi aplicații web C# Full-Stack
- Curs React – Tutorial pentru începători pentru biblioteca React JavaScript[2022]
- Curs Vue.js pentru începători [Tutorial 2021]
- Dr. Sandra Alexiu. Virusul HPV se ia ușor. Cauzează 6 tipuri de cancer. Soluția: vaccinul anti-HPV.