Learn Code Node JavaScript with an Interactive Hands-on Tutorial

This n8n workflow provides a foundational structure for learning and experimenting with the Code node in n8n, specifically focusing on JavaScript. It's designed as an interactive, hands-on tutorial environment, allowing users to write and execute custom JavaScript code within a workflow context.

What it does

This workflow is a sandbox for learning and testing JavaScript within n8n. It includes:

1. Manual Trigger: Initiates the workflow execution when manually clicked, providing a simple way to run your code on demand.
2. Edit Fields (Set) Node: A placeholder for defining initial data or variables that your JavaScript code might operate on. This allows you to set up input data for your code snippets.
3. Code Node: The core of the tutorial, where you will write and execute your JavaScript code. This node is configured to allow direct JavaScript entry.
4. Split Out Node: A utility node that can be used to process arrays of items generated by the Code node, splitting them into individual items for further processing (though not strictly necessary for basic code execution, it's a common pattern).
5. Sticky Note: Provides a space for notes, instructions, or explanations related to the code or the tutorial steps.

Prerequisites/Requirements

• An n8n instance (self-hosted or cloud).
• Basic understanding of JavaScript concepts.

Setup/Usage

1. Import the workflow: Download the provided JSON and import it into your n8n instance.
2. Start with the "Edit Fields (Set)" node: Configure this node to create any initial data you want your JavaScript code to use. For example, you might set a field named myInput with a string value.
3. Write your JavaScript in the "Code" node:
   • Open the "Code" node.
   • In the "JavaScript Code" field, write your desired JavaScript.
   • You can access input data from previous nodes using $('NodeName').item.json.fieldName. For example, to get myInput from the "Edit Fields" node, you would use $('Edit Fields').item.json.myInput.
   • To output data from the Code node, return an array of objects. Each object in the array will become an item in the next node. For example: return [{json: {output: 'Hello from JS!'}}]
4. Execute the workflow: Click the "Execute Workflow" button on the "Manual Trigger" node to run your code and see the output in the subsequent nodes.
5. Use the "Sticky Note": Add your own notes, challenges, or learning points in the Sticky Note to keep track of your progress and understanding.