DEV Community

Cover image for Web Development for Beginners: A new Learning Path on Microsoft Learn
Chris Noring for Microsoft Azure

Posted on

Web Development for Beginners: A new Learning Path on Microsoft Learn

This is based on the Git Hub curriculum https://github.com/microsoft/Web-Dev-For-Beginners

There are 16 million developers in the world today. Roughly half of those, 8 million are web developers. Web development is therefore a good skill to have as you are looking to land that first job and build a career in tech. But where do you begin to learn all that? With this path 

Web dev for beginners path.

It covers everything from HTML, CSS, JavaScript to Accessibility. 

Intro to programming

What even is programming? Well, it's a way to instruct your machine to do things for you. By running statements, you can things like creating a web a page, a simple script or why not a computer game. The possibilities are endless. You do need some kind of text editor to type it all in, we provide that to in this first module.

Intro to programming

Accessibility on the Web

Not everyone has perfect eyesight or see the colors you do or can even see at all. As a developer you need to realize that when you build programs, you should include everyone. There are specific tags and approaches you can use to make your app usable by anyone, regardless of disability. Be inclusive and build better apps.

Web accessibility

JavaScript variables and data types

One of the most popular programming languages right now is JavaScript. JavaScript can be used in the browser to create an interactive experience, but it can also be used on the backend to create APIs, application that can talk to other services and even databases. Learn how to think in programming by being introduced to the concept of variables and data types.

JavaScript variables and data types

Functions

When you start out, you might have all your code statements in one file. But there is a way to organize your code so it can be made more readable but also reusable. What you can do is to create named areas, functions, which can be called whenever you need them to carry out a task for you.

Functions in JavaScript

Decisions with IF/ELSE

Your code can execute differently depending on the values of different variables or some other condition. Having that flexibility makes your application useful in many different scenarios. Learn about IF, ELSE and much more.

Decisions with IF/ELSE

Arrays and loops

Sometimes your data takes on the form of a list. Imagining a recipe, or an ice cream menu or why not a receipt of things. Lists make it possible to store more than one thing and there are constructs that make it possible to operate on lists and get what you need from them such as their sum, or maybe the highest value and so on. 

Arrays and loops

Top comments (3)

Collapse
 
shaijut profile image
Shaiju T • Edited

Nice one 😄, Great initiative by Microsoft.

I think these days students and beginners are spending time watching random videos in Youtube to learn. But this systematic approach is good. Text based tutorials are much easy to follow than videos. Below is my systematic order for beginners to be ready for Job.

Systematic Order for Learning Web Development:

  1. HTML and CSS
  2. Javascript
  3. Responsive web design
  4. SQL
  5. Server side programming language - C# or Java
  6. Web framework - Asp.net Core or NodeJs
  7. REST API - .Net Core or NodeJs
  8. Add some SEO to your web app
  9. Hosting your web app to free server - Github
  10. Connect your server to custom Domain
  11. Host your web app to Cloud - Azure
  12. Share your project in Github and add it in your Resume.
  13. Connect and share in Linkedin and Apply for Jobs.

If @Microsoft can create more Systematic Order for Learning using Text based tutorials like Microsoft Learn, then beginners will be guided in right path instead lot of confusions and time consumption.

Collapse
 
softchris profile image
Chris Noring

Yea we are planning content on HTML and CSS, also SQL and REST API

Great list, thanks for sharing :)

Collapse
 
yashiroquy profile image
UMR

thanks for sharing