mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 23:02:54 +01:00
Feat/os fixes (#65)
* Feat: Add notices of creating empty git repos * Feat: remove references to workspaces and cloud and add notices of old videos
This commit is contained in:
@@ -7,4 +7,8 @@ title: Horizontal List with Snapping
|
||||
|
||||
This short build along shows how to create a Horizontal list with Cards. It will show you how to work with advanced **Scrolling** in lists.
|
||||
|
||||
:::note
|
||||
This video is from a deprecated commercial version of Noodl and includes some features not present in the open source version, notably workspaces and built-in Git hosting
|
||||
:::
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/x0nWHv2uCHI" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
||||
|
||||
@@ -7,6 +7,10 @@ title: Star Rating Component
|
||||
|
||||
This short build along shows how to work with _animations_, _visual states_ and _component logic_ to build a visually rich star rating component.
|
||||
|
||||
:::note
|
||||
This video is from a deprecated commercial version of Noodl and includes some features not present in the open source version, notably workspaces and built-in Git hosting
|
||||
:::
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/VwgcIsclVpE" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
||||
|
||||
You can import the full project [here](/library/examples/star-rating-component).
|
||||
|
||||
@@ -9,6 +9,10 @@ In this three parts video series, Johan walks your through the creation of a sim
|
||||
|
||||
You can import the full project [here](/library/examples/survey-app).
|
||||
|
||||
:::note
|
||||
These videos are from a deprecated commercial version of Noodl and include some features not present in the open source version, notably workspaces and built-in Git hosting
|
||||
:::
|
||||
|
||||
## Part 1 - Navigation & Components
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/ntKTCC7eEk0" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
||||
|
||||
@@ -9,6 +9,10 @@ In this two parts video series, Johan will walk you through how he builds a task
|
||||
|
||||
You can import the full project [here](/library/examples/task-list-app).
|
||||
|
||||
:::note
|
||||
These videos are from a deprecated commercial version of Noodl and include some features not present in the open source version, notably workspaces and built-in Git hosting
|
||||
:::
|
||||
|
||||
## Part 1 - UI Controls and Layout
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/TNnn0Gzj-H4" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
||||
|
||||
@@ -5,13 +5,11 @@ hide_title: true
|
||||
|
||||
# The Complete Editor Tour
|
||||
|
||||
:::note
|
||||
This video is from a deprecated commercial version of Noodl and includes some features not present in the open source version, notably workspaces, the component canvas and built-in Git hosting
|
||||
:::
|
||||
|
||||
<div style={{padding:'62.5% 0 0 0',position:'relative'}}><iframe width="100%" height="100%" src="https://www.youtube.com/embed/gbEKSQKocHc" style={{position:'absolute',top:0,left:0}} frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
:::note
|
||||
|
||||
Please note that this video was recorded for the earlier 2.3 version of Noodl. It features a few minor visual inconsistencies with newer versions, but no big changes for the purposes of this video.
|
||||
|
||||
:::
|
||||
|
||||
@@ -11,6 +11,10 @@ Here you will learn about a few fundamental concepts in Noodl that are important
|
||||
|
||||
<div style={{padding:'62.5% 0 0 0',position:'relative'}}><iframe width="100%" height="100%" src="https://www.youtube.com/embed/kD-Oz_M-IS4" style={{position:'absolute',top:0,left:0}} frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe></div>
|
||||
|
||||
:::note
|
||||
This video is from a deprecated commercial version of Noodl and includes some features not present in the open source version, notably workspaces and built-in Git hosting
|
||||
:::
|
||||
|
||||
## Nodes
|
||||
|
||||
The main building blocks of Noodl are nodes. Every node has its own specific purpose and is very simple in itself, but together they become really powerful. There are a number of types of nodes, indicated by its color. **Blue** nodes are visual elements, such as buttons, or not immediately visible but related, such as groups. **Green** nodes are generally related to reading, writing and manipulating data. **Grey** nodes are utilities, and **Pink** nodes are related to custom code.
|
||||
|
||||
@@ -29,8 +29,6 @@ Please note that the performance of the same AI command varies between the two m
|
||||
|
||||
## Setup Instructions
|
||||
|
||||
Any version of the editor that is version 2.9 or higher comes with the generative features enabled. You can see your current version during login, or in the top right corner of the editor.
|
||||
|
||||
When opening a project you should see the AI bar in the top left corner of the node canvas. In the Editor Settings (in the Sidepanel) you can find options for changing the AI model, or disabling all AI features.
|
||||
|
||||
<div className="ndl-image-with-background l">
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
title: Creating new Database Records
|
||||
hide_title: true
|
||||
---
|
||||
|
||||
# Storing and fetching data in a database
|
||||
|
||||
## What you will learn in this guide
|
||||
@@ -13,9 +14,9 @@ In this guide you will learn how to create and insert new entries - **Records**
|
||||
|
||||
We will go through the following steps in this guide:
|
||||
|
||||
- Create a **Record** in the database
|
||||
- Retrieving the **Id** of the newly created **Record**
|
||||
- Setting initial values of the **Record**
|
||||
- Create a **Record** in the database
|
||||
- Retrieving the **Id** of the newly created **Record**
|
||||
- Setting initial values of the **Record**
|
||||
|
||||
Before starting this guide, make sure you have Cloud Services enabled and have at least one **Class** in the database. You can learn how to do this in [this](/docs/guides/cloud-data/creating-a-backend) and [this](/docs/guides/cloud-data/creating-a-class) guide.
|
||||
|
||||
@@ -23,7 +24,7 @@ Before starting this guide, make sure you have Cloud Services enabled and have a
|
||||
|
||||
If you tried out the **Dashboard** you could see how you could create **Records** from there. Now we will learn how to create **Records** from within an app.
|
||||
|
||||
Start a new Noodl Project in your workspace. You can use any template, for example the `Hello World` template.
|
||||
Create a new Noodl Project. You can use any template, for example the `Hello World` template.
|
||||
|
||||
Again, make sure you have **Cloud Services** enabled and an active **Cloud Service** set up with at least one **Class**. When opening your `Cloud Services` sidebar it should look something like the image below, with a `Used in editor` cloud service selected.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user