Heyo! You want to build a website right? but you dont really understand webdev or have no-idea how anything todo with computers works? Or you do but have never really messed around with it? Either way this is WEBDEV (For Idiots)

The start #

To make a website you can use these three tools. Now to be fair you can make any website* with:

  1. HTML
  2. CSS
  3. Javascript

The hard part is understanding what these all do. I like to explain it like this (Thanks to Lucy - My friend for this) HTML is the skeleton of the human body that defines where everything should go. CSS is the skin a fancy face over the raw HTML that sets things like the color of things (eg. The background and ect.) And the JS (Javascript) is the brain telling the body todo things like show a popup.

Into the rabbit hole #

For everyone who has a life I would reccomend to STOP HERE! You have enough info to start some basic course on the syntax or read my guide like here

Now to an extent this wont work (Unless your a masochist) you dont want to work with these basics! Luckly for you there are more than just one way to handle WEBDEV. These are called Frameworks. Frameworks are important to WEBDEV, on of the worlds most popular web frameworks is Ruby on Rails. It uses the Extemely simple programming language of Ruby to build a simple website or exetremely complex one. Or if Ruby is to complex for you then check out Django, Django uses the Even simpler language of Python, I highly recommend this one as its super simple to learn for everyone! But... If you need something robust that the language its based on powers ~79.2% of the web? Then we use Larvel! Larel is powered by the robust and powerful PHP, there is a reason it powers a large amount of the web and things like Wordpress! It also powers the incredibly poplar 4chan website which has to handle 100's of 1000's of posts every second!

But rhhen what are you using for your website? #

In short Zonelets. In length? Mostly Javascript. Zonelets is super simple (if you want to make a blog) but anything past a simple blog is beyond is capabilitys. No you cant use Zonelets to communicate with a server. Speaking of servers however

Servers (and chosing them) #

Code can render either in the browser or on the server. For example PHP runs on the server and turns into HTML and then sends it to the user. For most of my websites they run in the browser (because im poor) so I use Github Pages, its free and anyone with a github account can use it, there is just one problem however. Your webpage has to be open source* (Unless you pay lol) But in the past for webpages that haven't been rendered on the web browser and are instead rendered in the server I have used IONOS hosting as they are fast cheap and for sure worth it.

The syntax #

This section of the guide covers specifically HTML, CSS & Javascript syntax.

file.js

console.log("Hello World");

This is some basic Javascript that returns "Hello World" in the console

file.js

document.getElementById("our-image-id").src = "link/to/image.png";

file.html

<html>
  <body>
    <img id="our-image-id">
  </body>
  <script src="file.js"></script>
</html>

This is an example of interaction between Javascript and HTML

But our page will look TERRIBLE like this! we need to spice it up! This is where our skin comes in! CSS!

file.css

body {
  background-color: #222222;
}

file.html
<html>
  <head>
    <link rel="stylesheet" href="file.css">
  </head>
  <body>
    <img id="our-image-id">
  </body>
  <script src="file.js"></script>
</html>

As you can see we have linked our CSS file and our HTML file. We have told the CSS file to make the websites "background-color" a pleasant grey color. You can store color in HEX colors like so: #ourcol

Now quite literally this is all you need to build a website. You can get much of the other info from online forums like reddit and stack overflow. But if you want a bit more of a comprehensive guide then I reccomend taking some W3 Schools classes on basic WEBDEV (btw W3 Schools is awesome and free!!!)

Thanks for reading! Please consider donating to this blog as I plan to post more and more long form blogs for your guys enjoyment as I love sharing and teaching people about things that I love.

For those who are interested I may make a PT.2 of this blog! Thanks Roky (You friendly neighbourhood developer)