DEV Community

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

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

Top comments (0)