DEV Community

Cover image for Learn web dev with these 24 lessons on GitHub
Chris Noring for Microsoft Azure

Posted on • Edited on

42 9

Learn web dev with these 24 lessons on GitHub

It's 2021. Want to learn webdev?

Here's your chance. Microsoft created 24 lessons on Web Development. It covers HTML, CSS and JavaScript. There are also quizzed and challenges.

Web-Dev-For-Beginners

There are various projects in there so you can dive deeper on things such as:

  • Typing game, this puts your skills to the test as it teaches you how to programmatically change CSS, keep track of time and also ensure you understand how HTML, CSS and JavaScript work together
  • Space Game, it teaches you game development, using the Canvas and patternsns like pub-sub and composition
  • Banking app, it's possible to develop a SPA like application without a single framework using the template tag and more.
  • Browser extension, have you ever considered writing an extension? It's easier than it sounds.

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 (2)

Collapse
 
princealarming profile image
Prince-Alarming

Thanks Chris for this article. I'm not new to coding with HTML, CSS and JavaScript. Have been updating skills. It's always nice to find helpers along the way! Thanks again.

Collapse
 
softchris profile image
Chris Noring

Thanks for saying that. The goal with creating those lessons was to hopefully create something for everybody, beginners, intermediate. Also we are all beginners at something sometime :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs