WebFund 2024F: Tutorial 9 - Revision history

Soma at 17:07, 22 November 2024

2024-11-22T17:07:08Z

← Older revision		Revision as of 17:07, 22 November 2024
Line 1:		Line 1:
	~~'''This tutorial is not yet finalized.'''~~

	In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/freshdemo.zip freshdemo], the demo application of [https://fresh.deno.dev/ Deno's Fresh framework]. Note that you do not need to download the code here, just follow the steps below.		In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/freshdemo.zip freshdemo], the demo application of [https://fresh.deno.dev/ Deno's Fresh framework]. Note that you do not need to download the code here, just follow the steps below.

Soma: /* Tasks */

2024-11-22T17:06:54Z

Tasks

← Older revision		Revision as of 17:06, 22 November 2024
Line 35:		Line 35:
	# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?		# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?
	# Make the counters go up and down by 3 rather than 1. Make sure to change the functionality and the label.		# Make the counters go up and down by 3 rather than 1. Make sure to change the functionality and the label.
			# Add the code from [[WebFund 2024F: Tutorial 6\|Tutorial 6]] to freshdeno as a new route. What did you have to do?
			# Try adding a basic form submission following the [https://fresh.deno.dev/docs/getting-started/form-submissions Fresh documentation]. How difficult would it be to add the functionality of formdemo to freshdemo?

Soma: /* Tasks */

2024-11-22T16:58:47Z

Tasks

← Older revision		Revision as of 16:58, 22 November 2024
Line 28:		Line 28:
	# Edit deno.json so that you can run the app with the command <tt>deno task go</tt>.		# Edit deno.json so that you can run the app with the command <tt>deno task go</tt>.
	# Look at the automatically generated file fresh.gen.ts. What routes seem to be defined?		# Look at the automatically generated file fresh.gen.ts. What routes seem to be defined?
			# Change the welcome message as instructed on the main page. What file did you edit?
	# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?		# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?
	# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?		# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?
Line 33:		Line 34:
	# What URL do you visit to see a greeting that includes your name?		# What URL do you visit to see a greeting that includes your name?
	# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?		# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?
			# Make the counters go up and down by 3 rather than 1. Make sure to change the functionality and the label.

Soma: /* Tasks */

2024-11-22T15:00:05Z

Tasks

← Older revision		Revision as of 15:00, 22 November 2024
Line 30:		Line 30:
	# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?		# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?
	# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?		# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?
			# What URL do you visit to see a joke?
			# What URL do you visit to see a greeting that includes your name?
	# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?		# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?

Soma: /* Tasks */

2024-11-22T14:58:51Z

Tasks

← Older revision		Revision as of 14:58, 22 November 2024
Line 30:		Line 30:
	# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?		# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?
	# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?		# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?
	# Add ~~<tt><~~h1>BUTTON</h1~~></tt>~~ to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?		# Add <h1>BUTTON<h1> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?

Soma: /* Tasks */

2024-11-22T14:58:09Z

Tasks

← Older revision		Revision as of 14:58, 22 November 2024
Line 30:		Line 30:
	# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?		# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?
	# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?		# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?
	# Add "<h1>BUTTON</h1>" to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?		# Add <tt><h1>BUTTON</h1></tt> to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?

Soma: /* Tasks */

2024-11-22T14:57:55Z

Tasks

← Older revision		Revision as of 14:57, 22 November 2024
Line 27:		Line 27:

	# Edit deno.json so that you can run the app with the command <tt>deno task go</tt>.		# Edit deno.json so that you can run the app with the command <tt>deno task go</tt>.
			# Look at the automatically generated file fresh.gen.ts. What routes seem to be defined?
			# Add a heading to the beginning of the body of routes/_app.tsx. Where does it appear? What did you have to do to see the change?
			# Look at the files in the static subdirectory. At what URLs is this content available? Were these routes specified in fresh.gen.ts?
			# Add "<h1>BUTTON</h1>" to the return of Counter() in islands/Counter.tsx. How does the output of the server change? Does it depend upon whether the heading is put inside or outside the div?

Soma at 14:44, 22 November 2024

2024-11-22T14:44:20Z

← Older revision		Revision as of 14:44, 22 November 2024
Line 1:		Line 1:
	'''This tutorial is not yet finalized.'''		'''This tutorial is not yet finalized.'''

	In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/~~formdemo~~.zip freshdemo], the demo application of [https://fresh.deno.dev/ Deno's Fresh framework]. Note that you do not need to download the code here, just follow the steps below.		In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/freshdemo.zip freshdemo], the demo application of [https://fresh.deno.dev/ Deno's Fresh framework]. Note that you do not need to download the code here, just follow the steps below.

	==Getting Started==		==Getting Started==

Soma: /* Getting Started */

2024-11-22T14:43:56Z

Getting Started

← Older revision		Revision as of 14:43, 22 November 2024
Line 18:		Line 18:
	cd ..		cd ..
	rm -rf freshdemo # clean up the old installation		rm -rf freshdemo # clean up the old installation

	wget https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/freshdemo.zip		wget https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/freshdemo.zip
	unzip freshdemo.zip		unzip freshdemo.zip

Soma: /* Getting Started */

2024-11-22T14:43:45Z

Getting Started

← Older revision		Revision as of 14:43, 22 November 2024
Line 4:		Line 4:

	==Getting Started==		==Getting Started==
	Run the following command: ~~<tt>~~deno run -A -r https://fresh.deno.dev~~</tt>.~~ Name your project "freshdemo" and say yes to using Tailwind (option 1). If you use VSCode, also say yes to that.		Run the following command:
			deno run -A -r https://fresh.deno.dev
			Name your project "freshdemo" and say yes to using Tailwind (option 1). If you use VSCode, also say yes to that.

	You should now have a "freshdemo" directory. ~~Change into that directory (<tt>~~cd freshdemo~~</tt>) and then try running the server by typing <tt>~~deno task start~~</tt>.~~ The server should start.		You should now have a "freshdemo" directory. Run the server as follows:
	* If the server did not start, ~~change to a different directory and download and extract [~~https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/~~formdemo~~.zip freshdemo~~], as you have in previous tutorials~~. ~~It should also be started with <tt>~~deno task start~~</tt>.~~		cd freshdemo
			deno task start

			The server should start.

			If the server did not start, then instead do the following:

			cd ..
			rm -rf freshdemo # clean up the old installation

			wget https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/freshdemo.zip
			unzip freshdemo.zip
			cd freshdemo
			deno task start

	==Tasks==		==Tasks==

	# Edit deno.json so that you can run the app with the command <tt>deno task go</tt>.		# Edit deno.json so that you can run the app with the command <tt>deno task go</tt>.