Guides: How to get started

How do you make a web application?

You can use web technology for almost anything
- this is a skill in demand. 

This Developer Program gives you:
a task to solve and a community to learn from. 

Learning web technology, in particular, can be a fun and engaging experience. With web technology, we have the power to create something tangible - whether that's building a website, developing an app, or designing an interactive user interface. The satisfaction of seeing our creations come to life can be incredibly fulfilling and exciting.

Moreover, learning web technology can be an opportunity to connect with like-minded individuals who share the same passion for technology and innovation. We can collaborate with others, share ideas, and work together to create amazing things.

3 steps to get started

Soon to come: YouTube videos explaining each step

Start it

What tools to you need to know?
Visual Studio Code
Copilot and Codespaces
Node, NPM and GitHub.

Build it

How do you program the web?
React and NextJS.
Components and Hooks.
State Management.
Routers.

This presentation:
will be on March 7 at 11:00

Join online if you have questions at
https://www.upskill.no/events/830 

Recording and slides will be available here after the presentation.

Deploy it

How to get it on the web?
Debug and test.
Merge and Deploy.
DNS

As you can see - this is a Work In Progress area! Visit again soon and you will find more notes, links and videos added. Join discord.hessdalen.org to suggest links or ask for help.

Start it

What tools to you need to know? What is the basic knowledge you need to know?

Visual Studio Code

a code editor redefined and optimized for building and debugging modern web and cloud applications.
We will supercharge Visual Studio with GitHub Copilot -  your AI pair programmer.

code.visualstudio.com

Visual Studio Code supports macOS, Linux, and Windows.
Install for your platform or go to https://vscode.dev to try it out in your browser.

github.com/features/codespaces
Using GitHub Codespaces you also "Spin up fully configured dev environments in the cloud that start in seconds with up to 60 hours a month free"

github.com/features/copilot 

Copilot is the AI coding assistant:
"suggests code completions as developers type and turns natural language prompts into coding suggestions."

codeium.com

A free AI powered toolkit for developers

Node

a JavaScript runtime

nodejs.org

Node is an open-source and cross-platform JavaScript runtime environment.

Node.js uses JavaScript on the server

// index.js
var http = require('http');

http.createServer(function (req, res) {

  res.writeHead(200, {'Content-Type': 'text/plain'});

  res.end('Hello World!');

}).listen(8080);


> node index.js

NPM is a package manager for Node.js packages

npm

the world's largest software registry.

GitHub

 a code hosting platform for version control and collaboration

Build it

How do you program the web? Where does it run?

HTML, CSS

HTML is the standard markup language for creating Web pages. CSS is the language we use to style a Web page.

Javascript / Typescript

TypeScript is JavaScript with syntax for types. TypeScript is a strongly typed programming language that builds on JavaScript.

React and Next

React is a JavaScript-based UI development library.
Next is a React framework for building full-stack web applications.

Storybook

Storybook is a frontend workshop for building UI components and pages in isolation

Deploy it

How to get it on the web? How does it run?

Vercel

a cloud platform for building, deploying, and scaling serverless applications and static websites.