5 websites to learn Frontend-web development faster
Tags: webdev, javascript, html, css
Published: 2022-11-10 11:31:36

I have been a web developer for a few years now. I have come to a complete understanding that being a frontend-web developer is undoubtedly about combining `HTML`, `CSS` and `JavaScript`.
![Surprised](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rif5a5j25on3iqkjt5ub.gif)
Oh yes, you read it right!
In this article, I have curated 5 resourceful sites that will help you better your web development skills really fast. 

## [Exercism](https://exercism.org)
One important key to fast learning is knowing the roadmap to master a new skill. It simplifies the learning process for you and help you learn in most efficient way as possible. Roadmap keeps you in loop with what languages you need to learn next and the steps to follow.
**Exercism** gives you the same path of study with extra challenges to help you grow faster.

Below is a roadmap to master the fundamentals of JavaScript using this site.
![JS Roadmap](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ucyq0c5bh0ir5m3f951e.png)

It can be used to learn many others languages as well such as Python, TypeScript, Java, etc.

## [KeyFrames](https://keyframes.app)
End users prefers to see animations in webpages they browse. This keeps them stunned. It is imperative to include animations and shows on you webpages you design to make them standout.
There are several videos online that you can learn these animations from but **keyframes** does it better.
It does not only help you to learn through experimenting with CSS animations attributes with real-time visualizer, but also helps you generate cool animations and shadows that best fit your design.

![keyframes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9uwwmzdirimar5bc9s3k.png)

## [Askyourcode](https://askyourcode.com)
If you've not run into a problem of looking for a particular code snippet from a larger codebase that stumped you, **askyourcode** can be an invaluable resource.
Developers finds it time wasting finding a particular code snippet in their codebase or an existing large codebase on GitHub to use in their projects.

With this site, you don't necessarily need to know how the exact package or codebase to search from. a query like `"how to implement context state in react"` will give you series of code snippets on how this is done. You select your choice to use base on your understanding of the code.
![gif](https://user-images.githubusercontent.com/3425038/193901565-b9d2feec-dbf9-4b29-9ea9-3b869a158a86.gif)
This will save you a lot of time looking for code snippets and implementations online.

## [GetForm](https://getform.io/)
To most front-end developers, form handling becomes challenging to them. Beginners for that matter finds it difficult and some even put a hold on most of their projects feeling form handling is for backend developers.
Form backend handling is not meant to be difficult. Getform gives you the possibility to integrate your HTML form with all the major development frameworks, JAMStack, no-code and CMS platforms.

If you only want to learn about the front-end aspect and leave the challenging back-end section for form handing, you can use this **getForm.**

![GetForm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1bduywl7nransz5qcz9.png)

This site will help you by offering a fully functional back-end if you're working on a personal project or learning about web development.

## [Git Branching](https://learngitbranching.js.org/)
Are you looking to work with a team on a project? are you part of a coding team already?
How do you share and manage your project source code?
One best most recommended solution is by using git & GitHub.
Working with git, however, may be challenging for a newbie, and just knowing the theory won't help.

![LGB](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u3jh868l6xsofjvfbns1.png)


**Learn Git Branching** teaches you visually, the basics of using GitHub for collaborations, contributing to a repository as well as maintaining a a repository.

Having a knowledge and how to use Git & GitHub is one skill you can not overlook if you aspire to be a developer. 

## Conclusion
Becoming a web developer can be stressful at some point without a good guidance and tips like this. I found it challenging while learning but you don't have to. That is why I have curated these powerful tools to help you in your front-end web development journey.

**Happy Hacking!**

Bentil here🚀
Which of the sites mentioned is your favorite? Was your favorite not mentioned? Comment it below. It might be helpful to someone else too. I will be glad to hear from you in the comment section.

**If you find this content helpful, Please Like, comment and share**