<p>In this video we will learn how to use the fullPage.js presentation library in a Dart web project. We will be using the <strong>js</strong> package by the Dart team to achieve this.</p>
<h2 id="heading-setup"><strong>Setup</strong></h2>
<p>Install <a target="_blank" href="https://pub.dartlang.org/packages/stagehand"><strong>stagehand</strong></a> and generate a web project:</p>
<pre><code class="lang-bash">$ pub global activate stagehand
$ mkdir my_project &amp;&amp; <span class="hljs-built_in">cd</span> my_project
$ stagehand web-simple
</code></pre>
<p>Amend the <code>dependencies</code> section of the <strong>pubspec.yaml</strong> file:</p>
<pre><code class="lang-bash">dependencies:
  js: ^0.6.0
</code></pre>
<p>And update your dependencies:</p>
<pre><code class="lang-bash">$ pub get
</code></pre>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://youtu.be/qwpAEcSl43o">https://youtu.be/qwpAEcSl43o</a></div>
<p> </p>
<h2 id="heading-further-reading"><strong>Further reading</strong></h2>
<ol>
<li><p><a target="_blank" href="https://pub.dartlang.org/packages/js">js package</a></p>
</li>
<li><p><a target="_blank" href="http://localhost:8080/how-to-use-javascript-libraries-in-your-dart-applications/">How to Use JavaScript libraries in your Dart applications</a></p>
</li>
<li><p><a target="_blank" href="https://alvarotrigo.com/fullPage/"><strong>fullPage.js library</strong></a></p>
</li>
</ol>


In this video 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**](https://pub.dartlang.org/packages/stagehand) and generate a web project:

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

Amend the `dependencies` section of the **pubspec.yaml** file:

```bash
dependencies:
  js: ^0.6.0
```

And update your dependencies:

```bash
$ pub get
```

%[https://youtu.be/qwpAEcSl43o] 

## **Further reading**

1. [js package](https://pub.dartlang.org/packages/js)
    
2. [How to Use JavaScript libraries in your Dart applications](http://localhost:8080/how-to-use-javascript-libraries-in-your-dart-applications/)
    
3. [**fullPage.js library**](https://alvarotrigo.com/fullPage/)

We will learn how to use the fullPage.js javascript library to enable full screen experiences in a Dart web project.

fullPage.js - Get started in Dart

Creative Bracket is the go-to Dart resource blog on the Dart language and tools with easy to understand Dart tutorials and videos for your next project.
