Sujet : fullPage et Jquery

Bonjour ou bonsoir,

je dois utiliser jquery pour créer un site pour mes cours et mon professeur m'a demandé d'utiliser fullpage.js afin de créer un fonctionnement en slider. Le problème c'est que je n'ai utilisé jquery qu'il y a un an et assez peu au final du coup je me sens un peu perdue.
J'ai essayé de coder un début de page afin de voir le fonctionnement du fullpage.js mais ça ne fonctionne pas, seules les div de ma page html s'affichent. La voici:

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE-edge">
  <title>Top 10</title>
  <script src="script.js" type="text/javascipt"></script>
  <link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />
  <script src="jquery-2.2.1.js" type="text/javascript" ></script>
  <script src="jquery.fullPage.js" type="text/javascript" ></script>
</head>
<body>

<div class="section">
    <div class="slide" data-anchor="slide1"> Slide 1 </div>
    <div class="slide" data-anchor="slide2"> Slide 2 </div>
    <div class="slide" data-anchor="slide3"> Slide 3 </div>
    <div class="slide" data-anchor="slide4"> Slide 4 </div>
    <div class="slide" data-anchor="slide4"> Slide 5 </div>
    <div class="slide" data-anchor="slide4"> Slide 6 </div>
    <div class="slide" data-anchor="slide4"> Slide 7 </div>
    <div class="slide" data-anchor="slide4"> Slide 8 </div>
    <div class="slide" data-anchor="slide4"> Slide 9 </div>
    <div class="slide" data-anchor="slide4"> Slide 10 </div>
    <div class="slide" data-anchor="slide4"> Slide 11 </div>
</div>

</body>
</html>

Tous mes fichiers sont enregistrés dans le même dossier et pourtant j'ai l'impression qu'ils ne sont pas liés.

Quelqu'un peut-il m'aider ?