 Resources from Andrew Smith in 2024

The magical disappearing UI framework

 - The web's JavaScript bloat crisis, solved. Svelte turns your templates into tiny, framework-less vanilla JavaScript.
 - Simple and familiar. Build apps out of composable, easy-to-write blocks using languages you already know.
 - Super fast, rock solid. Compile-time static analysis ensures the browser does no more work than it needs to.

svelte

In this lesson you will learn how to attach Event Handlers to buttons and input fields. Event handlers normally follows the `on:[event]` format. If you are making use of two way binding you should use `bind:` instead, for example an input field could use bind:value.

Use Event Handlers in Svelte 2

In this lesson, you will learn how to setup the zero configuration blazing fast web application bundler Parcel with Svelte.

Run and Build Svelte with Parcel

You will learn how to create a reusable button in Svelte which allows you to update its content, it's look and the action it should perform when clicked.

Create a Reusable Button Component with Svelte

We will learn how to use the fade transition in svelte to create a simple transition. We will also look at the additional parameters you can pass to this transition to create a staggering effect.

Create a Fade Transition with Svelte

We will learn how to create a component and use the tweened function from the `svelte/motion` package. We will create a function that will work as our looping mechanism and learn how to reduce the chances of our function having a memory leak by using the `onDestroy` lifecycle hook when a component is unmounted.

Create a Looping Tween Motion with Svelte

JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

Opening large JSON files inside of your IDE or text editor can be a pain at times, with this command line tool you can drill down into large JSON files with just a few commands.

We will explore opening a large JSON file containing an array of more than 5000 items, while being able to filter down into an item and to a given property with the help of autocompletion from the fx command line tool.

Topics

Instructors

Content Type

Andrew Smith

Use Event Handlers in Svelte 2

Run and Build Svelte with Parcel

Create a Reusable Button Component with Svelte

Create a Fade Transition with Svelte

Create a Looping Tween Motion with Svelte

Interactively exploring a large JSON file with fx