Svelte.js Introduction


Course Facts

  • 2 day course
  • Our Trainers are Authorised Professionals
  • Live Online or Classroom-based
  • Certificate of completion
  • Maximum class size of 6 for scheduled courses
  • Unlimited support after your course
  • Courses at all levels: Introduction, Intermediate, Advanced and Masterclasses

Course Outline

  • Introducing Svelte.js
  • Fundamental methods in Svelte
  • Building Apps
  • Components
  • Forms and Data Binding
FULL OUTLINE

Private One-to-One Training

One-to-one tuition tailored to your exact requirements. Your choice of duration, dates and content.

Enquire Now

Team Training for Companies

Group bookings provide you with the most cost-effective way to train your team.

Enquire Now

Team Training and Bespoke Sessions

Booking a private training session allows you to focus on your exact needs on dates that work best for you or your team.

  • Sessions can be run online or in person, on your site or at our London training centre.
  • We manage training for many of the UK’s largest companies, taking care of all the admin, working with you to ensure the perfect course.
  • Our expert trainers will first understand your requirements and then tailor each session to your exact specification.
  • We offer a free consultation service to work out every detail of your course.

Prices for bespoke sessions with our expert trainers start at £525 + VAT.

Overview

Svelte is a front-end, open-source JavaScript framework for making interactive webpages. Like React and Vue, Svelte allows developers to create web applications, but with less code, no virtual DOM (Document Object Model). It is also truly reactive. Our course introduces Svelte.js for efficient code and performant frontend applications and user interfaces. Through hands-on examples delegates will gain a thorough understanding of how to build Svelte apps.
Read More...

Course Outline

Introducing Svelte.js

  • Use cases eg. web applications intended for low-power devices and highly interactive pages or complex visualisations
  • Svelte.js setup and features

Fundamental methods in Svelte

  • Extending HTML by allowing JavaScript expressions in markup and providing directives to use conditions and loops
  • Extending CSS by adding a scoping mechanism and allowing each component to define its own styles

Building Apps

  • Understanding the architecture
  • Breaking problems down
  • Creating components
  • Working with events
  • Using slots

Components

  • Using css in components
  • Attaching events in Svelte
  • Reactive declarations and statements
  • Component and props
  • Component events and component lifecycle
  • Understanding and using Context

Forms and Data Binding

  • Writing interactive forms
  • Validating forms and input
  • Using component binding

Data Management and State

  • Understanding data modelling
  • Creating, updating, and managing stores
  • Writable and readable store
  • Comparing Store and Context
  • Introducing Action
  • Actions: creating and reusing event listeners
  • Passing data across slots

Consuming Web Services

  • Using external APIs
  • Sending, fetching, and transforming data

Routing and Server-Side Rendering

  • How to build navigation
  • Preloading components
  • Lazy Components
  • Fetching and pre-fetching data
  • Syncing stores

Writing Robust Code

  • Separation of concerns
  • Handling errors
  • Unit tests and mock tests

Development and Production

  • The Svelte compiler
  • Understanding the development build
  • Building and deploying an application
  • Protecting data and APIs

Our Clients

Our Recent Success Stories

Photoshop Training

Photoshop

Kiren's Story

Marketing Manager at Dataminer

Sketch Training

Sketch

Mark's Story

Graphic Designer at Just Eat

Animate Training

Animate

Stuart's Story

Graphic Designer at S4C

30 years working with our clients
Five Star Training Five Star Training Five Star Training Five Star Training Five Star Training   600+ Reviews

Why Transmedia?

Unlimited Training Support

We offer unlimited training support after your course.

Bespoke Training Solutions

Customised training and software solutions based on your exact specification.

Worldwide Creative Skills Training

Join our authorised training courses live online from anywhere in the world.

Authorised Training Professionals

Our experts are accredited by Adobe, Apple and Claris and bring years of experience and real-world expertise.

Courses Live Online

Join our virtual classrooms to learn from the comfort of your own space in real time from our accredited training experts.

SEE COURSES

Classroom Training

Join us at one of our Authorised Training Centres for a traditional classroom-based experience.

We have everything ready for you to have the best training experience.

SEE COURSES

Private Courses

One-to-one tuition or a private group training with just you or your colleagues.

We can train you live online, at one of our centres or onsite, wherever you are located.

SEE COURSES

Latest Help Station Articles