How to be a Web Developer in 2022
Tags: webdev, beginners, tutorial, motivation
Published: 2022-01-10 06:08:54

With 2022 just started you might want to get started in programming 

You can watch the full video on YouTube 
{% youtube OXCO94ux3CU %}

- Decide which platform you would like to program for
    - Web
    - Mobile
    - Desktop application
    

Once you decide what platform the confusion begin where do i start? In this video we will break down Web 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jvh6azx6f5upemky6ynv.png)

For Web we need to start with the basics 

In web development there is 2 routes you can take (Very abstract)

- FrontEnd (Client Side Development)
- Backend (Server Side Development)

I know these sounds very confusion but i will do my best to break them down.

We will start by front end which mean building the user interface that we see when we visit our application, client side development.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixvocbj6vk6db4z91agv.png)

Frontend technology at it is core is formed of the following

- HTML
- CSS
- JavaScript

These 3 will cover how to create a web page, style it and have some limited functionalities

These are the foundation blocks good free resources to use to get started 

- https://www.coursera.org/learn/html-css-javascript-for-web-developers
- https://www.youtube.com/watch?v=mU6anWqZJcc
- https://www.udemy.com/course/master-the-basics-of-html5-css3-beginner-web-development/
- https://www.udemy.com/course/web-development-learn-by-doing-html5-css3-from-scratch-introductory/
- https://www.udemy.com/course/how-i-landed-a-web-development-job-earned-5k-freelancing/
- https://www.educative.io/courses/learn-html-css-javascript-from-scratch

Paid:

- https://www.udemy.com/course/the-complete-web-development-bootcamp/
- https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/
- https://www.udemy.com/course/the-web-developer-bootcamp/

With these 3 technology you are ready to go but if you want to take a step further there is a lot of front end framework that you could learn to increase your skill set the most famous ones are


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b5wacye9uptk0w2ed7h2.png)

- React (https://reactjs.org)
- Angular (https://angular.io)
- VueJs (https://vuejs.org)

All of these frameworks are JavaScript based all of these frameworks are highly in demand.

Resources:

React:

- https://www.udemy.com/course/react-the-complete-guide-incl-redux
- https://www.coursera.org/specializations/full-stack-react

Angular:

- https://www.coursera.org/specializations/full-stack-mobile-app-development
- https://www.udemy.com/course/the-complete-guide-to-angular-2

VueJs:

- https://www.udemy.com/course/vuejs-2-the-complete-guide
- https://www.codecademy.com/learn/learn-vue-js

Next Step is Backend:

If the frontend is the look and feel of our website the backend is the brain behind it. its referred to as server side development in essence it is everything that the users don't see and contains behind-the-scenes activities that occur when performing any action on a website. It focuses primarily on databases, backend logic, APIs.

Example when the user click on a button the action is switched from UI side to the backend side where all of the logic is executed.

There is a lot of backend technologies that you can learn

- ASP.NET (C#)
- Python
- Java
- Node
- PHP
- Ruby
    

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfgwlbpa051yjjqt9mtz.png)
    

Backend Development Skills

- APIs
- Servers
- Database
- Managing resources


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1d2xjkdr8s2ilzswwyai.png)

Out of these technologies my personal favourite is ASP.NET C# let us discuss why 

### let us discuss why? C# allows me to build


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ryqcnoug0n6gdoxj9iu.png)

- Web (ASP.NET, Blazor, Maui )
- mobile (Xamarin, MAUI)
- desktop (MAUI, WPF, Windows Forms, Console Applications)
- Cloud (with Azure)
- games (unity)
- AI with [ML.Net](http://ML.Net) and .NEt for apache spark
- IoT

 it opens up alot of possibilities by simply learning 1 language. 

In the .Net world when building web applications it is referred to as ASP.Net and most recently with the release of .Net 6 called Minimal API.

What is ASP.NET, it is a free. Cross-platform. Open source. framework for building web apps and services with .NET and C# you can build applications on Windows Mac or Linux.

### So why choose ASP.NET

- robust
- fast
- scalable
- secure
- its open source and has a big active community

Based on my opinion if you are interested in learning more about .net and c# i would you will need to learn C# first then jump into ASP.NET since once you understand the building blocks of the language it will be easy to move forward with the more advance features.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hdf35vjv6i4xbrpyngyd.png)

recommend the following resrouce

FREE: 

- An amazing video series on youtube by the one and only Scott Hanselman and Kendra Havens covering C# basics https://www.youtube.com/watch?v=BM4CHBmAPh4&list=PLdo4fOcmZ0oVxKLQCHpiUWun7vlJJvUiN
- Another amazing free video series by Scott Hansleman and Leslie Richardson covering ASP.NET basics https://www.youtube.com/watch?v=lE8NdaX97m0&list=PLdo4fOcmZ0oW8nviYduHq7bmKode-p8Wy
- As  well microsoft has Learn .Net website which provide free courses in C# ASP.NET basically everything related to .Net you can find a free course on to jump start your learning process
- As well you can watch my video on youtube to also learn about .Net

Paid:

- C# fundamentals by Scot Alan RIP https://www.pluralsight.com/courses/csharp-fundamentals-dev

Please share additional links in the description below so other people will be able to benefit, happy new year and good luck in your new journey.