How to start Web Development ?

SWAP Inc.
3 min readJan 2, 2021

--

And how do you get better at it

The questions that arise when we start a new domain to learn are What to learn? Where to learn? How to learn? So, let us make it simple. We have laid a roadmap that would help you enhance as a beginner in the web development domain.

The first thing that comes to our mind while taking a domain is whether there a scope?

Well, we would say there are a lot of people taking web development as a career. Everything on the internet needs a website to showcase the information gathered to the user. So, you have a vast platform opened to demonstrate your skillset gained.

Decision phase:

Before getting into the learning, decide the path and destiny. There are three paths from my point of view.

· Front-End Developer:

What a user sees in the web browser is called the Front-End. Good creativity and firm knowledge in HTML, CSS, Bootstrap, JavaScript, ReactJs, and some prototyping IDEs

(Adobe, Figma; learn any one for prototyping) are ideal for front-end developers. It enables you to become a good UI designer. Designing from the user’s point of comfort also makes you a good UX designer.

  • Backend Developer:

Analyzing the data storage structure and response time for a process is a foremost thought of a backend developer. When a user triggers a function in the UI, the process behind it is carried out here. Database and backend language is the required skill. But, you have a lot out there to pick. Based on the purpose, be precise to pick. As a beginner, you can start with the MySQL database and PHP as a backend language for your website.

  • Full-Stack Developer:

As a Full-Stack Developer, firm designing and backend skills are necessary.

Let us list a few skills:

1. HTML

2. CSS (with responsive layouts)

3. JavaScript and its libraries

4. Bootstrap

5. ReactJs

6. PHP

7. NodeJs

8. Git

9. AWS/ Azure/ Google Cloud

10. Hosting

11. SQL/PostgreSQL

12. Django / Flask

13. MongoDB

14. Java Web Services, JSP

15. .Net

When you cover all these, you are good to go as a Full-Stack Developer Fresher.

Note:
It isn’t necessary to know all the sub-domains in the layers of the picture above. Pick one-two in demand and master it up.

Learning phase:

This is a phase where you lay the foundation for the knowledge you will gain. So, be smart and productive in picking the platform and resource to learn. We have linked some resources for your reference.

The whole treasure of knowledge W3schools

For free Udemy courses, Click Here to join the community.

Note:

Don’t practice and learn simultaneously. Instead, take notes while learning and implement them at the end. You would not lose concentration and also increases your productivity.

Implementation phase:

“Practice makes a man perfect.”

Implement your learning as much as you can. Analyze what you lag and get improved periodically. This will mould you for the next step.

Try to do many projects with a lot of creativity to master the skills that you gained.

“Make mistakes,

Correct Yourself,

Upskill ahead.”

Have great Learning!

-S.Manishma

--

--

No responses yet