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
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.
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"
Copilot is the AI coding assistant:
"suggests code completions as developers type and turns natural language prompts into coding suggestions."
A free AI powered toolkit for developers
Node
a JavaScript runtime
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.
