Blockly簡介

簡介


developers.google.cn/blockly/guides/overview

Blockly是向Web,Android,IOS應用程序添加視覺代碼編輯器的庫。Blockly編輯器使用互鎖的圖形塊來表示代碼概念,如變量,邏輯表達式,循環等。它允許用戶應用編程原理,而不必擔心命令行上的閃爍光標的語法或恐嚇。

以上是谷歌官方文檔上的解釋

Blockly 是一個開源程序庫,提供了“圖形化”的代碼編輯功能,讓編程入門者(主要是面向兒童或不懂編程的人)像搭積木塊一樣實現編程概念,并可輸出為多種編程語言代碼,實現真正的程序,通過定制也可以將它作為你應用中的一部分交互功能實現和應用的關聯 Blockly 支持 Android/iOS/Web

構建Blockly應用程序


從用戶的角度來看,Blockly是直觀的,可視化的方式來構建代碼。從開發人員的角度來看,Blockly本質上是一個包含語法正確的用戶生成代碼的文本框。Blockly可以導出塊到許多語言,包括這些流行的選項:

JavaScript的

蟒蛇

PHP

LUA


以下是構建Blockly應用程序的高級細分:

1.整合Blockly編輯器。Blockly編輯器最簡單的包括一個用于存儲塊類型的工具箱和一個用于排列塊的工作區。進一步了解如何在WebAndroid的“入門”文檔中集成Blockly。

2.創建應用程序的塊。一旦您的應用程序中有Blockly,您需要創建塊以供用戶對其進行編碼,然后將其添加到Blockly工具箱中。了解如何創建自定義塊概述

3.構建應用程序的其余部分Blockly本身就是一種生成代碼的方法。你的應用程序的核心在于決定如何處理該代碼。

Blockly的優勢和其他選擇


Blockly是越來越多的可視化編程環境之一。決定在你的應用程序中使用哪一個是一個重要的步驟,所以這里有一些Blockly最大的優點是幫助你作出決定:

可導出代碼。用戶可以將基于塊的程序提取到通用的編程語言,并平滑地轉換到基于文本的編程。

開源關于Blockly的所有內容都是開放的:您可以將其分解,并將其破解,并在自己的網站和Android,iOS應用中使用。

擴展。通過為API添加自定義塊或刪除不必要的塊和功能,調整塊以滿足您的需求。

精干。Blockly不是玩具。您可以實現復雜的編程任務,如在單個塊中計算標準偏差。

國際。Blockly已翻譯成40種語言,包括阿拉伯語和希伯來語的從右到左的版本。

即使是所有的積極因素,Blockly也不是每個應用程序的解決方案。以下是您可能會發現有用的其他一些視覺編輯器:

劃痕塊:由麻省理工學院的Scratch背后的人員設計,并建立在Blockly代碼庫上,Scratch Blocks提供了一個簡化的編程模式,適合年輕的學習者。

Droplet:為鉛筆代碼提供動力的圖形編程編輯器,其獨特之處在于能夠將代碼轉換成塊。

Snap:從頭開始的圖形編程語言,它不是一個庫,而是一個具有集成執行環境的完整應用程序。

Blockly是越來越多的可視化編程環境之一。決定在你的應用程序中使用哪一個是一個重要的步驟,所以這里有一些Blockly最大的優點是幫助你作出決定:

可導出代碼。用戶可以將基于塊的程序提取到通用的編程語言,并平滑地轉換到基于文本的編程。

開源關于Blockly的所有內容都是開放的:您可以將其分解,并將其破解,并在自己的網站和Android應用中使用。

擴展。通過為API添加自定義塊或刪除不必要的塊和功能,調整塊以滿足您的需求。

精干。Blockly不是玩具。您可以實現復雜的編程任務,如在單個塊中計算標準偏差。

國際。Blockly已翻譯成40種語言,包括阿拉伯語和希伯來語的從右到左的版本。

即使是所有的積極因素,Blockly也不是每個應用程序的解決方案。以下是您可能會發現有用的其他一些視覺編輯器:

劃痕塊:由麻省理工學院的Scratch背后的人員設計,并建立在Blockly代碼庫上,Scratch Blocks提供了一個簡化的編程模式,適合年輕的學習者。

Droplet:為鉛筆代碼提供動力的圖形編程編輯器,其獨特之處在于能夠將代碼轉換成塊。

Snap:從頭開始的圖形編程語言,它不是一個庫,而是一個具有集成執行環境的完整應用程序。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評論 25 708
  • 2013年6月13號上午10點,你“哇...哇...”接連幾聲大哭,來到我身邊,看著你那紅紅的小臉蛋,可愛的小手,...
    rosa123閱讀 458評論 0 0
  • 今天,我們集體失戀。 韓國二宋秘戀坐實—— 表哥的喬妹和表妹我的“老公”,在否認、否認、再否認之后,直接……宣布要...
    Sir電影閱讀 2,571評論 6 36