Skip to content

The simplest from scratch coding exercise to answer "What's the best way to learn to code if you know nothing?"

Notifications You must be signed in to change notification settings

tomhirst/simplest-from-scratch-coding-exercise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Simplest from scratch coding exercise

This is the simplest from scratch coding exercise to answer "What's the best way to learn to code if you know nothing?".

The goal is to create a simple web page that displays the text "Hello World!".

The page should be valid HTML5 and should be styled with CSS.

The page should be built from scratch, without using any frameworks or libraries.

Play around by adding HTML elements and CSS styles.

You don't need JavaScript yet.

Instructions

Here are the steps to follow, use the code in this repo as a reference:

  1. Download VSCode
  2. New file index.html
  3. Open it in your browser
  4. Lay out a basic webpage, use <html>, <body>, <head> and <div> (search what they mean as you go)
  5. Add some text elements, like <h1> and <p>
  6. New file style.css
  7. Link to it in index.html (search to find out how)
  8. Add body { background: black; color: white; } to style.css
  9. Refresh index.html in your browser to see the effect your changes have had
  10. Add more HTML elements and CSS styles

About

The simplest from scratch coding exercise to answer "What's the best way to learn to code if you know nothing?"

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published