•Why Svelte
•What is Svelte
•Join our Online Learning Community
•Setting Up a First App The Course Project
•Writing Some Svelte Code
•Course Outline
•How To Get The Most Out Of The Course
•Course Resources
•Base Syntax Core Features
•Module Introduction
•Using Curly Braces Understanding the Core Syntax
•Reactive Variables
•More Reactivity
•Binding to Element Properties
•TwoWay Binding Shortcut
•Using Multiple Components
•Components Communication via Props
•Diving Deeper into Bindings
•Using SelfExtending Properties
•Outputting HTML Content
•A XSS Example
•Setting Dynamic CSS Classes
•Time to Practice The Basics
•Wrap Up
•Useful Resources Links
•Working with Conditionals Loops
•Using if Statements in HTML
•if else elseif
•Outputting Lists with each
•each else Extracting the Index
•Lists Keys
•Time to Practice Conditionals Loops
•A Closer Look at List Keys
•A Closer Look at Reactivity
•Updating Arrays Objects Immutably
•Understanding Event Modifiers
•Using Inline Functions
•Course Project First Steps
•Project Setup A First Component
•Different Ways of Mounting Components
•How to Embed Widgets
•Adding Data
•Adding a New Component MeetupItem
•Working with Different Component Types
•Passing Data Into Components
•Adding a MeetupGrid Component
•Adding New Meetups via a Form
•Creating a TextInput Component
•Adding a Custom Button Component
•Diving Deeper Into Components
•Understanding the Different Component Types
•Component Communication Overview
•Event Forwarding
•Emitting Custom Events
•How to Extract Event Data
•Using Spread Props Default Props
•Working with Slots
•Named Default Slots
•Example Opening Closing a Modal
•Using Slot Props
•The Component Lifecycle Theory
•Creation Update Lifecycle Hooks in Action
•Using tick
•Course Project Components Deep Dive
•Adding Default Props
•Communication via Custom Events
•Utilizing Slots
•Creating an EditMeetup Component
•Communicating Between Components
•Time for More Slots
•Adding a ReUsable Modal Component
•Finishing the Modal Component
•Working with Bindings Forms
•TwoWay Binding Refresher
•Understanding Custom Component Bindings
•Relying on Automatic Number Conversion
•Binding Checkboxes Radio Buttons
•Binding select Dropdowns
•Binding to Element References
•Binding to Component References
•Validating Forms Inputs
•Course Project Bindings Forms
•Exploring Different Validation Solutions
•Adding Validation Error Output to the TextInput Component
•Adding Some Validation Logic
•Finishing TextInput Validation
•Validating the Overall Form
•Improvements Wrap Up
•Managing State Data with Stores
•Whats the Problem
•Creating a Writable Store Subscribing
•Updating Store Data
•Stores and Stateful Presentational Components
•Managing Store Subscriptions
•Using Autosubscriptions
•A Second Store
•Subscribing for a Short Period
•Understanding Readable Stores
•Unlimited Power with Custom Stores
•Derived Store Store Bindings
•Course Project Stores
•A Possible Error
•Setting Up a Store
•Using a Custom Store
•Tapping into the Store from Different Components
•Adding a MeetupDetail Component
•Preparing the Edit Meetup Form
•Continuing Work on the Edit Feature
•Adding a Delete Functionality
•Adding a Filter Component
•Some Final Steps
•Motion Transitions Animations
•Animating Values with a Tweened Store
•Using a Spring Store Instead
•Preparing a Transition Example
•Element Transitions
•More on Transitions
•Using Different in and out Transitions
•Animating Passive Affected Items
•Deferred Transitions
•Course Project Transitions
•Animating the Modal
•Animating the Meetup Items
•Animating the Favorite Badge Wrap Up
•Network Interaction via Http
•Adding a REST API
•Sending Data via a POST Request
•Showing a Loading Indicator Sending Correct Data
•Fetching Transforming Data
•Things to Consider
•Using the await Block
•Http A Store
•Course Project Http
•Storing Meetups on a Server
•Adding a Loading Spinner
•Updating via PATCH
•Sending Favorite Updates Deleting Data
•Fixing the Order of Items
•Adding Error Handling
•Special Elements
•Dynamic Components
•Recursive Components
•Accessing Windows Body Head
•CrossComponent Scripts
•Routing Serverside Rendering with Sapper
•What and Why
•Understanding the Folder Structure
•Inspecting the Web Page
•Filenames Routes
•Error Layout Pages
•Preloading in Components
•Prefetching Data
•Migrating the Meetup Project Files into the Sapper Project
•Fetching Data on the Client Side
•Prefetching Data on the Server
•Syncing Fetched Data the Store
•Editing Deleting Meetups
•Rendering the MeetupDetail Page
•Adding Global CSS
•Deployment
•Different App Types Deployment Options
•Building the App
•Rendering Content Correctly on the Server
•Deploying a SSR App
•Hosting a Static Site
•Course Roundup
•Svelte vs React vs Angular vs Vue
•Getting Started
•Why Svelte?
•What is Svelte?
•Setting Up a First App & The Course Project
•Base Syntax & Core Features
•Using Curly Braces & Understanding the Core Syntax
•Two-Way Binding Shortcut
•Components & Communication via Props
•Using Self-Extending Properties
•Time to Practice: The Basics
•1 question
•Useful Resources & Links
•Working with Conditionals & Loops
•Using “if” Statements in HTML
•if, else & else-if
•Outputting Lists with “each”
•”each”, “else” & Extracting the Index
•Lists & Keys
•Time to Practice: Conditionals & Loops
•Updating Arrays & Objects Immutably
•Course Project – First Steps
•Project Setup & A First Component
•Adding a New Component (MeetupItem)
•Adding a “MeetupGrid” Component
•Creating a “TextInput” Component
•Adding a Custom “Button” Component
•Using Spread Props & Default Props
•Named & Default Slots
•Example: Opening & Closing a Modal
•The Component Lifecycle – Theory
•Creation & Update Lifecycle Hooks in Action
•Using “tick()”
•Course Project – Components Deep Dive
•Creating an “EditMeetup” Component
•Time for More Slots!
•Adding a Re-Usable “Modal” Component
•Finishing the “Modal” Component
•Working with Bindings & Forms
•Two-Way Binding Refresher
•Binding Checkboxes & Radio Buttons
•Binding Dropdowns
•Validating Forms & Inputs
•Course Project – Bindings & Forms
•Adding Validation & Error Output to the “TextInput” Component
•Finishing “TextInput” Validation
•Improvements & Wrap Up
•Managing State & Data with Stores
•What’s the Problem?
•Creating a Writable Store & Subscribing
•Stores and Stateful & Presentational Components
•A Second Store!
•Derived Store & Store Bindings
•Course Project – Stores
•Adding a “MeetupDetail” Component
•Preparing the “Edit Meetup” Form
•Continuing Work on the “Edit” Feature
•Adding a “Delete” Functionality
•Adding a “Filter” Component
•Motion, Transitions & Animations
•Using Different “in” and “out” Transitions
•Animating Passive (Affected) Items
•Course Project – Transitions
•Animating the “Favorite” Badge & Wrap Up
•Showing a Loading Indicator & Sending Correct Data
•Fetching & Transforming Data
•Using the “await” Block
•Http + A Store
•Course Project – Http
•Sending “Favorite” Updates & Deleting Data
•Accessing Windows, Body & Head
•Cross-Component Scripts
•Routing & Server-side Rendering with Sapper
•What and Why?
•Filenames & Routes
•Error & Layout Pages
•Pre-fetching Data
•Syncing Fetched Data & the Store
•Editing & Dele

About

Our mission is provide people with the most qualitative and healthy products for either athletes and other people who love sports and care about their diet. We have confidence about our suppliers and we guarantee the quality of our products. Nutritix has a strong interest in your health and sports progress!

Categories

Brands

JOIN OUR NEWSLETTER

Be the first to receive exciting news, features, and special offers from Nutritix

CONNECT WITH US

Facebook-f Twitter Linkedin-in Instagram Google-plus-g

© 2018 Digitalalice. Powered by Digitalalice