Learn Where and How to Start

The first and foremost question that comes into a mind of a beginner is

“What do I need to start?"

This course shows you exactly where to start and why.

For those who want to

learn front-end development.

What You Will Learn

This Course Teaches You the



Frontend Web Development

With A

Perfectly Aligned path to

Save You Time and Effort

Start by a Preview of What We Build Together

Go Over to the Fundamentals of HTML5 & CSS3

Followed by the Layout of the Page

(Desktop, Mobile and Tablets)

Diving into Advanced Features of HTML & CSS

Leads to User Information & Interaction

Going to the Heart of the Page:

Tables & the Game Board

Finally Resulting In

Modal Windows

& Animations

(Easy & Complex)

Picture of the Project You Will Build

Choose a Pricing Option


"What the hell is going on?” is no phrase you will say during this course.

Every line of code is explained in detail with rich video editing.

My explanations build upon existing common knowledge, like Netflix, Video Games, Pizza Delivery, ruling a cocaine business, and many more.


"How much time should I spend per day learning to program?”

The answer is around 1 - 2 hours.

With this introduction, you've already made a huge step towards a well-paid developer career.

Proven Content

Trying to know everything is actually the biggest problem of all.

Learn exactly what you need as a hireable developer and no bullshit around. Only proven concepts and technologies in rising demand.

What if You Lose Motivation?

Sometimes learning can be frustrating and too much to grasp.

Not in this course!

You and I are a team and I keep you engaged all the time.

How? With a background story and examples from your favorite series & movies:

Narcos, Family Guy, Star Wars, Indiana Jones & more...

Coding is an adventure, that's what this course is.

PS: Connect with like-minded people! The Web Development Conquerors. My engaging Facebook Community.

Terms Cleverly Explained

Getting dumbstruck after seeing words like

"class, void, static, etc."

I give you explanations even a kid memorizes.

Learning mustn't be complex.

It has to be easy.

Choose a Pricing Option

Course Content

  Kicker (Intro of the Course)
Available in days
days after you enroll
  A New Hope - Fundamentals of HTML & CSS
Available in days
days after you enroll
  Guiding your Way - Layout of the Page
Available in days
days after you enroll
  Talking to Strangers - User Information & Interaction
Available in days
days after you enroll
  A new Home - Tables & the Game Board
Available in days
days after you enroll
  Surprising Guests - Modal Windows & Animations
Available in days
days after you enroll
  Thank You & Next Steps - How to go on?
Available in days
days after you enroll

16 Chapters Get You From Zero to Hero

  1. Game Preview
  2. Technical Preview
  3. Arnold & ArnoldCode Preview
  4. Storytime
  5. Introduction to HTML & CSS
  6. How to Create a Website
  7. HTML Structure
  8. The Layout of the Game
  9. CSS Dive
  10. CSS Layout With Flexbox
  11. Responsive Web Design
  12. HTML Lists
  13. HTML Links
  14. Table Markup
  15. Modal Windows
  16. CSS Animations

11 in-Depth Examples

  1. Example Page arnoldcode.medium.com
  2. Build the Layout Page
  3. CSS Dive
  4. Style the Layout
  5. Responsive Web Design
  6. Normalise Style for All Browsers
  7. HTML Lists Used As Logger
  8. All Kind of Links (Website, Image, Email, File-Download)
  9. Table Creation & Design + Adjust & Exploit to Get Unique Game Board
  10. Modal Windows
  11. CSS Animations

69 Funny Quizzes to Test and Consolidate Your Knowledge

  1. What does the acronym HTML stand for?
  2. What is the ending of an HTML file?
  3. What does the content of an HTML file do?
  4. How does HTML define the elements of a webpage?
  5. What means responsiveness?
  6. Which formal document is the closest to a HTML document?
  7. What is the so-called „div-soup“?
  8. What is the order of specificity? (Left to right)
  9. What does flexbox achieve easily?
  10. Why is flexbox so important?
  11. What does <ul> stands for?
  12. What does <dl> stands for?
  13. What is not the typical use case of a table?
  14. What are the four tags to display a table?
  15. What does this „ transition: color 0.7 ease-in-out 0;" do?
  16. What is a vendor prefix?
  17. How many parts does a keyframe animation have?

and many more...

Choose a Pricing Option

What My Students Say

Patricia Boshoff

"Arnold courses have really helped me with my current studies, I recommend you do these fun courses."

Niklas Frieling

"Awesome course, humorous and competent instructor. The knowledge learned is deepened with practical examples of games and principles that everyone knows! Many thanks A. Abraham!"

Esther V.D. Vloet

"Really liked the story telling behind this course. Everything was clear and great examples and exercises."

Choose a Pricing Option

About Arnold Abraham

Real Teaching Experience

I taught pupils and students during my own studies for 4 years.

My unconventional and personal teaching style helped them to learn quickly.

They were really sad when I had to leave entering the working life.

Top Tutorial Author

I write technical articles and tutorials on Medium.

2021 I was rewarded to be one of the best 1000 authors.

I managed to compete against over 200000 other writers.

Professional Web Developer

Started coding in 2015, in 2017 professionally hired.

Built Applications like an Automated Planning Calendar, Monitoring of Electrical Charge States, Productgenerator for Enterprise Solutions.

3 years of employment plus 2 years of self-employment/freelancing.