DEV Community

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

Posted on • Originally published at creativebracket.com

4

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

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay