loading...
Cover image for Frontend Development Series

Frontend Development Series

dillionmegida profile image Dillion Megida Updated on ・2 min read

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 🤗

Discussion

pic
Editor guide
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 Author

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 Author

Alright, thanks once again

Collapse
hordon profile image
Horváth Donát

Hi Dillion, just wanted to let you know that this is series the one I looking for. Finally I can see the bigger picture and I know which stage is I am at in the learning curve, not just jumping through different level topics. So thank you very much!

Collapse
dillionmegida profile image
Dillion Megida Author

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

Collapse
refiloedig profile image
Refiloe Digoamaye

Followed. Looking forward to the series.

Collapse
dillionmegida profile image
Dillion Megida Author

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

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

Peace.

Collapse
dillionmegida profile image
Dillion Megida Author

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