UsefulLinks
Computer Science
Web Development
Frontend Frameworks and Libraries
Svelte Framework
1. Introduction to Svelte
2. Svelte Component Fundamentals
3. Basic Reactivity System
4. Template Syntax and Expressions
5. Control Flow and Conditional Rendering
6. Event Handling System
7. Component Communication
8. Advanced Component Features
9. Data Binding System
10. Advanced Reactivity
11. Styling and CSS
12. Component Lifecycle
13. State Management with Stores
14. Animations and Transitions
15. SvelteKit Framework
16. Development Tools and Workflow
17. Performance Optimization
18. Deployment and Production
2.
Svelte Component Fundamentals
2.1.
Component Architecture
2.1.1.
Single File Components
2.1.2.
Component Composition
2.1.3.
Component Lifecycle Overview
2.2.
The .svelte File Structure
2.2.1.
Three-Block Architecture
2.2.2.
Block Ordering Rules
2.2.3.
File Naming Conventions
2.3.
Script Block
2.3.1.
JavaScript Logic
2.3.2.
Variable Declarations
2.3.3.
Function Definitions
2.3.4.
Import Statements
2.3.5.
Export Statements for Props
2.4.
Style Block
2.4.1.
Scoped CSS by Default
2.4.2.
CSS Syntax Support
2.4.3.
Preprocessor Integration
2.5.
Markup Section
2.5.1.
HTML Template Structure
2.5.2.
Expression Interpolation
2.5.3.
Directive Usage
Previous
1. Introduction to Svelte
Go to top
Next
3. Basic Reactivity System