Learn-Svelte.js-3

Learn Svelte.js 3, Published by Packt

Chapter 1 - Up and Running with Svelte.js

* 01 - Variable and scope
* 02 - Hoisting
* 03 - let keyword
* 04 - const keyword
* 05 - Template literals
* 06 - string interpolation
* 07 - Arrow function
* 08 - Spread operataor
* 09 - Rest operator
* 10 - Destructuring
* 11 - setup using degit

Chapter 2 - Components in Svelte.js

* 01 - First svelte component
* 02 - Adding data and it manipulation using string methods
* 03 - Adding data and it manipulation using date methods
* 04 - Src attributes and it manipulation using Svelte
* 05 - alt attributes and it manipulation using Svelte
* 06 - disbaled attributes and it manipulation using Svelte
* 07 - title attributes and it manipulation using Svelte
* 08 - Normal CSS demo in svelte
* 09 - CSS preporcessor SASS demo in svelte
* 10 - CSS-in-JS demo using Emotion in svelte

Chapter 3 - A Closer look at Reactivity and Props

* 01 - Problem without reactivity in JavaScript
* 02 - Reactivity in Svelte
* 03 - Reactive declaration
* 04 - Reactive Statements
* 05 - Reactivity with Arrays in Svelte
* 06 - Import and export in Javascript
* 07 - Svelte component nesting
* 08 - Parent to Child component communication using props

Chapter 4 - Conditional Logics and Looping

* 01 - If Statement In JavasScript
* 02 - If Statement In HTML
* 03 - Else Statement In JavasScript
* 04 - Else Statement In HTML
* 05 - Else If Statement In JavasScript
* 06 - Ternary operator
* 07 - each loop
* 08 - each loop with unique identifier

Chapter 5 - Events in Svelte

* 01 - Click Event in svelte
* 02 - keyup Event in svelte
* 03 - change Event in svelte
* 04 - Focus and Blur Event in svelte
* 05 - Inline Event Handler
* 06 - preventDefault event modifier
* 07 - stopPropagation event modifier
* 08 - once event modifier
* 09 - Child to Parent Communication
* 10 - Event Forwading

Chapter 6 - Forms and its Bindings

* 01 - Text input element demo
* 02 - Text input element bindings
* 03 - Number input element demo
* 04 - Number input element bindings
* 05 - Checkbox checked bindings
* 06 - Radio and checkbox group bindings
* 07 - Contenteditable innerHTML binding
* 08 - Contenteditable textContent binding
* 09 - Media element currentTime binding
* 10 - Media element volume and paused binding
* 11 - Element dimensions bindings
* 12 - Component bindings
* 13 - Form validation and submission

Chapter 7 - Svelte Component Lifecycle

* 01 - Fetch API
* 02 - onMount lifecycle
* 03 - onDestroy lifecycle
* 04 - beforeUpdate and afterUpdate lifecycle
* 05 - tick lifecycle