DEV Community

Cover image for Frontend Development Series
Dillion Megida
Dillion Megida

Posted on • Updated on

Frontend Development Series

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

A friend of mine introduced me to roadmap.sh.
It's honestly a good guide to follow to become a professional developer.

I selected the frontend roadmap (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 and 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.

  2. BASIC SEO - Part 2 of Frontend Development Series

  3. WEB ACCESSIBILITY FOR BEGINNERS - Part 3 of Frontend Development Series


- CSS

  1. BASICS OF CSS - Part 4 of Frontend Development Series

  2. MAKING LAYOUTS WITH CSS

  3. CSS MEDIA QUERIES - Part 6 of Frontend Development Series

  4. CSS3 - Part 7 of Frontend Development Series


- BASICS OF JAVASCRIPT

  1. SYNTAX AND BASIC CONSTRUCTS

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 to ask any questions or make contributions.

I also write articles on my blog - Dillion Megida's Blog

Happy Reading 🤗

Top comments (11)

Collapse
 
darksmile92 profile image
Robin Kretzschmar

Hey Dillion,

why don't you turn those posts into a real series using the series feature?
Here is a short introduction on how to use them:

Collapse
 
dillionmegida profile image
Dillion Megida

Thanks so much, I just checked it.
I just implemented them in the posts.
I would also love to ask, this link you shared, the UI of the series (circles) is quite different from what I was able to get, mine is more of rectangles stacked together, was there a change or It's my settings?

Collapse
 
darksmile92 profile image
Robin Kretzschmar

You are very welcome! :)

There has been a change in the UI since the linked post was published. At the moment there are stacked accordions instead of those bubbles:
UI design of series elements

And there is no option to change this, this is side-wide.

Thread Thread
 
dillionmegida profile image
Dillion Megida

Alright, thanks once again

Collapse
 
veteranlogix11 profile image
veteranlogix11

Thanks you so much for your valuable information regarding frontend development series but I will recommend you to please have look at Backend development roadmap by clicking the link : veteranlogix.com/roadmap-of-back-e...

Collapse
 
refiloedig profile image
Refiloe Digoamaye

Followed. Looking forward to the series.

Collapse
 
dillionmegida profile image
Dillion Megida

You could begin with the listed articles there, I'm working on more.
And I do hope you achieve a lot : )

Collapse
 
refiloedig profile image
Refiloe Digoamaye

Dope stuff 👍🏾.

Collapse
 
mdhesari profile image
Mohammad Fazel • Edited

Hey Dilion that's great and that would be amazing if you expand these tutorials.

Peace.

Collapse
 
dillionmegida profile image
Dillion Megida

Thanks for the compliment.
I'm working on more articles

Collapse
 
dillionmegida profile image
Dillion Megida

I'm really glad I could be of help. I'll be adding more articles and also updating this post, so stay tuned 🙂