13 Sites to Learn How to Code for Web Developers

Gone are the days when programming languages could only be mastered programmers like Bill Gates, who later got to dominate the world by storm. Now everyone holds the same potential, and the chance to learn and even master programming language easily.

Today, we will show you 10 interactive websites that will help you do that.

That’s right, forget about complicated setups and black, cold command prompts that make you want to quit before you start, and say hi to 10 educational websites with instant and interactive lessons that teach you programming languages like HTML, CSS, PHP, Ruby and even iOS.

Pick up tips, screencasts and even best practices from industry professionals.

Kickstart the beginning of your new path into programming today!

Self-Education vs. Traditional College: Which Path to Choose?

Self-Education vs. Traditional College: Which Path to Choose?

Steve Jobs, Mark Zuckerberg, and Bill Gates are some of the most prominent figures in the tech industry,... Read more

Udacity

udacity

Udacity is the unification of insightful video lectures and improved quizzes to achieve the interactive feel for students, so it’s ideal for those who don’t like to read but rather get explanations from industry professionals such as Google employees.

You will be given a screencast from pros discussing the topics and instructions, then you will take either logic or programming quizzes to strengthen your understanding or forge it into a skill.

The good thing about Udacity is it provides more videos than any other site, and the instructors are either real-life professors or industry veterans.

The only pitfall here is most courses are not much related to each other, so Udacity is probably not your starting point, but a virtual university to further your study.

Codecademy

codecademy

Codecademy is indisputably the most famous website to teach you to code interactively, thanks to its helpful interface and well-structured courses.

Upon visiting the main page, you can already start tasting the programming, with its motivating on-screen console. Pick a course that Codecademy offers from Web Fundamentals, PHP, JavaScript, jQuery, Python, Ruby, and APIs.

Inside each lesson is a panel that explains necessary code and instruction. Another panel allows you to get your hands dirty by writing acceptable code, then checking if you are doing the right thing. Don’t worry about making mistakes, as both instruction and code panels will warn you of errors, and provide hints. It is as if there’s a kind teacher right beside you.

Code Avengers

code avengers

Code Avengers is designed to make you love programming. The website offers HTML5, CSS3, JavaScript, and Python as well as web design and development course. Each course is carefully designed to truly entertain you while leveling your programming skills painlessly and at the end of each lesson you also get to play a mini game to release your cumulated stress and keep you going.

Code Avengers has a gradual approach to interactive learning. It does not explain too much knowledge that isn’t essential for beginners, just a bit of code and playful instruction, making things very easy to digest.

You also get to play with the code, then see the impact of the changes immediately. It is carefully crafted with the beginner’s comfort in mind.

Plural Sight

plural sight

After you’ve finished courses in Codecademy or Code Avengers, and you are ready to further expand your capabilities, Plural Sight is the next quality website you should land on.

Unlike most interactive learning sites, Plural Sight offers more in-depth courses to train and turn you into an expert with the industry’s best practices.

Almost all courses are aggressively polished with impressive design and informative screencasts, though the challenges after the screencast might be a bit hard for amateurs. Luckily, there are hints and answers to refer to. While most of the offered courses are free, certain ones will require you to opt for paid subscription to access the entire course including all screencasts and challenges, and also all other courses in Code School.

Treehouse

treehouse

Treehouse courses are more project-oriented than language-oriented, so they are perfect for novice programmer with a planned purpose, such as building a website, or an application.

For example, the Websites course is all about building a responsive website, interactive website or even WordPress theme – a very practical and efficient way to master related languages. Nonetheless, they have released a plethora of foundation courses with a video-then-quiz approach.

For Treehouse, every course is divided into different stages or modules, and beyond every first stage the learner will be invited to pay a monthly subscription fee of $25 to access all courses with 650+ videos, and an exclusive Treehouse Members Forum as a bonus.

If you are serious about your programming future, you could subscribe the $49 monthly plan to obtain in-depth interviews with leading industry pros and cutting-edge workshops.

CodeHS

codehs

So far, all websites you read here are mainly dedicated to web development and computer science, but CodeHS is one with simple and fun game programming lessons that involve problem-solving, JavaScript, animation, data structures, game design, and puzzle challenges.

The advantage of CodeHS is that it teaches you to think and solve a problem like a programmer with its first course, Programming with Karel.

The lessons are fun as you will learn how to use the code to move the dog, Karel to complete given tasks and puzzles like picking up a ball and building a towel. It plants a solid concept of programming and the way it solves the problem systematically in your mind.

Other than the course mentioned above, you must sign up for a monthly subscription to continue your learning journey, but it’s a perfect site to learn basic game programming effectively.

Khan Academy

khan academy

Although Khan Academy’s courses are not as structured as CodeHS, it does serve as an open playground for both novice and amateurs particularly interested in learning drawing, animation and user interaction with code.

It does not preach any specific programming language, but the code pattern it adopts can be applied anywhere, as a majority of languages share the similar programming pattern.

