Imagine you’re 40 years, you know the basics of computers, maybe some of the basics of the file system, but you’ve never created software – Still you want to learn how to create software and become a professional programmer and software developer. Well, that is an actual use case I’ve been assigned to by a friend. Hence, obviously time is of the essence, while at the same time I can probably assume the guy is fairly self driven and can research all the gory details on his own if given some pointers. My friend’s friend has a college degree, so I can also assume he’s self driven, motivated and able to indulge in long self studies once given a few pointers in the right direction. He is also a fairly smart guy, but literally knows nothing about software development.
If the above is a fitting description for you too, you’ve come to the right place. I realised instead of teaching him one on one, I could create a series of YouTube videos, associate these with some DZone articles, add some good references, and scale up my efforts – Such that others could also learn from it.
The structure of the course will be as follows.
- Install Magic and learn HTML in 21 minutes
- Learn CSS in 21 minutes
- Learn Angular in 21 minutes
- Learn Hyperlambda in 21 minutes
In this first article, we’ll be going through HTML. Watch the video below where I am setting up Magic and walking you through how to get started with HTML.
The HTML code I ended up with in my video can be found below. Please don’t cheat here. Copy it manually character by character instead of copy and paste it directly into your own file. Why? Because manually writing the code yourself results in your tactile memory being triggered, implying the learning value for you in the end becomes twice as large as if you just copied and pasted it from the code snippet below into your own HTML file.
<html> <head> <title>First HTML tutorial</title> </head> <body> <h1 style="color: Yellow;">Hello there, this is our first HTML tutorials</h1> <p>This is a paragraph</p> <ul> <li>List item numbver 1</li> <li>List item numbver 2</li> <li>List item numbver 3</li> <li>List item numbver 4</li> </ul> </body> </html>
To understand the HTML code watch the video further up on the page. 21 minutes of your time, and you now arguably know the most important parts of HTML. Further study references can be found below.
Try to play around with the HTML code we created above, by for instance using elements such as title attributes, adding a couple of DIV elements to it, maybe changing the bulleted list to an ordered list (hint; OL), etc, etc, etc. Then realise that every single time you’re visiting a website, the pages you are looking at was created with HTML.
Why HTML …?
Sometimes the shortest path between A and B is not a straight line. If you don’t believe me, ask an airline pilot to show you how he crosses the Atlantic ocean on a map … 😉
Why 21 minutes?