DEV Community

Cover image for Frontend Development Series
Dillion Megida
Dillion Megida

Posted on β€’ Edited on

58 10

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 πŸ€—

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

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 πŸ™‚

Image of Docusign

πŸ› οΈ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more