Getting Started with Modern Web Development

by Mike Hostetler on July 16, 2014

The modern web is always changing, and this article is more than two years old.

Henry Thompson shares some beginner resources that had an impact on his journey to learning to become a better Modern Web developer.

By Henry Thompson

It doesn’t take any special gifts to learn web development, just a desire to learn. There are a ton of resources that aspiring web developers can learn from. In this article I will cover some resources for getting started learning the primary languages of almost all website content: HyperText Markup Language (HTML), Javascript (JS) and Cascading Style Sheets (CSS). We’ll also discuss some resources for learning server-side languages that can be used to build web sites.

One option is to learn the languages at home by taking web-based courses. There are online search engines, like the prominent Degree Jungle, that can help students find an accredited or certified web developer degree program. However, if you’re looking to build your skills without requiring a certificate or degree of some sort, there are a lot of non-accredited options.

And guess what? Many of these options cost nothing.

The list below are just a few of the most popular and (mostly) free-of-charge web development training options.

Mozilla Developers Network

Web Developer Guide
The Web Developer Guide provides useful how-to content to help you actually use Web technologies to do what you want or need to do.

Tutorials for Web developers
Tutorials with step-by-step instruction in learning APIs, technologies and other topic areas.

Web APIs
Reference material for each of the individual APIs that comprise the Web’s powerful scriptability, including the DOM and all of the related APIs and interfaces you can use to build Web content and apps.

Codecademy.com

JavaScript
JavaScript is the language of the web and a solid understanding of how it works is key to building Modern Web applications.

Ruby
Ruby is a powerful yet beginner-friendly language used for professional web apps all over the world.

HTML & CSS
Learn the building blocks of web development with HTML and CSS, and create your own website by the end of the course.

Python
Learn the fundamentals of programming to build web apps and manipulate data.

Sitepoint.com

Understanding Knockout
KnockoutJS is an JavaScript library based on Model-View-View-Model pattern that helps developers create rich user interfaces effortlessly.

Building an Offline First App with PouchDB
Learn about Client-side databases in cross browser offline application development.

HTML5 Canvas Tutorial
Discover important instruments in a developer’s canvas toolkit for expressing UI impressions and virtual feelings.

Echoecho.com

JavaScript Tutorial
For adding add real programming to webpages.

216 Safe Colors
Eighteen tables of browser safe colors that cover the entire rainbow.

CodeAvengers

Learn the fundamentals of programming by building apps and games with JavaScript: the programming language of the web.

Want to create the next Facebook or Twitter? Learn the web languages HTML, CSS and JavaScript.

HTML.net

Learn HTML: The foundation for all websites.

Learn CSS: A fantastic tool for adding layouts to websites.

Learn PHP: Gives developers the freedom to add advanced features to websites.

Learn JavaScript: Adds interactivity and responsiveness to websites.

Conclusion

This list is not exhaustive, but contains a list of tutorials and sites that I have found valuable in my journey to improve my skills as  Modern Web Developer.  I hope they are a benefit to you as well.

Editors Note: Have any other must-have resources for learning Modern Web Develpment, share them with us in the comments below!

© 2017 Modern Web & our authors. All rights reserved.