Frontend Development Series
Tags: frontend, webdev
Published: 2019-08-28 09:31:53

I started a frontend development series on the 24th of July, 2019.

A friend of mine introduced me to [roadmap.sh](https://roadmap.sh).
It's honestly a good guide to follow to become a professional developer.

I selected the frontend roadmap ([roadmap.sh/frontend](https://roadmap.sh/frontend)) because I am a front-end developer. I wrote down the paths and started making my researches as regards them.

It also contains roadmaps for [Backend](https://roadmap.sh/backend) and [DevOps](https://roadmap.sh/devops)

The purpose of this series is to help beginner developers (and professionals too) have a better understanding of front-end development with guided explanations, examples and shared useful resources. Some articles may not be fully detailed, but I promise to ensure the useful resources are.
This article aims to give you a picture of what the topic is referring to.

In this post, I'd share a list of the articles on this series.
I'd also keep updating this list as I post more articles.

I do hope that this series is able to meet its purpose in the development community and breed professional web developers. 😊

# Articles

-----
## - HTML
1. [SEMANTIC HTML - Part 1 of Frontend Development Series.](https://dev.to/dillionmegida/semantic-html-part-1-of-frontend-development-series-nlb)

2. [BASIC SEO - Part 2 of Frontend Development Series](https://dev.to/dillionmegida/basic-seo-part-2-of-frontend-development-series-2i64)

3. [WEB ACCESSIBILITY FOR BEGINNERS - Part 3 of Frontend Development Series](https://dev.to/dillionmegida/web-accessibility-for-beginners-part-3-of-frontend-development-series-3kp7)

-----
## - CSS

1. [BASICS OF CSS - Part 4 of Frontend Development Series](https://dev.to/dillionmegida/basics-of-css-part-4-of-frontend-development-series-3gph)

2. MAKING LAYOUTS WITH CSS
  - [MAKING LAYOUTS WITH CSS (Pt a) - Part 5 of Frontend Development Series](https://dev.to/dillionmegida/making-layouts-with-css-pt-a-part-5-of-frontend-development-series-3opd)
  - [MAKING LAYOUTS WITH CSS (Pt b) - Part 5 of Frontend Development Series](https://dev.to/dillionmegida/making-layouts-with-css-pt-b-part-5-of-frontend-development-series-1icl)
  - [MAKING LAYOUTS WITH CSS (Pt c) - Part 5 of Frontend Development Series] (https://dev.to/dillionmegida/making-layouts-with-css-pt-c-part-5-of-frontend-development-series-59en)

3. [CSS MEDIA QUERIES - Part 6 of Frontend Development Series](https://dev.to/dillionmegida/css-media-queries-part-6-of-frontend-development-series-2ep1)

4. [CSS3 - Part 7 of Frontend Development Series](https://dev.to/dillionmegida/css3-part-7-of-frontend-development-series-4p10)

-----
## - BASICS OF JAVASCRIPT
1. SYNTAX AND BASIC CONSTRUCTS
  - [SYNTAX AND BASIC CONSTRUCTS (Pt a) - Part 8 of Frontend Development Series](dev.to/dillionmegida/syntax-and-basic-constructs-65)
  - [SYNTAX AND BASIC CONSTRUCTS (Pt b) - Part 8 of Frontend Development Series](https://dev.to/dillionmegida/syntax-and-basic-constructs-pt-b-part-8-of-frontend-development-series-1ma2)

-----

Kindly share this post too 🙏

Due to some personal factors, this series would be on hold for now : (

You could reach out to me on Twitter - [@iamdillion](http://twitter.com/iamdillion) to ask any questions or make contributions.

I also write articles on my blog - [Dillion Megida's Blog](http://dillionmegida.com)

Happy Reading 🤗