You can first join the Programming Basics course to watch and learn basic concepts, then explore the given code after the video tutorial to validate your doubts. With Khan Academy, you can save your modification as a Spin-Off for everyone to enjoy and customize.

There have been hundreds of spin-offs just from one lesson in one course, so imagine the community size, and the lesson’s effectiveness.

SQLZOO

sqlzoo

Structured Query Language (SQL) is just a language purely designed to store and retrieve data from a database, so imagine the boredom you will experience when programming a warehouse. Yet SQLZOO wants you to learn SQL happily with its interactive interface and smileys.

Since there is really nothing too deep to explain for a straightforward language like SQL, the site will only ask you to replace the variables like city names or population number, and raise the difficulty from that level.

One huge let-down will be the shortage of hints, answers and forum, so you are probably doomed if you fail to solve any one of the quizzes, just like old times.

Frontend Masters

frontend masters

FrontendMasters, as the name implies, it mainly focuses on the front-end programming course such JavaScript and SVG as well as the frameworks like Vue.js, React.js, Ember.js.

FrontendMasters delivers a new concept in programming courses. Each course a workshop delivered by experts from notable companies such as Microsoft, Adobe, Twillio, Paypal, and LinkedIn. If you’re interested to attend the workshop, you can attend it online or in person in Downtown Minneapolis. This makes FrontendMasters stand-out from the rest as the course feels more alive. You can see the instructors and their interaction with the audience.

EggHead

egghead

EggHead course collection is pretty vast ranging from the most basic of the language or framework to the most advanced techniques. Some of the courses are free such as The Beginner’s Guide to React and Getting Started with Redux presented Dan Abramov which is in itself is the React.js core developer.

EggHead often delivers the latest programming practices, tools, and languages into their course quicker than any other course channel which makes it a popular channel for developers within the industry to update with their programming skills and practices.

TutsPlus

envato tutplus

TutsPlus course collection is vast. Aside of teaching programming languages like PHP, JavaScript, and Node.js, you can also learn about design, photo and video editing, drawing illustration, and business. It’s a perfect channel if you’re interested multiple discipline than just programming.

SymfonyCasts

symfony casts

SymfonyCasts is a course channel that cover specifically on Symfony. Symfony is a PHP framework or, should I say, ecosystem that produces a bunch of popular PHP packages, tools and certification. The course covers the very basic of the PHP language, Symfony itself, and some advanced PHP development techniques such as OOP, so called Acceptance Testing, and security.

I think, if you want to be serious with PHP language or specifically in Symfony, SymfonyCasts might be a good place for you to learn.

Summary

Here’s a comparison chart for you to get a bird’s eye view of all these awesome places to learn how to code.

Website Course Feature Pricing Difficulty
Udacity Web Development, HTML5, Python, Java, Computer Science, Algorithm, AI Code Interpreter, Screencast, Progress Saver, Forum Free Intermediate – Nightmare
Codecademy HTML, CSS, JavaScript, jQuery, PHP, Ruby, Python, API Code Interpreter, Progress Saver, Project, Forum Free Easy – Intermediate
Code Avengers HTML5, CSS3, JavaScript Code Interpreter, Progress Saver, Project, Note Free Easy
Code School HTML5, CSS, CSS3, jQuery, Ruby, Ruby on Rails, iOS Code Interpreter, Screencast, Progress Saver, Forum Free/ monthly subscription Intermediate – Hard
Treehouse HTML, CSS, CSS3, JavaScript, jQuery, Ruby, Ruby on Rails, iOS, Android, UX, Database Code Interpreter, Screencast, Progress Saver, Project, Forum Free, $25/month, $49/month Easy – Hard
CodeHS Problem Solving, JavaScript, Animation, Game Programming Code Interpreter, Screencast, Progress Saver Free/ monthly subscription Easy – Intermediate
Khan Academy Programming Basics, Canvas Drawing, Animation, User Interaction Code Interpreter, Screencast, Progress Saver, Project, Discussion Free Easy – Intermediate
SQLZOO SQL Code Interpreter Free Easy – Hard
FrontendMasters JavaScript, CSS, SVG, Node.js, React.js, Vue.js, Ember.js, Angular. Screencast Monthly subscription starging at $39 Easy – Hard
EggHead JavaScript, Node.js, React.js, Vue.js, Svelte, etc. Screencast, Progress Saver, Discussion Monthly subscription starging at $40 (Some courses are free) Easy – Hard
TutsPlus PHP, Ruby, Node.js, JavaScript, CSS, Vue.js, etc. Screencast, Comments / Discussion, Forum Monthly subscription starging at $16.50 Easy – Hard
SymfonyCasts PHP, Symfony, and JavaScript. Screencast Monthly subscription starging at $24.99 Easy – Hard

Have you studied at any website we showcased above? How’s the experience? Or have we missed certain interactive learning sites with rich assets for budding programmers? Let us share our experiences and resources to help and inspire each other then!

WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail