Le codage est une compétence essentielle à maîtriser pour les personnes qui souhaitent se lancer dans le développement informatique. Cet article se propose de vous donner un aperçu des bases du codage JavaScript et de vous expliquer comment vous pouvez apprendre à coder en JavaScript. Nous allons vous présenter les principaux concepts et les outils nécessaires pour débuter, ainsi que des ressources supplémentaires pour vous aider à progresser.
Javascript
- Exemple minimum de code Javascript dans une page HTML
- Ajouter des éléments à la page HTML
- Ajouter des éléments à la page HTML à l’aide d’une fonction print()
- Récupérer la valeur courante d’une liste déroulante – v1 event depuis HTML
- Récupérer la valeur courante d’une liste déroulante – v2 event depuis JS
Graphiques sans librairie Javascript externe
- Exemple d’affichage d’un canva par code Javascript intégré dans une page HTML
- Exemple d’affichage d’un vumètre graphique simple dans un canva
- Exemple d’animation d’un pixel dans un canva
- Tracé progressif d’une courbe dans un canva
Avec une librairie Javascript externe
Avec RGraph
- Exemple d’affichage d’un widget graphique fourni par une librairie Javascript (RGraph)
- Exemple d’affichage de 6 widgets graphiques fournis par une librairie Javascript (RGraph)
- Graphique Dygraphs simple
- Fixer la taille du graphique
- Graphique Dygraphs avec timeline
- Affichage des données de 24H avec timeline à l’aide de la librairie Javascript Dygraphs
- Affichage sur 24H multi-courbes avec timeline
- Affichage sur 24H multi-courbes avec timeline et choix des courbes à afficher
- Définir la plage de valeur des axes
- Fixer la couleur des courbes
- Paramétrer la légende
- Plusieurs graphiques sur la même page
- Récupérer une valeur voulue du graphique courant
- Afficher date à partir unixtime
- Affichage de plusieurs courbe : sélectionner la/les courbes à afficher.
Note : pour activer l’interactivité souris : interactionModel: Dygraph.defaultInteractionModel
Articles similaires:
- http://web.archive.org/web/20210804223007/http://www.mon-club-elec.fr/pmwiki_mon_club_elec/pmwiki.php?n=MAIN.CODERJQUERY
- http://web.archive.org/web/20210804223007/http://www.mon-club-elec.fr/pmwiki_mon_club_elec/pmwiki.php?n=MAIN.PCDUINOAppSys
- Javascript :Graphique Dygraphs simple avec timeline
- Javascript : Afficher un simple widget graphique fournit par une librairie graphique externe.
- http://web.archive.org/web/20210804223007/http://www.mon-club-elec.fr/pmwiki_mon_club_elec/pmwiki.php?n=MAIN.ATELIERSReseauServeurJavascriptDonneesCanvasRGraph
