Take it easy JavaScript: tieJS, l’éditeur de code pour les débutants JavaScript

Le logiciel tieJS est un environnement de développement pour la programmation avec JavaScript, qui est principalement destiné aux nouveaux arrivants à la programmation avec JavaScript. Le logiciel peut être utilisé gratuitement pour les établissements d’enseignement et à des fins privées.

Il existe déjà d’excellents environnements de développement pour JavaScript. Cependant, comme ceux-ci conviennent mieux aux utilisateurs avancés, il n’est pas toujours facile de démarrer avec la programmation JavaScript. TieJS vise à faciliter la mise en route. Le nom dit tout: «Take it easy JavaScript».

La version de base ne contient que les fonctions les plus importantes pour que l’opération reste simple. Par exemple, le code JavaScript peut être exécuté directement sans avoir à créer vous-même un fichier HTML supplémentaire.

Au fur et à mesure que l’apprentissage progresse, l’éditeur peut être étendu avec des plug-ins. Les plug-ins ouvrent une partie de l’impressionnant écosystème de modules JavaScript NPM, qui offre déjà une solution à de nombreuses questions. Les nombreux modules et bibliothèques disponibles pour JavaScript font certainement partie de l’attractivité de ce langage de programmation. Cependant, leur utilisation n’est pas toujours facile et nécessite parfois une formation approfondie. Grâce au système de plug-in tieJS, certains modules et bibliothèques attrayants sont disponibles sur simple pression d’un bouton et via une pré-configuration appropriée sans trop de formation.

Le plug-in Documentation est utilisé pour créer de la documentation pour votre propre code source. Documentation.js avec la syntaxe JSDoc est utilisé. Avec le plug-in Flowchart (flowchart.js), le texte source peut être affiché sous forme de diagramme en appuyant sur un bouton. Le plug-in Jasmine permet de formuler et d’effectuer des tests unitaires avec Jasmine. Avec le plug-in EXE-Win7, NWJS est utilisé pour créer un exécutable exécutable à partir de Windows 7 du code source. Les deux plug-ins Collab-Server et Collab permettent une programmation coopérative dans le réseau local. Techniquement, ceci est implémenté en utilisant le framework Yjs. Afin de rendre votre propre code source exécutable sur autant de navigateurs que possible, Babel remplace les passages de code correspondants dans le plug-in du même nom. Si vous souhaitez fournir votre site Web ou votre application Web de manière compacte dans un fichier HTML, vous pouvez utiliser le module NPM web-resource-inliner dans le plug-in HTML-inline pour insérer les fichiers référencés en appuyant simplement sur un bouton. Enfin, le code JavaScript côté serveur peut être créé avec le plug-in NodeJS et enregistré à l’aide de Browserify, qui est intégré dans ce plug-in, adapté aux navigateurs. Cependant, cela nécessite l’installation de NodeJS sur l’ordinateur.

Cet article montre l’utilisation de base de tieJS. Les articles suivants traitent de l’installation et de l’utilisation des plug-ins.

L’éditeur peut être téléchargé à partir de l’URL tiejs.ilernen.eu. Le fichier téléchargé tieJS_setup.zip contient une archive 7zip auto-extractible tieJS_setup.exequi installe l’éditeur dans le sous-dossier du répertoire courant. tieJS est une application portable et peut être installée n’importe où, y compris sur un support de données portable. Le sous-dossier tieJS contient tieJS.exe, qui démarre l’application.

En plus de JavaScript, l’éditeur peut également être utilisé pour créer des fichiers HTML, CSS, JSON et, par exemple, Python. Avec tieJS, les fichiers HTML et Python peuvent être exécutés directement dans le navigateur.

Les fragments de programme fréquemment utilisés peuvent être des extraits dans le dossier extraits du répertoire d’installation de tieJS. Un menu d’extraits de code séparé s’affiche dans l’éditeur pour chaque extension de fichier:

Il existe plusieurs façons d’exécuter le code JavaScript:

Avec le bouton « Exécuter », le code JavasScript est exécuté directement dans tieJS. Communication avec l’utilisateur, par exemple via rapide– ou document.write-Les commandes ont lieu dans la fenêtre de document. La fenêtre de la console affiche toutes les sorties et les messages d’erreur de console.log. Cliquer sur le bouton « Afficher dans l’éditeur » d’un message d’erreur dans la fenêtre de la console vous amène directement à la position d’erreur correspondante dans la fenêtre de l’éditeur. Les erreurs y sont également marquées:

Avec les boutons « Start », « Step » et « Stop » le code dans tieJS est exécuté en utilisant le mode de débogage. En plus de la fenêtre Document et console, la fenêtre Variables s’ouvre avec les variables utilisées et leur contenu. Le code peut être exécuté pas à pas et l’exécution du programme peut être suivie en le marquant dans l’éditeur. De cette façon, le débogage de code sur tieJS est uniquement destiné aux programmes simples avec un seul fichier JavaScript, il est donc plus facile pour les débutants d’illustrer Séquences de programme destinées à la formation. Pour les applications plus complexes, par exemple en utilisant une interface utilisateur graphique HTML, le débogueur déjà contenu dans le navigateur peut être utilisé via les « outils de développement ».

Avec le bouton « Navigateur », le code est exécuté directement dans le navigateur. Les outils de développement du navigateur respectif peuvent être utilisés pour le débogage. Une fois le code modifié dans l’éditeur, le bouton d’actualisation du navigateur doit être enfoncé pour afficher les modifications dans le navigateur.

De plus amples informations sur l’utilisation de tieJS sont disponibles dans l’aide intégrée sous Info -> Aide. Par exemple, la fonction d’achèvement du chemin, le mécanisme de mise à jour et les raccourcis clavier pour les fonctions d’édition importantes telles que la fonction de recherche y sont expliqués. Étant donné que l’éditeur est basé sur l’éditeur ace open source et éprouvé, les raccourcis clavier connus pour cette raison fonctionnent largement. Les conditions d’utilisation et les sources se trouvent sous Info -> À propos.
La prochaine partie de cette série d’articles examine l’installation et l’utilisation des plug-ins sous tieJS. Tout d’abord, le plug-in Collab est utilisé pour la programmation coopérative dans le réseau local. Plusieurs utilisateurs peuvent travailler simultanément sur un fichier du réseau local.

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *