Cover photo by Ilya Pavlov on Unsplash

Welcome, this is a series of posts that aim to teach front end development from scratch to a level that the reader(you) will gain confidence in building usable and accessible website(s).

The intended audience of this series are beginners or anyone who consider themselves as beginners and in a constant state of learning.

I will not be covering the ins and out of front end development but I'll cover topics that will give you a strong foundation to build upon.

Some topics that I consider to be 'advanced' are not covered as they can be intimidating to a beginner but I'll gladly mention them and point you to resources that will be of help when you decide to learn them.

I am not a pro nor an expert, I am just trying to teach you what I know.

Below is the table of contents that links to the article(s) in the series.

INTRODUCTION
1. The internet
2. The web
3. Web Browsers
4. Tools you'll need

1. HTML
   1. Introduction
   2. Some history lesson
   3. TECHNICAL PART
      • The HTML Specification
      • Elements and tags
      • Replaced Element and Void Elements
      • Writing Accessible HTML
      • Validating HTML documents
   4. Tools, Resources and Reference

2. CSS

   1. Introduction
   2. Some history lesson
   3. TECHNICAL PART
      • The Specification
      • CSS Properties
      • CSS Selectors
      • CSS Units
      • CSS Specificity
      • The Cascade
      • CSS Inheritance
      • The Box model
      • Margin Collapse
      • CSS Positioning
      • CSS z-index
      • CSS Colors
      • CSS Backgrounds
      • CSS Variables
      • CSS Floats
      • CSS Block Formatting Context
      • CSS LAYOUT ALGORITHMS
        • CSS Flexbox part 1
        • CSS Flexbox part 2
        • CSS Grid part 1
        • CSS Grid part 2
   4. Media Queries
   5. CSS Typography
   6. CSS Animations and Transitions
   7. Naming Conventions
   8. Writing maintainable CSS
   9. Resources and Reference

3. JavaScript

   1. Introduction
   2. Some history lesson
   3. TECHNICAL PART
      • The Specification
      • A quick introduction to programming
      • Variables
      • Arrays
      • Objects
      • Numbers
      • Conditional statements
      • Loops
      • Functions
      • The Document Object Model (DOM)
      • Asynchronous JavaScript and XML (Ajax)
   4. Resources and Reference

4. WEB DESIGN

   1. Introduction
   2. Some History Lesson
   3. WEBSITE DESIGN TECHNIQUES
      • Site Layouts in CSS
      • Responsive Design
      • Progressive Enhancement
   4. User Interface (UI) Design
   5. User Experience (UX) Design
   6. Web Accessibility and Usability
   7. Color Theory
   8. Resources and Reference

5. FINAL PROJECT

6. WHAT'S NEXT?

   1. Building your career as a developer