Графический язык программирования blockly

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

The web-based visual programming editor.

License

google/blockly

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Google’s Blockly is a library that adds a visual code editor to web and mobile apps. The Blockly editor uses interlocking, graphical blocks to represent code concepts like variables, logical expressions, loops, and more. It allows users to apply programming principles without having to worry about syntax or the intimidation of a blinking cursor on the command line. All code is free and open source.

Getting Started with Blockly

Blockly has many resources for learning how to use the library. Start at our Google Developers Site to read the documentation on how to get started, configure Blockly, and integrate it into your application. The developers site also contains links to:

Help us focus our development efforts by telling us what you are doing with Blockly. The questionnaire only takes a few minutes and will help us better support the Blockly community.

For more information on installing and using Blockly, see the Getting Started article.

• Report a bug or file a feature request on GitHub
• Ask a question, or search others’ questions, on our developer forum. You can also drop by to say hello and show us your prototypes; collectively we have a lot of experience and can offer hints which will save you time. We actively monitor the forums and typically respond to questions within 2 working days.

We have a number of resources such as example code, demos, and plugins in another repository called blockly-samples. A plugin is a self-contained piece of code that adds functionality to Blockly. Plugins can add fields, define themes, create renderers, and much more. For more information, see the Plugins documentation.

Want to make Blockly better? We welcome contributions to Blockly in the form of pull requests, bug reports, documentation, answers on the forum, and more! Check out our Contributing Guidelines for more information. You might also want to look for issues tagged «Help Wanted» which are issues we think would be great for external contributors to help with.

We release by pushing the latest code to the master branch, followed by updating the npm package, our docs, and demo pages. We typically release a new version of Blockly once a quarter (every 3 months). If there are breaking bugs, such as a crash when performing a standard action or a rendering issue that makes Blockly unusable, we will cherry-pick fixes to master between releases to fix them. The releases page has a list of all releases.

We use semantic versioning. Releases that have breaking changes or are otherwise not backwards compatible will have a new major version. Patch versions are reserved for bug-fix patches between scheduled releases.

We now have a beta release on npm. If you’d like to test the upcoming release, or try out a not-yet-released new API, you can use the beta channel with:

As it is a beta channel, it may be less stable, and the APIs there are subject to change.

There are two main branches for Blockly.

master — This is the (mostly) stable current release of Blockly.

develop — This is where most of our work happens. Pull requests should always be made against develop. This branch will generally be usable, but may be less stable than the master branch. Once something is in develop we expect it to merge to master in the next release.

other branches: — Larger changes may have their own branches until they are good enough for people to try out. These will be developed separately until we think they are almost ready for release. These branches typically get merged into develop immediately after a release to allow extra time for testing.

Once a new API is merged into master it is considered beta until the following release. We generally try to avoid changing an API after it has been merged to master, but sometimes we need to make changes after seeing how an API is used. If an API has been around for at least two releases we’ll do our best to avoid breaking it.

Unreleased APIs may change radically. Anything that is in develop but not master is subject to change without warning.

We typically triage all bugs within 2 working days, which includes adding any appropriate labels and assigning it to a milestone. Please keep in mind, we are a small team so even feature requests that everyone agrees on may not be prioritized.

Upcoming release — The upcoming release milestone is for all bugs we plan on fixing before the next release. This typically has the form of year_quarter_release (such as 2019_q2_release ). Some bugs will be added to this release when they are triaged, others may be added closer to a release.

Bug Bash Backlog — These are bugs that we’re still prioritizing. They haven’t been added to a specific release yet, but we’ll consider them for each release depending on relative priority and available time.

Icebox — These are bugs that we do not intend to spend time on. They are either too much work or minor enough that we don’t expect them to ever take priority. We are still happy to accept pull requests for these bugs.

Источник

Знакомство с Blockly

Профессиональные программисты пишут код с помощью текстовых языков программирования. Для написания больших программ такой подход наиболее эффективен, но для начинающих программистов довольно сложно одновременно изучать концепции программирования и синтаксис языка.

Для новичков в программировании отлично подойдёт визуальный язык программирования, позволяющий создавать программы без изучения правил синтаксиса. Отличный пример – язык Google Blockly, его можно запускать онлайн и он генерирует исходный код на языках JavaScript, Python, PHP и Dart. Для создания программы в Blockly нужно перемещать визуальные блоки.

Это руководство поможет научиться программированию с помощью Blockly.

Для изучения основ программирования с помощью Blockly необходима система, включающая в себя три компонента:

1. Визуальный редактор, который собственно и есть язык Blockly, представляющий собой набор графических блоков определенной формы. Благодаря этому редактору, Вы соединяете одни блоки с другими и создаёте программу для Исполнителя.
2. Пользовательский интерфейс. Это среда работы и элементы управления какого-либо Исполнителя, для которого Вы и создаёте программу. С помощью этого интерфейса можно увидеть результат работы Вашей программы.
3. Интерпретатор, генерирующий и запускающий код программы, собранной из графических блоков. В данном случае – это интерпретатор языка программирования JavaScript, который переводит Вашу программу, составленную из блоков в компьютерный (машинный) язык. Этот компонент не имеет визуального представления, он скрыт от Вас.

Все три компонента собраны в единую среду разработки, в которой можно создавать программы или использовать готовые.

Чтобы разобраться с интерфейсом среды разработки, попробуйте самостоятельно поработать с учебным игровым тренажёром «Банни на морковном поле».

Создайте игровую обстановку, а затем программу из блоков, и посмотрите как она работает. Для начала можете познакомиться с демоверсиями тренажёра, чтобы понять принципы создания игровой обстановки и программы с помощью Blockly.

Источник

Blockly

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Попробуйте Блокли

Блочные основы

Библиотека Blockly добавляет в ваше приложение редактор, который представляет концепции кодирования в виде взаимосвязанных блоков. Blockly генерирует простой, синтаксически правильный код из блоков в редакторе, который ваше приложение может использовать для запуска игр, управления роботами или для всего, что только может придумать ваше воображение.

Библиотека Blockly добавляет в ваше приложение редактор, который представляет концепции кодирования в виде взаимосвязанных блоков. Он выводит синтаксически правильный код на выбранном вами языке программирования. Пользовательские блоки могут быть созданы для подключения к вашему собственному приложению.

Попробуйте Блокли

Блочные основы

Библиотека Blockly добавляет в ваше приложение редактор, который представляет концепции кодирования в виде взаимосвязанных блоков. Blockly генерирует простой, синтаксически правильный код из блоков в редакторе, который ваше приложение может использовать для запуска игр, управления роботами или для всего, что только может придумать ваше воображение.

Библиотека Blockly добавляет в ваше приложение редактор, который представляет концепции кодирования в виде взаимосвязанных блоков. Он выводит синтаксически правильный код на выбранном вами языке программирования. Пользовательские блоки могут быть созданы для подключения к вашему собственному приложению.

Создан с Blockly

Blockly используется сотнями проектов, большинство из которых образовательные:

Создан с Blockly

Blockly используется сотнями проектов, большинство из которых образовательные:

Источник