REMARQUE ! Ce site utilise des cookies et autres technologies similaires.

En naviguant sur notre site, vous acceptez que des cookies soient utilisés pour vous proposer des contenus et services adaptés à vos centres d’intérêts En savoir plus

J'ai compris

Politique en matière de cookies

Que sont les cookies ?

Un cookie est un petit fichier contenant du texte qu'un site web sauvegarde sur votre ordinateur ou votre appareil mobile lorsque vous visitez ce site. Les cookies sont largement utilisés pour faire fonctionner les sites web, ou pour les faire fonctionner plus efficacement, ainsi que pour fournir des informations aux propriétaires du site.

Comment utilisons-nous les cookies ?

Ce site utilise Google Analytics, un service d'analyse du web fourni par Google, Inc. (ci-après "Google") qui nous aide à analyser l'usage qui est fait de ce site. À cette fin, Google Analytics utilise des cookies, qui sont des fichiers textes placés sur votre ordinateur. Les informations générées par les cookies concernant votre utilisation des sites – informations types concernant l'accès à l'internet (y compris votre adresse IP) et votre comportement de visiteur analysées de manière anonyme – sont transmises à Google, qui les stocke, y compris sur des serveurs installés aux États-Unis. Avant de stocker les informations transmises, Google les rendra anonymes en supprimant le dernier octet de votre adresse IP. Les conditions d'utilisation de Google Analytics précisent que Google utilise ces informations pour évaluer l'usage que vous faites des sites et générer des rapports sur l'activité des sites.

Ce site n'utilise pas ni n'autorise aucun tiers à utiliser l'outil d'analyse statistique pour repérer ou recueillir des informations personnelles de visiteurs de ces sites qui seraient identifiables. Google peut transférer les informations recueillies par Google Analytics à des tiers lorsque la loi l'exige ou lorsque ces tiers traitent les informations pour le compte de Google. Les conditions d'utilisation de Google Analytics précisent que Google n'établit pas de lien entre votre adresse IP et d'autres données détenues par Google. Vous pouvez refuser l'utilisation des cookies de Google Analytics en téléchargeant et en installant le module complémentaire du navigateur pour la désactivation de Google Analytics. Ce module indique au fichier JavaScript Google Analytics (ga.js) que les informations concernant la visite d'un site ne doivent pas être envoyées à Google Analytics.

Les cookies sont également utilisés pour déterminer si vous avez accepté (ou non) que nous utilisions des cookies sur ce site, de façon à ce que la question ne vous soit pas posée à chaque fois que vous le consultez.

Comment gérer les cookies ?

Vous pouvez gérer et effacer des cookies comme vous le souhaitez; pour plus d'informations à ce sujet, consultez le site www.allaboutcookies.org. Vous pouvez effacer tous les cookies déjà enregistrés sur votre ordinateur et vous pouvez configurer la plupart des navigateurs pour empêcher l'enregistrement des cookies.

Gestion des cookies dans votre navigateur

La plupart des navigateurs vous permettent:

  • de consulter les cookies qui ont été créés et de les effacer individuellement;
  • de bloquer les cookies créés par des tiers;
  • de bloquer les cookies créés par certains sites;
  • de bloquer tous les cookies, quelle que soit leur origine;
  • d'effacer tous les cookies lorsque vous fermez votre navigateur.

Si vous décidez d'effacer vos cookies, soyez conscient que toutes les préférences que vous avez éventuellement paramétrées seront perdues. En outre, si vous bloquez tous les cookies, de nombreux sites web (dont celui-ci) ne fonctionneront plus correctement. C'est pourquoi il n'est pas recommandé de bloquer les cookies lorsque vous naviguez ici.

L'Education numérique avec Tice-Education

  • word    
  • writer
  •   excel  
  • calc
  • powerpoint
  • impress
  • chrome 
  • firefox
  • safari
  • ie-10-logo
  • ipad 
  • el capitan logo
  • macosx
  • Windows 10
  • linux
  • nexus4
  • android
  • tbi
  • pdf
  • archive black zip 128
  • scratch
  • langage
  • 01010101
  • scratch algo
  • sublimetext ecran
  • cardboard box blue 128
  • robots 
  • Imprimante 3D 
  • car 
  • videoprojecteur 

Codage, algorithmique

Thimble : Un éditeur de code en ligne pour le HTML, le CSS et le Javascript

le .

college lycee

thimble logoThimble (Mozilla) est un éditeur de code en ligne qui facilite la création et la publication de vos propres pages web tout en apprenant le langage HTML, CSS et le JavaScript. Thimble rend facile la création et le partage de vos sites web. Écrivez et éditez du HTML, du CSS, et du JavaScript directement depuis votre navigateur sur un côté de votre page, avec un aperçu en temps réel sur l'autre côté. Partagez, remixez, répétez !

 

Thimble est un outil fantastique pour enseigner les compétences de codage. Il ne permet pas seulement aux apprenants de faire varier le niveau de leurs compétences pour gagner une compréhension plus complète de la manière dont fonctionne le codage, il permet aussi aux enseignants de construire des expériences spécifiques uniques pour leurs étudiants.

Comment faire ?

Un moyen facile pour commencer est de remixer l'un des projets de démarrage trouvés sur l'accueil Thimble. Ce sont des projets proposés par la communauté.

Appuyez sur le bouton Remix sur un projet de démarrage. Vous verrez alors les volets suivants:

  • Le panneau de gauche montre les fichiers inclus dans le projet. Par exemple, vous pourriez voir un fichier pour HTML, un pour CSS et un autre pour Javascript. Si vous cliquez sur différents fichiers, le contenu des deux autres panneaux change.
  • Le panneau du milieu montre le code du fichier sélectionné.
  • Le panneau de droite montre un aperçu de ce à quoi la page va ressembler sur un navigateur web ou un appareil mobile.
  • Pour chacune des créations faite par le débutant, le volet de droite peut être activé pour voir un tutoriel pour le projet. Cliquez sur le mot "Tutorial" dans la barre grise au-dessus du panneau de prévisualisation pour voir les instructions étape par étape sur la façon de remixer le projet.

Exemple : 

Thimble

 

N'oubliez pas que vous pouvez remixer tout ce qui a été créé sur Thimble. Donc si vous voyez une création qui vous plaît, cliquez sur le bouton Remix pour voir comment elle a été faite ! 

Publier et partager ses projets :

Vous pouvez publier votre projet Thimble à n'importe quel moment en appuyant le bouton « Publish » dans le coin droit supérieur de la page. Quand vous publiez votre projet, vous recevez une adresse web unique que vous pouvez partager avec vos amis, votre famille, vos professeurs... tous ceux avec qui vous voulez partager votre travail !

Vous pouvez éditer votre projet à n'importe quel moment et sauvegarder les changements sans changer l'adresse web (url).

Thimble s'inscrit dans un longue liste d'outils pour apprendre le codage HTML. Un superbe outil libre et gratuit, à tester ! L'éditeur de code en ligne Thimble s vous permettra de proposer des contenus de qualité en terme de codage et de syntaxe mais aussi d'améliorer votre référencement naturel (SEO).

Plus d'informations sur : https://thimble.mozilla.org/fr/

Tags: éditeur HTML javascript css codage

Pour écrire un commentaire, se connecter :
- Les messages injurieux, agressifs, grossiers, les critiques non argumentées et les attaques personnelles seront supprimées sans préavis et leurs auteurs bloqués.
- Le langage SMS est banni, les messages publicitaires, liens commerciaux sont interdits.
Merci de faire un effort de rédaction...
Cordialement
L'équipe Tice-Education