Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Blockly est une bibliothèque Web qui vous permet d'ajouter un éditeur de code personnalisable basé sur des blocs à votre application. L'éditeur utilise des blocs ressemblant à des pièces de puzzle pour représenter des concepts de code tels que des variables, des expressions logiques, des boucles, etc. Il permet aux utilisateurs de programmer sans avoir à se soucier de la syntaxe ni de l'intimidation de la ligne de commande.
Vous pouvez voir Blockly de deux manières:
Comme une interface utilisateur amusante en forme de pièces de puzzle.
Comme un compilateur de chaîne sophistiqué.
Vous définissez les connexions et les champs de saisie du puzzle, puis Blockly gère le rendu, le glissement et la connexion complexes.
Vous définissez la chaîne (généralement du code) générée pour chaque bloc, puis Blockly gère la concaténation de chaînes entières de blocs. Ce que vous faites de ce résultat dépend de vous. Vous pouvez faire tout ce que vous voulez, de la résolution d'un labyrinthe à l'animation d'un personnage en passant par l'analyse de données. Pour obtenir d'autres exemples, consultez la section Présentation des applications Blockly.
Blockly vous permet de vous concentrer sur l'application de blocs à votre domaine sans vous soucier du fonctionnement des blocs. Pour en savoir plus, consultez Pourquoi Blockly ?
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[null,null,["Dernière mise à jour le 2025/07/25 (UTC)."],[[["\u003cp\u003eBlockly is a JavaScript library that empowers developers to integrate a visual, block-based programming editor into their web applications.\u003c/p\u003e\n"],["\u003cp\u003eThis editor simplifies coding by using interlocking blocks to represent code elements, making it accessible to users with varying levels of programming experience.\u003c/p\u003e\n"],["\u003cp\u003eBlockly handles the visual aspects and logic of connecting blocks, allowing developers to focus on defining the functionality and behavior of their application.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can customize Blockly to generate code in various programming languages and utilize it for diverse applications like game development, data analysis, and educational tools.\u003c/p\u003e\n"]]],["Blockly is a web library enabling developers to integrate a visual, block-based code editor into applications. It utilizes puzzle-piece blocks to represent code elements, allowing users to program without syntax concerns. Developers define block connections and the resulting code strings. Blockly handles rendering, dragging, and string concatenation. Developers can then use the generated code strings to create various applications like solving mazes or analyzing data, allowing focus on their application instead of block interactions.\n"],null,["# What is Blockly?\n\nBlockly is a web library that lets you add a customizable blocks-based code\neditor to your app. The editor uses puzzle-piece like blocks to represent code\nconcepts like variables, logical expressions, loops, and more. It lets users\nprogram without having to worry about syntax or the intimidation of the command\nline.\n| **Note:** Blockly is for developers, Blockly apps are for learners. If you're here to use apps rather than build them, try some of the products from [companies\n| that create Blockly apps](https://developers.google.com/blockly#learn-with-blockly).\n\nBreaking it down further, you can think of Blockly in two ways:\n\n1. Like a fun puzzle-piece UI.\n2. Like a fancy string builder.\n\nYou define the puzzle connections and input fields, and then Blockly handles the\ncomplicated rendering, dragging, and connecting of them.\n\nYou define the string (usually code) that gets generated for each block, and\nthen Blockly handles concatenating whole strings of blocks. What you do with\nthat result is up to you. You can do anything from solving a maze, to animating\na character, to analyzing some data. For more examples, see the [Introduction to\nBlockly applications](/blockly/guides/design/app-overview).\n\nBlockly lets you focus on applying blocks to your domain without worrying about\nthe details of how blocks work. For more information see\n[Why Blockly?](/blockly/guides/get-started/why-blockly)"]]
