25:
129:
443:
Blockly includes a set of visual blocks for common operations, and can be customized by adding more blocks. New blocks require a block definition and a generator. The definition describes the block's appearance (user interface) and the generator describes the block's translation to executable code.
434:
and rearrange blocks. The workspace also includes, by default, zoom icons, and a trashcan to delete blocks. The editor can be modified easily to customize and limit the available editing features and blocks.
1320:
430:(GUI) of the Blockly editor consists of a toolbox, which holds available blocks, and where a user can select blocks, and a workspace, where a user can
689:
1310:
991:
159:
833:
645:
1278:
108:
1284:
663:
1068:
461:
364:
46:
487:
Microsoft's MakeCode, "a free online learn-to-code platform where anyone can build games, code devices, and mod
Minecraft"
1053:
383:
352:
882:
448:, which allows new blocks to be described using extant visual blocks; the intent is to make creating new blocks easier.
214:
907:
1232:
1058:
552:
379:
344:
188:
89:
714:
61:
1242:
375:
1063:
984:
1315:
1086:
520:
468:
427:
68:
42:
1091:
1027:
35:
1216:
1022:
75:
1289:
768:
1191:
1116:
1037:
977:
538:
391:
370:
Blockly uses visual blocks that link together to make writing code easier, and can generate code in
57:
542:
336:
294:
289:
1131:
356:
306:
244:
857:
606:
1201:
1141:
932:
444:
Definitions and generators can be written in JavaScript, or using a visual set of blocks, the
1206:
1136:
1106:
301:
560:
808:
484:, to teach introductory programing to millions of students in their Hour of Code program
1272:
969:
546:
402:
Blockly development began in summer 2011. The first public release was in May 2012 at
1304:
585:
581:
530:
431:
415:
142:
82:
1166:
1146:
506:
411:
1126:
1101:
627:
490:
403:
360:
249:
24:
1237:
1211:
1176:
1032:
556:
371:
340:
237:
150:
136:
1096:
793:
773:
256:
788:
128:
1252:
1196:
565:
Minimal type checking supported, designed for dynamically typed languages
502:
481:
262:
1181:
1161:
1121:
962:
534:
493:, a web-based robot simulation environment for learning coding and math
317:
1247:
1186:
1171:
1000:
611:
496:
348:
155:
220:
732:
1156:
1151:
973:
387:
18:
750:
390:. It can also be customized to generate code in any textual
574:
Step-by-step code execution for tracing and debugging code
690:"Google Blockly – A Graphical Language with a Difference"
478:, visual collaborative programming website for education.
715:"Scratch 3.0's new programming blocks, built on Blockly"
456:
Blockly is used in several notable projects, including:
406:. Blockly was originally designed as a replacement for
908:"Localisation statistics for the Blockly core module"
475:
414:. Neil Fraser began the project with Quynh Neutron,
1265:
1225:
1077:
1046:
1015:
1008:
551:Support for many programmatic constructs including
312:
300:
288:
268:
255:
243:
233:
213:
187:
165:
149:
135:
49:. Unsourced material may be challenged and removed.
834:"SAM Labs Blocks: Getting started on Workbench"
789:"Microsoft MakeCode Computer Science Education"
628:"Google Blockly Lets You Hack With No Keyboard"
464:, visual programming environment for education
985:
646:"Google's Blockly Teaches You to Create Apps"
8:
121:
1012:
992:
978:
970:
607:"Release Q1 2022 Patch 3 · google/Blockly"
127:
120:
529:Support of major web browsers including:
499:, to control their educational microchips
109:Learn how and when to remove this message
598:
1321:Free software programmed in JavaScript
363:, and visually resembles the language
471:, to create applications for Android.
418:, and Mark Friedman as contributors.
194:Q1 2022 Patch 3 / 8 June 2022
7:
47:adding citations to reliable sources
509:learn-to-code "education solutions"
1279:Google LLC v. Oracle America, Inc.
14:
568:Easy to extend with custom blocks
526:Completely client-side JavaScript
347:(VPLs) and editors. A project of
23:
1285:Open Source Security Foundation
34:needs additional citations for
883:"Blockly Demo: JS-Interpreter"
1:
1003:free and open-source software
577:Localised into 100+ languages
353:free and open-source software
339:for the programming language
1311:Visual programming languages
688:Black, Lucy (12 June 2012).
345:visual programming languages
141:Neil Fraser, Quynh Neutron,
171:; 12 years ago
1337:
838:edu.workbencheducation.com
359:. It typically runs in a
343:for creating block-based
276:
209:
183:
126:
862:Blockly-demo.appspot.com
521:Scalable Vector Graphics
428:graphical user interface
1047:Programming languages
571:Clean code generation
196:; 2 years ago
858:"Blockly Demo: Code"
769:"Microsoft MakeCode"
751:"Translate Code.org"
733:"MIT App Inventor 2"
392:programming language
43:improve this article
933:"Blockly Demo: RTL"
355:released under the
123:
357:Apache License 2.0
307:Apache License 2.0
137:Original author(s)
16:JavaScript library
1298:
1297:
1261:
1260:
1226:Operating systems
1080:development tools
912:Translatewiki.net
668:Groups.google.com
335:is a client-side
330:
329:
279:List of languages
119:
118:
111:
93:
1328:
1207:Protocol Buffers
1013:
994:
987:
980:
971:
966:
965:
963:Official website
948:
947:
945:
943:
929:
923:
922:
920:
918:
904:
898:
897:
895:
893:
879:
873:
872:
870:
868:
854:
848:
847:
845:
844:
830:
824:
823:
821:
819:
809:"PICAXE Blockly"
805:
799:
798:
785:
779:
778:
765:
759:
758:
747:
741:
740:
729:
723:
722:
711:
705:
704:
702:
700:
685:
679:
678:
676:
674:
660:
654:
653:
642:
636:
635:
623:
617:
616:
603:
519:Web-based using
326:
323:
321:
319:
229:
226:
224:
222:
204:
202:
197:
179:
177:
172:
131:
124:
114:
107:
103:
100:
94:
92:
51:
27:
19:
1336:
1335:
1331:
1330:
1329:
1327:
1326:
1325:
1316:Google software
1301:
1300:
1299:
1294:
1257:
1221:
1079:
1073:
1042:
1004:
998:
961:
960:
957:
952:
951:
941:
939:
937:Blockly Samples
931:
930:
926:
916:
914:
906:
905:
901:
891:
889:
887:Blockly Samples
881:
880:
876:
866:
864:
856:
855:
851:
842:
840:
832:
831:
827:
817:
815:
807:
806:
802:
787:
786:
782:
767:
766:
762:
749:
748:
744:
731:
730:
726:
713:
712:
708:
698:
696:
687:
686:
682:
672:
670:
664:"Google Groups"
662:
661:
657:
644:
643:
639:
625:
624:
620:
605:
604:
600:
595:
516:
454:
441:
424:
400:
316:
284:
283:
280:
219:
205:
200:
198:
195:
175:
173:
170:
166:Initial release
145:, Mark Friedman
115:
104:
98:
95:
52:
50:
40:
28:
17:
12:
11:
5:
1334:
1332:
1324:
1323:
1318:
1313:
1303:
1302:
1296:
1295:
1293:
1292:
1290:Summer of Code
1287:
1282:
1275:
1269:
1267:
1263:
1262:
1259:
1258:
1256:
1255:
1250:
1245:
1240:
1235:
1229:
1227:
1223:
1222:
1220:
1219:
1214:
1209:
1204:
1199:
1194:
1189:
1184:
1179:
1174:
1169:
1164:
1159:
1154:
1149:
1144:
1139:
1134:
1129:
1124:
1119:
1114:
1109:
1104:
1099:
1094:
1089:
1083:
1081:
1078:Frameworks and
1075:
1074:
1072:
1071:
1066:
1061:
1056:
1050:
1048:
1044:
1043:
1041:
1040:
1035:
1030:
1025:
1019:
1017:
1010:
1006:
1005:
999:
997:
996:
989:
982:
974:
968:
967:
956:
955:External links
953:
950:
949:
924:
899:
874:
849:
825:
800:
780:
760:
742:
724:
706:
680:
655:
637:
618:
597:
596:
594:
591:
590:
589:
578:
575:
572:
569:
566:
563:
549:
527:
524:
515:
512:
511:
510:
500:
494:
488:
485:
479:
472:
465:
453:
450:
440:
437:
423:
422:User interface
420:
399:
396:
328:
327:
314:
310:
309:
304:
298:
297:
292:
286:
285:
281:
278:
277:
274:
273:
270:
266:
265:
259:
253:
252:
247:
241:
240:
235:
231:
230:
217:
211:
210:
207:
206:
193:
191:
189:Stable release
185:
184:
181:
180:
167:
163:
162:
153:
147:
146:
139:
133:
132:
117:
116:
31:
29:
22:
15:
13:
10:
9:
6:
4:
3:
2:
1333:
1322:
1319:
1317:
1314:
1312:
1309:
1308:
1306:
1291:
1288:
1286:
1283:
1281:
1280:
1276:
1274:
1271:
1270:
1268:
1264:
1254:
1251:
1249:
1246:
1244:
1241:
1239:
1236:
1234:
1231:
1230:
1228:
1224:
1218:
1215:
1213:
1210:
1208:
1205:
1203:
1200:
1198:
1195:
1193:
1190:
1188:
1185:
1183:
1180:
1178:
1175:
1173:
1170:
1168:
1165:
1163:
1160:
1158:
1155:
1153:
1150:
1148:
1145:
1143:
1140:
1138:
1135:
1133:
1130:
1128:
1125:
1123:
1120:
1118:
1117:Closure Tools
1115:
1113:
1110:
1108:
1105:
1103:
1100:
1098:
1095:
1093:
1090:
1088:
1085:
1084:
1082:
1076:
1070:
1067:
1065:
1062:
1060:
1057:
1055:
1052:
1051:
1049:
1045:
1039:
1036:
1034:
1031:
1029:
1026:
1024:
1021:
1020:
1018:
1014:
1011:
1007:
1002:
995:
990:
988:
983:
981:
976:
975:
972:
964:
959:
958:
954:
938:
934:
928:
925:
913:
909:
903:
900:
888:
884:
878:
875:
863:
859:
853:
850:
839:
835:
829:
826:
814:
810:
804:
801:
796:
795:
790:
784:
781:
776:
775:
770:
764:
761:
756:
752:
746:
743:
738:
734:
728:
725:
720:
716:
710:
707:
695:
691:
684:
681:
669:
665:
659:
656:
651:
647:
641:
638:
633:
629:
622:
619:
614:
613:
608:
602:
599:
592:
587:
586:right-to-left
583:
582:left-to-right
579:
576:
573:
570:
567:
564:
562:
558:
554:
550:
548:
544:
540:
536:
532:
528:
525:
522:
518:
517:
513:
508:
504:
501:
498:
495:
492:
489:
486:
483:
480:
477:
473:
470:
466:
463:
459:
458:
457:
451:
449:
447:
446:Block Factory
439:Customization
438:
436:
433:
432:drag and drop
429:
421:
419:
417:
416:Ellen Spertus
413:
409:
405:
397:
395:
393:
389:
385:
381:
377:
373:
368:
366:
362:
358:
354:
350:
346:
342:
338:
334:
325:
315:
311:
308:
305:
303:
299:
296:
293:
291:
287:
275:
271:
267:
264:
260:
258:
254:
251:
248:
246:
242:
239:
236:
232:
228:
218:
216:
212:
208:
192:
190:
186:
182:
169:May 2012
168:
164:
161:
157:
154:
152:
148:
144:
143:Ellen Spertus
140:
138:
134:
130:
125:
113:
110:
102:
91:
88:
84:
81:
77:
74:
70:
67:
63:
60: –
59:
55:
54:Find sources:
48:
44:
38:
37:
32:This article
30:
26:
21:
20:
1277:
1111:
1016:Applications
940:. Retrieved
936:
927:
915:. Retrieved
911:
902:
890:. Retrieved
886:
877:
865:. Retrieved
861:
852:
841:. Retrieved
837:
828:
816:. Retrieved
812:
803:
792:
783:
772:
763:
754:
745:
736:
727:
718:
709:
697:. Retrieved
694:I-programmer
693:
683:
671:. Retrieved
667:
658:
650:NBC Bay Area
649:
640:
631:
626:Metz, Cade.
621:
610:
601:
580:Support for
469:App Inventor
455:
452:Applications
445:
442:
426:The default
425:
412:App Inventor
407:
401:
369:
332:
331:
272:50 languages
269:Available in
151:Developer(s)
105:
96:
86:
79:
72:
65:
53:
41:Please help
36:verification
33:
1127:FlatBuffers
942:24 February
892:24 February
491:RoboBlockly
404:Maker Faire
361:web browser
250:Web browser
1305:Categories
1238:ChromiumOS
1212:TensorFlow
1177:Kubernetes
1033:OpenRefine
917:16 January
867:16 January
843:2020-10-10
673:16 January
593:References
408:OpenBlocks
372:JavaScript
341:JavaScript
318:developers
238:JavaScript
234:Written in
215:Repository
201:2022-06-08
69:newspapers
1097:AngularJS
1038:Tesseract
794:Microsoft
774:Microsoft
588:languages
557:functions
553:variables
99:July 2019
58:"Blockly"
1253:Goobuntu
1197:OR-Tools
1023:Chromium
1009:Software
755:Code.org
514:Features
503:SAM Labs
482:Code.org
351:, it is
324:/blockly
245:Platform
227:/blockly
1273:Code-in
1266:Related
1243:Fuchsia
1202:Polymer
1182:LevelDB
1162:Guetzli
1132:Flutter
1122:Cpplint
1112:Blockly
1092:Angular
1069:Sawzall
535:Firefox
462:Scratch
398:History
365:Scratch
337:library
333:Blockly
320:.google
313:Website
302:License
295:Library
282:English
225:/google
199: (
176:2012-05
174: (
122:Blockly
83:scholar
1248:gLinux
1187:libvpx
1172:gVisor
1142:Gerrit
1054:Carbon
1001:Google
818:5 July
813:PICAXE
719:Google
699:3 July
612:GitHub
561:arrays
539:Safari
531:Chrome
497:PICAXE
474:MIT's
467:MIT's
460:MIT's
384:Python
349:Google
221:github
156:Google
85:
78:
71:
64:
56:
1167:Guice
1147:Guava
1137:Gears
1107:Bazel
1028:Gemma
632:Wired
543:Opera
523:(SVG)
507:STEAM
505:, in
386:, or
90:JSTOR
76:books
1233:AOSP
1192:NaCl
1157:Gson
1152:gRPC
1102:Beam
1059:Dart
944:2023
919:2018
894:2023
869:2018
820:2020
701:2019
675:2018
584:and
547:Edge
476:CoCo
380:Dart
322:.com
290:Type
261:150
257:Size
223:.com
62:news
1087:AMP
737:MIT
410:in
388:PHP
376:Lua
160:MIT
45:by
1307::
1217:V8
1064:Go
935:.
910:.
885:.
860:.
836:.
811:.
791:.
771:.
753:.
735:.
717:.
692:.
666:.
648:.
630:.
609:.
559:,
555:,
545:,
541:,
537:,
533:,
394:.
382:,
378:,
374:,
367:.
263:KB
158:,
993:e
986:t
979:v
946:.
921:.
896:.
871:.
846:.
822:.
797:.
777:.
757:.
739:.
721:.
703:.
677:.
652:.
634:.
615:.
203:)
178:)
112:)
106:(
101:)
97:(
87:·
80:·
73:·
66:·
39:.
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.