In today's tutorial we will learn how to use the fullPage.js presentation library in a Dart web project. We will be using the js package by the Dart team to achieve this.

Setup

Install stagehand and generate a web project:

$ pub global activate stagehand
$ mkdir my_project && cd my_project
$ stagehand web-simple

Amend the dependencies section of the pubspec.yaml file:

dependencies:
  js: ^0.6.0

And update your dependencies:

$ pub get

Here's the full video tutorial once you've followed the setup procedure:

→ Watch on YouTube
→ Get the source code

Conclusion

I hope this was insightful and you learned something new today.

Subscribe to my YouTube channel to learn full-stack web development with Dart.

Like, share and follow me 😍 for more content on Dart.

Further reading

1. js package
2. How to Use JavaScript libraries in your Dart applications
3. fullPage.js library