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.
- Web API interface reference – all interfaces, arranged alphabetically.
- WebAPI page lists device access APIs and other APIs useful for applications.
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!
I think the first two are enough for the basics but I would add webplatform.org. And then moving forward, when working with stylesheets and ids and classes in HTML5 markup feels natural, I think it´s good to start thinking about Javascript and I personally prefer MDN as my goto JS reference.
Also I can´t really say enough good things about stackoverflow.com. There are tons of experts willing to help in any circumstance, and the thing I love about it, is that the correct answer usually gets the highest upvotes, so it´s easy to spot the good/right way to do things and the not-so-good/wrong ways to do things, usually clearly explained why. This is unfortunately not the case with outdated blogs or sites that are just plain wrong about a lot of stuff (e.g. w3schools, check w3fools)
These are great resources Elementti! Thanks for adding them!
Please define what is the difference between modern web development and web development.
It has a nice explanation of modern development Nowadays famous website like Facebook and WordPress are working on PHP and javascript framework. now a lot of website available to learn javascript online like w3school, hackr, codeacademy.