diff --git a/FASTN.ftd b/FASTN.ftd index 8b642386f..980399c64 100644 --- a/FASTN.ftd +++ b/FASTN.ftd @@ -1065,3 +1065,5 @@ skip: true /linkedin/ -> https://www.linkedin.com/company/fastn-stack/ /r/counter/ -> https://replit.com/@ajit6/counter/ /r/acme/ -> https://replit.com/@ayushipujaa/acme/ +/r/workshop/a/01/ -> https://replit.com/@ayushipujaa/a-website01-hello-world/?embed=true +/r/final/workshop/a/01/ -> https://replit.com/@ayushipujaa/a-website01-hello-worldfinal/?embed=true diff --git a/workshop/01-hello-world.ftd b/workshop/01-hello-world.ftd index 636d24d2c..38754e4b7 100644 --- a/workshop/01-hello-world.ftd +++ b/workshop/01-hello-world.ftd @@ -2,84 +2,25 @@ -- ds.page: Hello World - `fastn` Hands-On Workshop -This is first step in the [`fastn` Hands On Workshop](/workshop/). In this we -will install fastn on your machine, and run `fastn`. +This is first step in the [`fastn` Hands On Workshop](/workshop/). --- ds.h1: Install `fastn` +Let's first print `hello world` using `fastn`. There are two files as you see +below: -`fastn` can be quickly installed on MacOS, Linux and Windows. +- `index.ftd` +- `FASTN.ftd` --- ds.h2: On Mac/Linux +Lets first fork the below repl and then we'll go through the instruction +narrated below and update the files to print `hello world`. --- ds.code: Installer Script for Mac/Linux -lang: sh - -source <(curl -fsSL https://fastn.com/install.sh) - --- ds.markdown: - -If you see the Help text of the fastn command, it confirms that `fastn` is -successfully installed. - --- ds.h2: On Windows - -- Download the setup named `fastn_setup.exe` -from the [Releases](https://github.com/fastn-stack/fastn/releases/latest) page - -- Run the setup and follow the installation steps - -- Once the setup is complete, you will have `fastn` installed in your system - -To verify, open command prompt and execute the command, `fastn` - --- ds.image: -src: $fastn-assets.files.images.setup.fastn-terminal-windows.png -width: fill-container - --- ds.markdown: - -If you see the Help text of the fastn command, it confirms that `fastn` is -successfully installed. - - --- ds.h1: Run `fastn` - -**Clone the [`workshop`](https://github.com/fastn-stack/workshop) repository** - --- ds.image: -src: $fastn-assets.files.images.workshop.clone-workshop-repo.png +-- ftd.iframe: +src: /r/workshop/a/01/ width: fill-container - --- ds.markdown: - -- On GitHub, click on the `Code` and copy the HTTPS `.git` URL -- Open Terminal/command prompt and change the directory to desktop, for easy -access -- Paste or type the below code to clone the repository - --- ds.code: - -git clone https://github.com/fastn-stack/workshop.git - --- ds.markdown: - -Now, change the directory to the first folder `01-hello-world` through terminal. - -Run the following command to run a local server: - --- ds.code: - -fastn serve - --- ds.markdown: - -- Copy the URL and run it on your web-browser. - -An empty page will be opened as the `index.ftd` is commented out. +height.fixed.px: 300 -- ds.h1: Update `index.ftd` -- In the [`index.ftd`](https://github.com/fastn-stack/workshop/blob/main/01-hello-world/index.ftd) file, uncomment the line #9 +- In the [`index.ftd`](/r/workshop/a/01/#index.ftd) file, uncomment the line #2 -- ds.image: src: $fastn-assets.files.images.workshop.uncommented-index.png @@ -92,6 +33,15 @@ width: fill-container With just one line of code in `fastn` you can print a text in the browser. +The final output look like this. + +-- ftd.iframe: +src: /r/final/workshop/a/01/ +width: fill-container +height.fixed.px: 300 + +-- ds.markdown: + Go to the [second step](/workshop/add-quote/). -- end: ds.page