Знакомство с Blockly | Учебник | Учимся программировать | Blockly.Ru

Blockly.Ru  >  Учимся программировать  >  Учебник Blockly

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

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

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

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

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

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

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

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

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

Содержание:

Знакомство с Blockly
Движемся к цели
Циклы с условием
Циклы с параметром
Условные операторы
Ветвления
Анимация
Математика анимации
   --------
Переменные и текст
Циклы и переменные
Списки