Valeur de cette activité : 5 points
Compétence :
Compétence :
Compétence :
PEPS - La programmation DART

A-Module 26 : La programmation DART : 5 points - difficulté : 3

La programmation DART

Description

Dart (initialement appelé Dash1) est un langage de programmation web développé par Google. Il a été dévoilé lors de la conférence GOTO à Aarhus (Danemark), le 12 octobre 2012. Son but est de remplacer JavaScript pour devenir le nouveau langage du développement web.
Source : http://fr.wikipedia.org/wiki/Dart_%28langage_informatique%29

Le langage DART est une intégration des langages HTML5, Css3, javascript et Java

Cette activité de découverte s'adresse aux élèves ayant déjà une base de connaissances dans les modules HTML, Css, Javascript et Java.

Cliquez ici pour afficher mon premier programme DART

Voici le contenu du fichier test.dart 

import 'dart:html';
void main() {
  query("#text")
    ..text = "Cliquez ICI!"
    ..on.click.add(reverseText);
}

void reverseText(Event event) {
  var text = query("#text").text;
  var buffer = new StringBuffer();
  for (int i = text.length - 1; i >= 0; i--) {
    buffer.add(text[i]);
  }
  query("#text").text = buffer.toString();
}


Voici le contenu du fichier test.html 



  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <link rel="stylesheet" href="test.css">
  </head>
  <body>
    <h1>DART</h1>    
    <p>Mon premier programme!</p>
     <div id="container">
      <p id="text"></p>
    </div>

    <script type="application/dart" src="web/test.dart"></script>
    <script src="./dart.js"></script>
  </body>
</html>






    



  1. Téléchargez et installez le logiciel DART_EDITOR


Notez que vous pouvez également utiliser l'IDE Chrome-Dev-Editor (extension du navigateur web Chrome)

 


  2. Consultez la documentation offerte sur le site



  3. Produisez un fichier affichant un apprentissage réalisé



  4. Téléchargez vos fichiers produits (.dart , .css, .html) dans votre espace de téléchargement




  5. Compactez dans un fichier .zip tout ces fichiers



  6. Téléchargez ce fichier .zip dans votre espace de téléchargement

 
 


  7. Ajoutez une page à votre portfolio en affichant l'assistant HTML   ainsi que la directive 94386



  8. Inscrivez dans le champ titre  : La Programmation DART



  9. Sélectionnez la section : MODULE La Programmation DART



  10. Sélectionnez la matière : informatique



  11. Inscrivez dans le champ no de la directive  : 94386




  12. Inscrivez dans votre page le titre de niveau 1 : La Programmation DART




  13. Ajoutez un LIEN vers le fichier html de votre projet



  14. Ajoutez un LIEN vers le fichier .zip



  15. Ajoutez une description des apprentissages réalisés
  



  16. Visualisez votre page et apportez des modifications au besoin.