background preloader

Flow-Based Programming for JavaScript

Flow-Based Programming for JavaScript
Related:  web

Flow-based Programming In computer programming, Flow-Based Programming (FBP) is a programming paradigm, discovered/invented by J. Paul Rodker Morrison in the late '60s, that uses a "data processing factory" metaphor for designing and building applications. FBP defines applications as networks of "black box" processes, which communicate via data chunks (called Information Packets) travelling across predefined connections (think "conveyor belts"), where the connections are specified externally to the processes. FBP is a very different paradigm from conventional programming, being more of an "assembly line" image of data processing. FBP is described in J. Further down on this web page you will find a bunch of useful links, including a list of currently supported programming languages (on GitHub), and some videos demonstrating the use of the FBP diagramming tool, DrawFBP. If you have come across Flow-Based Programming by way of NoFlo or Flowhub, it is recommended that you read FBP vs. Links:

Aptana Hack our apps | Meemoo project by Forrest Oliphant welcome to meemooVilson Vieira Paper GIFforresto GIF+HTML workshopBrasstown animators HTML5 videoForrest Oliphant particles → trailsForrest Oliphant (more) particles → tileForrest Oliphant Megacam gridForrest Oliphant GIFs from 1989Forrest Oliphant recursive spiralForrest Oliphant hackable clock 0.1Forrest Oliphant digital rainbow clockForrest Oliphant play beethovenVilson Vieira, g200kg 8 bit synthVilson Vieira, g200kg mr.doob harmonyVilson Vieira, mr.doob web tunnelVilson Vieira How To Node - NodeJS Free Mercurial and Git Client for Windows and Mac | Atlassian SourceTree noflo/noflo: Flow-based programming for JavaScript

Felix's Node.js Beginners Guide « Home / All Guides There is lots of information about node.js, but given the rapid pace at which it is developing, it can be difficult for beginners to find good, current information on how to get started. This guide aims to provide exactly that, whilst staying updated with the latest stable version of node.js. This guide has been updated to reflect the latest changes in node 0.4.x, the currently stable branch of node.js. Learning JavaScript This guide assumes that you are already familar with JavaScript. Hello World Tutorial This tutorial guides you through installing node.js, including the creation of a simple hello world http server. Installation First of all: You should run a *nix operating system in order to use node.js at this point. The most common way to install node.js is to directly compile it from the downloaded source code. You can get the latest source code from nodejs.org. $ wget $ tar -xzf node-v0.4.4.tar.gz $ cd node-v0.4.4 $ . Express

STProjectMaker A Sublime Text 2/3 plug-in to allow creating any kind of project from your own custom templates. Note, now works with BOTH ST2 and ST3! Thanks to Daniel Shannon for that work. Installation Via Package Control: Manually: Clone or download this project into a folder named “STProjectMaker” in your Sublime Text 2 or 3 Packages folder. Usage From the Project Menu, choose “Create Project” or use the shortcut key Ctrl-Shift-N to invoke the project maker command. Invoking the command will show a Quick Panel list of available templates. Choose the template to base your project on. You will be prompted to enter a path for your new project. You will be prompted for values for any replaceable tokens in any template files or file names. Newly created project folder will open in system file manager. Creating and Modifying Templates A template is simply a folder that can contain any number and types of files and nested folders of files. There are a few sample templates in the Sample-Templates directory. Tokens

noflo/noflo-ui: NoFlo Development Environment An Absolute Beginner's Guide to Node.js There's no shortage of Node.js tutorials out there, but most of them cover specific use cases or topics that only apply when you've already got Node up and running. I see comments every once and awhile that sound something like, "I've downloaded Node, now what?" This tutorial answers that question and explains how to get started from the very beginning. What is Node.js? A lot of the confusion for newcomers to Node is misunderstanding exactly what it is. An important thing to realize is that Node is not a webserver. Installing Node Node.js is very easy to install. I've Installed Node, now what? Once installed you'll have access to a new command called "node". $ node > console.log('Hello World'); Hello World undefined In the above example I typed "console.log('Hello World')" into the shell and hit enter. The other way to run Node is by providing it a JavaScript file to execute. hello.js console.log('Hello World'); $ node hello.js Hello World Doing Something Useful - File I/O example_log.txt

Glue Glue is a cross-platform, extensible plug-in for Sublime Text 2 and 3 that connects your favorite editor to your shell. Detailed documentation is available on Confirm Your PATH Before you get started, please confirm your system PATH string in the Glue settings. Here are the instructions. Launch Open with Right Click Menu Open with the Command Palette Open with Keybinding Enter Commands Use the command input box at the bottom of the screen to enter system commands just like you would in your terminal: and the standard output is displayed in an editor view. System Utilities It works with system utilities: grep cURL Scripting Languages It works with scripting languages: Inter-Process Communication Pipelining data between processes works. Version Control Version control tasks are accessible inside the editor: Compile, Unit Test, Profile, Minify, Compress… You get the picture. Navigation & Working Directory State File Management Open files in the Sublime Text editor by file path:

Reconnaissance et synthèse vocale – Web Speech API | Roboteek Afin de rendre le robot un peu plus intelligent, je l’ai doté dès le début de la reconnaissance vocale. Pour cela, j’ai utilisé la librairie Sphinx 4 avec un ensemble de fichiers pour permettre la reconnaissance de la langue française. J’ai été assez bluffé par les résultats de la reconnaissance mais je me suis vite retrouvé face à un problème. Mon but principal était que le robot puisse reconnaître « tout » ce qu’on lui dit, or,Sphinx 4 se limite à reconnaître les phrases définies dans le fichier grammaire. Ce qui peut vite devenir fastidieux si l’on souhaite développer un moteur de conversation assez poussé. Je me suis donc mis à la recherche d’autres solutions. Place maintenant au tutoriel. Tout d’abord, mettons en place le script JS permettant de faire appel à l’API. Voici le petit bout de code de la page HTML faisant appel au script : [speech.html] Pour lancer cet exemple, il est nécessaire de le faire tourner sur un serveur sécurisé (HTTPS).

NoFlo: two years of flow-based programming - Henri Bergius in Berlin, Germany NoFlo — the flow-based programming system I started — is now two years old. I pushed the first commits to GitHub on June 5th 2011 from Hacker Dojo in Mountain View. To get us started with the story, I’ll let Wikipedia summarize: Flow-based programming (FBP) is a programming paradigm that defines applications as networks of “black box” processes, which exchange data across predefined connections by message passing, where the connections are specified externally to the processes. These black box processes can be reconnected endlessly to form different applications without having to be changed internally. While flow-based programming is still far from mainstream, it has been great to watch to the community grow around NoFlo. There are several start-ups using it as their base infrastructure, with several of their engineers contributing to the open source effort. Why I started NoFlo I wondered if there could be a better way. Beyond OOP The tools side of things isn’t looking much better, either.

Using Your Terminal From The DevTools Introduction DevTools Terminal is a new Chrome DevTools extension that brings the power of the terminal to your browser. If you ever find yourself context-switching between Chrome and the command-line for tasks like: pulling down assets, using git, grunt, wget or even vim - you may find this extension a useful time-saver. Why use a terminal in the browser? During development, you’re probably used to working with a few different tools: your text editor for authoring, a browser for testing and debugging and the terminal for updating packages, curling headers or even a build process using Grunt. Having to switch contexts between tools during development can be distracting and can lead to inefficiency. DevTools Terminal (by Dmitry Filimonov) completes that story, making it possible to code, debug and build from inside the same window. Workflow My personal workflow for authoring in Chrome now looks a little like this: Installation DevTools Terminal can be installed from the Chrome Web Store.

Related: