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

Brackets : un éditeur moderne open source pour le codage

le .

toutpublic

logo bracketsBrackets est un éditeur open-source orienté "web design et développement" pour la conception de pages Web HTML,  CSS et  JavaScript. Brackets est multi-plateformes et est particulièrement adapté au profil d'intégrateur ou de webdesigner ; il a été développé par Adobe et est publié sous une licence MIT. Pour rappel, Les éditeurs de codes comme Sublime Text, NotePad ++ ou Atom permettent d’éditer des textes avec une coloration syntaxique selon le langage choisi.
Brackets dispose d'une interface utilisateur épurée mais trés complète en mode "édition de code". Brackets propose une édition rapide des fichiers ou encore l'affichage d'un nuancier pour faciliter la modification des codes de couleur dans les feuilles de styles éditées.

 

Principaux atouts :

• Mise à jour du code HTML et CSS, dans le navigateur web, en temps réel sans rechargement ;
• Surbrillance des éléments : le ou les éléments sélectionnés sur Brackets sont affichés en surbrillance dans le navigateur web ;

 

Quick Edit :

Quick Edit est une fonctionnalité qui permet de modifier, directement en ligne, du code CSS ou JavaScript.

Edition HTML

Applique une édition rapide sur des éléments HTML pour permettre d'afficher toutes les propriétés CSS correspondantes sous l'élément sélectionné. Les utilisateurs ont la possibilité de créer de nouvelles règles CSS directement dans l'éditeur et d'éditer une propriété CSS de l'élément sans quitter le fichier HTML. L'édition HTML vous permettra d'offrir des contenus de qualité au niveau du codage et ainsi d'améliorer votre référencement naturel.

Fichier JavaScript

Sur des fonctions JavaScript, la fonctionnalité permet la même interaction que la modification d'un élément HTML, mais affiche le code contenu dans la fonction. Toutes les mises à jour du code contenu dans la fonction seront mises à jour automatiquement dans le fichier.

 

Live Preview :

En utilisant la fonctionnalité « Live Preview », le navigateur web interprète immédiatement le code source modifié sous Brackets sans pour autant recharger la page. En clair un affichage du contenu de la page en temps réel. Par exemple, la partie que vous sélectionnez dans l'éditeur se retrouve en surbrillance dans le navigateur.

 

Ecran :

 Brackets ecran

 


Extensions :

L'éditeur supporte l'ajout d'extensions qui peuvent ajouter des fonctionnalités. Celles-ci peuvent être développées dans Brackets lui-même avec HTML CSS et JavaScript, étant donné qu'il est écrit avec ces trois langages. Il est également possible de développer des thèmes. Brackets propose une grande bibliothèque d'extensions que l’on peut installer.

 

Démonstration :

 

 

Une interface Window, OSX, Linux :

  • Mac OSX 10.6.8 or +
  • Windows Vista, 7, or 8/8.1 (x32 and x64)
  • Linux Ubuntu 12.04 or + (x32 and x64)
  • Debian Linux 8 or +
  • Au mmoins 2 GB of RAM pour le développement "Live"

 

Plus d'informations sur : http://brackets.io/

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