Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Advanced Interactions and SvelteKit Features

via CodeSignal

Overview

Take your Kanban app to production level with fluid drag-and-drop and SvelteKit's powerful features. Learn to build intuitive drag interactions, implement routing for multiple views, optimize with server-side rendering, and make the app fully accessible with keyboard support.

Syllabus

  • Unit 1: Basic Drag and Drop
    • Initialize Drag State Management System
    • Implement Drag Operation Initialization Function
    • Implement Drop Zone Visual Feedback
    • Complete the Drag Drop Lifecycle
    • Connect Components to Drag System
  • Unit 2: Enhancing Drag Interactions
    • Implementing Same Column Task Reordering
    • Adding Drag Handle State Property
    • Building Core Drag and Drop Handlers
    • Complete Enhanced Drag Drop System
  • Unit 3: SvelteKit Routing Essentials
    • Building Your First SvelteKit Layout
    • Building the Main Board View
    • Creating a Comprehensive Tasks List
    • Building Dynamic Task Detail Pages
    • Polishing the Complete Routing Experience

Reviews

Start your review of Advanced Interactions and SvelteKit Features

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.