DEV Community

Cover image for fullPage.js–Get started in Dart
Jermaine Oppong
Jermaine Oppong

Posted on • Originally published at creativebracket.com

fullPage.js–Get started in Dart

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
Enter fullscreen mode Exit fullscreen mode

Amend the dependencies section of the pubspec.yaml file:

dependencies:
  js: ^0.6.0
Enter fullscreen mode Exit fullscreen mode

And update your dependencies:

$ pub get
Enter fullscreen mode Exit fullscreen mode

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

Discussion (0)