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:
kotte
2024-01-25 10:19:52 +01:00
committed by GitHub
parent 02b3c9145b
commit 85c6474c00
12 changed files with 89 additions and 66 deletions

View File

@@ -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>

View File

@@ -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).

View File

@@ -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>

View File

@@ -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>

View File

@@ -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.
:::

View File

@@ -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.

View File

@@ -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">

View File

@@ -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.