Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Learn To Code Intro Image   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your SkillsCoding. A topic that is avoided by many. Why? Probably because it seems like an impossible and unreachable goal to attain. It is a difficult skill, but if you have the purpose to learn to code, there’s no better time than now. There are an abundance of free resources and tools, all of which are available online. Sure you could take some courses on the topic at a nearby community college, and you might still want to. However, if you’re on a budget, have limited time or just simply want an additional source of quality education, these websites can be a tremendous help.

The topic of coding has been covered throughout MakeUseOf, from what languages to learn for software development to teaching your kids how to code. Bottom line is, there are several great tools out there in addition to this list, but these are some of the best.

Smashing Magazine

Smashing Magazine   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Smashing Magazine is a company focused on coding and web development, covering topics of techniques, individual coding languages, mobile, design, graphics and WordPress. Though it is quite well-known for it’s electronic and printed books, it also provides a plethora of information on the web.

WordPress Codex

WordPress Logo   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Although not entirely focused on only coding, this resource provided by WordPress offers some excellent tools in the languages of HTML, CSS and others. It is possible to build your own website without any knowledge of code, however you’re likely going to want to make some tweaks and changes here and there, which is where it’s nice to know some code. Thankfully, you don’t have to know it all if you simply use this resource from WordPress.

WordPress Codex List   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Mozilla Webmaker

Mozilla Webmaker   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Mozilla Webmaker has actually recently been featured in an article of it’s own, by our very own MakeUseOf Editor, Saikat Basu. Here he goes into depth with all of the features, tools and resources that Mozilla provides to those striving to learn code and easily edit it.

Mozilla Developer Network

Mozilla Developer Network   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Another Mozilla resource is the Mozilla Developer Network, which seems like it would be advanced and hard for beginners to understand, and some of it is, but there are also parts that can be of great help and assistance. I recommend just taking a look around the site, but there are two places that I think you should be focused on and that may help you. Those are the Docs page and a page where you can learn how to make websites.

mozilla developer   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Peer-to-Peer University: School of Webcraft

P2PU School of Webcraft   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Two great things about Peer-to-Peer University is that it is free and peer-driven. Ironically, Mozilla sponsors the “webcraft” section of the site, but otherwise it is not affiliated with Mozilla. There are other non-coding related sections on the site as well, but the School of Webcraft is an excellent place to learn what’s behind the making of the web. The nice thing about P2PU is that since it’s peer-driven, you can get help from those around you along the way. If you are on the more advanced side, you can actually be a mentor to others who are less-knowledgeable and trying to learn.

Codecademy

Codecademy   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Codecademy has become one of the most popular code-learning sites. It’s easy-to-use interface combined with rewards badges and understandable directions have made it a popular choice among coders of all levels. Just like P2PU, you can learn or teach, so once you have a solid understanding yourself, you can pay if forward to others who are seeking the same knowledge. Codecademy focuses on JavaScript Fundamentals, Python, Web Fundamentals and JQuery.

It also has another neat section of the site called, Code Year, which has been covered on MakeUseOf by our staff writer, Bakari. Once you go to the Code Year website, you can sign up to receive a interactive coding lesson every Monday. You can also click on the big red button titled All Courses and check out the other parts of Code Year.

Codecademy Code Year   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

PHPAcademy.org

phpacademy   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

If you’re a visual learner, and by that I mean you learn by watching videos, PHPAcademy will be a very beneficial addition to your coding curriculum. There are videos on practically everything, but obviously it focuses on PHP for the most part. The videos are quite thorough and because of that, they’re quite long as well, ranging anywhere from eight to twenty minutes… still shorter than your college class lecture (and likely more interesting too). Along with the link in the subtitle, here is a direct link to their many video courses organized into playlists on YouTube.

Google Code University

Google Code   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

This article wouldn’t be complete without Google Code University, and neither would MakeUseOf, which is why it has it’s own article on here as well. Google has created an excellent free source of knowledge that you would have to pay top dollar anywhere else. Many people who use it are likely already paying top dollar so that they can have that degree. But while they’re pursuing their degree, Google Code University can accompany what they are learning and provide more practice and education in the process. Maybe you’re one of these people, or maybe you just want to teach yourself completely on your own. For all situations, Google Code University is an awesome asset to help you learn the ropes of coding. One section I highly recommend starting at is “Google: HTML, CSS and Javascript from the Ground Up.”

W3C Wiki Page

W3C Wiki   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

W3C has a ton of information and as a beginner, I would not recommend trying to take everything from their site in, although it is a great resource. However, their wiki page on the other hand contains all the recent standards. Dev.Opera has a similar page, but announced in April of 2012 that it donated it to W3C to be updated by their community. This would be a tool that once you’ve gotten the basics of coding down, you start studying and understanding the web standards. Take one thing at a time, don’t take it all in at once, but I do recommend keeping this site along side the others as you gain more and more coding skills and knowledge.

CodingForums.com

CodingForums   Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills

Similar to most technical industries, you never stop learning when you’re a coder. And since this is the case, it’s nice to have a community dedicated to answering questions. That is what CodingForums.com is all about. As you go through the different courses of the sites that I’ve introduced you to, you’ll have questions. If the site has a community (most do), then it’s nice to inquire with them. But it’s also nice to just get a second opinion, or get input from a different source.

Conclusion

Along with this article, I recommend you check out a similar MakeUseOf article featuring five other resources to help you learn how to code. The biggest thing with these tools is to use them consistently and not psych yourself out that you can’t code before you even start. If you are even remotely interested, these sites are a much cheaper, in fact free, way of seeing if it really interests you and how good you are. But they aren’t only “testing out the waters” websites, they can be full-blown educational tools, and some even can equal the same amount of knowledge and skill that you’d get from a college degree.

Have these sites helped you in the past to learn to code? If you don’t know how, are you likely to give it a try with these resources to help you along the way?

Image Credit: Hand Writing Code via Shutterstock

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

49 Comments -

Sebastian Hadinata

Nice collection of online resources. Especially Google University, I didn’t know such website exists.

CSS-Tricks is also a good website to learn more about web development.

Aaron Couch

That looks like a great resource — Thanks for sharing. I appreciate it!

Richard Steven Hack

Most of these sites are basically on Web site coding.

A lot of “real programmers” might sneer at that stuff… You know, “real programmers code in C (or maybe assembly…)” :-)

And they might be right, as I suspect a lot of Web programmers don’t follow the same “best practices” that programmers in mainstream languages do.

There was a book on learning programming years ago that used examples from other learning programming books as illustrations of BAD programming. So people need to beware. Learning the syntax of some language is NOT “learning to program”. Coding is not programming and not program design.

Real program design *is* HARD. The plethora of crappy programs in the industry and the general poor standards of usability, reliability and security prove it.

Juan Carlos Espinosa Agudelo

Even though I agree with that a lot of programmers will disagree with this being actual programming(especially CSS), this article is aimed at beginners, not advanced people. The thing beginners should do is try out various forms of programming/coding. In first year of college I had HTML, CSS, C#, Javascript and PHP.

Most of the things we did were not advanced level in any way, so it was mostly a tiny try out, for people who have no idea on which path they want to choose.

Also, the idea that C and C# are harder than web development, depends also on the level you’re programming at. If I ask a person who just learned HTML to write me some JS or PHP without looking at some tutorial/help, he probably will have no clue on what to do. But if I give them some simple C or C# with a simple tutorial, they’ll naturally be able to write it.

I agree that learning the syntax is harder, but I also have to say, I don’t consider a person who has *only* learned everything about C, an actual programmer. If he was, he would’ve at least tried out some other languages as well.

Also, as a starting programmer/web developer, could you tell me what book that was? It sounds interesting.

Shakirah Faleh Lai

Yes,real program design *is* HARD but for beginners like me who don’t have any experience in coding sites like these give us a chance to learn a little bit. I’m not a programmer just a hobbyist.

Bleh

“Real Programmers” created Internet Explorer – which gives us lowly website programmers fits.

What was that you were saying about “Best Practices” again? :P

vineedcool

does they all cover java progrraming too??? and also new upcoming languages such as go???

RoLaAus

These resources seem to be geared towards web programming (though there is one reference to Visual Basic, but that seems more like an add-in along with the other web based languages).

Java and JavaScript are actually two difference animals, and it’s not just because JavaScript runs within a browser (with script enabled) and Java runs in a Java Virtual Runtime Engine. The languages are two completely separate entities.

That is probably why Java is not mentioned in this article.

Kaashif Haja

I’ve tried Code Academy. It’s nice!!

Shakirah Faleh Lai

Me too, I have no coding experience but Code Academy makes coding simple and easy to learn.

Roman Vávra

codecademy is cool..but google university? I didnt know such website exists as Sebastian said earlier…

my favourite page to learn something is http://www.udacity.com/

VS Vishnu

mozilla..

John

Since when is HTML and CSS considered programming? Or is coding and programming two different concepts?

Juan Carlos Espinosa Agudelo

Well, HTML and CSS are mostly considered Web Design, I think. Considering HTML is a language that gives websites a basic layout and CSS is a style, they can be separated a lot from what is considered ‘Programming/Coding’.

Now comes the bigger part of your question, because it’s a question that drives on opinions. Are coding and programming the same?

A lot of people say yes and won’t truly care which term you use. An other lot of people will say no. I’ll try to sum some of the opinions up, but I don’t think I’ll be the best to give an actual answer. Also, these are from my personal understanding of them:

1. Some people say it has no difference.
1A. Some consider coding, programming and scripting are the same. I think these people basically think something like ‘It has lines of code, so it’s a programming language.’ and that’s all there’s to it.
1B. Some say: Computers see good or bad coding, clients see good or bad programming.

2. Some people think of it as a ‘level of difficulty’.
2A. Some will say that someone who can write Qbasic or HTML a person who can code, but a person who can write something in JAVA is an ‘actual programmer’.

3. Some think of it as entirely different, ranging from what the precise meaning is, to what both are.
3A. Some think of coding as making ‘codes and ciphers’, where as with programming you’re making a set/sequence of instructions for a computer(program) to read.
3B. Some say that when you’re programming, you’re always coding, but when you’re coding you’re not always programming(basically adding to the idea in 3A, that coding can mean something completely different).
3C. Some say that the code(source code, for example) is coding, which you can click all you want, but won’t run. But when it’s an actual program which you can run by clicking it, it has become programming.

These are basically the mindsets I’ve seen, there may be more, but to simply answer to your question with my opinion:
HTML is a low level programming language and CSS is a style used in HTML. I don’t consider CSS actual programming or coding, but just an add-up to HTML, which could be considered very low level programming.

David Bobb

HTML isnt a programming language, it is a markup language used to display the content on screen — because there is no programmability — there is no, ‘if A, do X’ or ‘read this, process it, and have it do that’, in that sense CSS is not a programming language either — it is a code file used to determine how to style a page. Javascript and PHP are programming languages (javascript is technically a scripting language, but it can be called a programming language moreso than HTML can). HTML, CSS, C++, Visual Basic, Javascript, and even batch file or BASH scripting can all be considered ‘coding’ but HTML and CSS while considered ‘coding’ are not considered programming. Its only when you add interactive elements of things like PHP and Javascript can it even remotely be considered programming.

Juan Carlos Espinosa Agudelo

You’re 3A :)

Ahamdi

David, thank you very much for that explanation. Coding languages like HTML and CSS work because there are programming languages behind them. No C, C++, Python, etc. working behind the scenes, no markup and styling possible.

Emmanuel

In my experience HTML5 does borrow a few syntax from Javascript with its new features and implementation, even though html is a mark up language its used as the foundation of any webpage, web app or mobile Web app. CSS just gives you the layout, color and styling of the foundation of the webpage. Javascript gives the website, or Web app its features to do a specific function or task and other rich multimedia fictions. HTML5/CSS3/Javascript/JQuery are usually tide in together as one whole to refer as developing and programming a website or website app. Php and Myself etc is used for server side programming and database systems.

lance burn

I have been looking for something like this for ages. thanks

iVad3r

Great, i tried W3C a lot of times to get more code of CSS and HTML to use.

Rohitmittal3003

Very Helpful & Awesome Information

Aditya Roy

Thanks Aaron for the information. :)

tonybac

I didn’t find Wibit (http://www.wibit.net) in your list. But good collection nonetheless.

Aaron Couch

Thanks for sharing. The article was primarily focused on websites that could be used as tools.

Because I don’t yet own a smartphone, I haven’t familiarized myself with many of the apps such as WiBit. Nonetheless, I appreciate you sharing it and hopefully some readers will see your comment and benefit!

Thanks for reading.

Vanja Gorgiev

Code academy is nice, it does it’s magic

Mila Kun

I’m currently using codecademy. It’s very helpful and thorough :)

GrrGrrr

Thanks, will be useful sometime

Nart Barileva

Does anyone know a website similar to Code Academy that teaches Java. I’ve been trying to find one but have had no luck so far :/

Aaron Couch

I believe Code Academy does teach JavaScript in one of the later lessons.

Rigoberto Garcia

Excellent collection Aaron. I have followed some lessons in Codeacademy (last, still in progress, is a course of JavaScript) and I think it’s great.

Doc

If I’m not mistaken, all of these are about designing websites with PHP, HTML, and CSS. That’s not all there is to coding! I’m interested in building 3D games in C++, and was disappointed that there were no references like thefreecountry.com, planet-source-code.com, codeproject.com, or sourceforge.net listed.

Graham Richardson

Thanks for this very useful list. I have been meaning to crack on and improve my basic html / css skills – this has given me a gentle reminder!

Shmuel Mendelsohn

I programmed for 12 years, and I never knew that these sites existed. As usuak, THANKS FOR SHARING!

Tom Pullen

Udacity has a beginners course in Python, in which you would build a search engine.

Ben Mordecai

I’m a fan of Udacity, iTunes U, and MIT OCW.

Abhishek Biswas

Thanks.. its a very helpful article..
i am a multimedia student and i want to learn HTML or CODING..
but my family cant afford so much money for HTML course..
this site and your article has helped me a lot..
thank you so much..
And the CODE ACADEMY is quite good, they teach you lessons like you are reading a video game instructions..

Paul Girardin

It seems we can find something new each day!

This old monkey keeps learning new tricks!

Thank you

Emmanuel Olalere

Soooo many choices, will try them out ASAP

Farzan Byramji

Whoa! Great page. Love it.

Teodoro Villamarzo

Thanks Aaron! Before this I didn’t know there were sites that give free instructions in programming.

carlyon.russell

Thanks for a wonderful compilation. Really appreciate it. I intend to pass this info around

fainom enous

Nice article

Wendy

I learnt C, assembler, Cobol and some others (basic skills and before windows) many years ago and visited Udacity to sign up for courses in modern languages. I was happily looking around and was going to sign up for a course when I read their terms & conditions. They will take full ownership of ALL content uploaded by users, including your submissions for exams. That puts me right off.

Walter Gerstmann

Which languages work in Windows without needing runtime modules? Are they any languages which work without needing to buy its compiler?

bitoolean

I’ve been programming in Visual Basic (.NET) since 2002 as a hobby, otherwise I’m learning web technologies (server scripting, SQL, HTML/CSS/Javascript) for a couple of years too, and now I think I’m ready to try C++ again. I want to start the right way, so I’m reading on the latest C++ features and wxWidgets. Can you recommend an online course with practical exercises and another GUI toolkit/library to work with (preferably a modular, intuitive, cross-platform one)?

Raghav Gupta

Nice list

dragonmouth

A site similar to CodeForums is Tek-Tip Forums http://www.tek-tips.com. It covers a multitude of programming/coding languages. The site is programmers helping programmers. I used the site when I was programming for a living. It may be a little advanced for those just starting out but you are definitely guaranteed to learn something.

osearth

A) I think someone (Netscape?) was trying to piggyback on JAVA’s popularity when Javascript was confusingly renamed from ECMAscript.
2) I have seen clients say Coding when referring to a process more accurately called Skinning or Templating. If you are building HTML and CSS you are designing and if you use JavaScript as well then you are also scripting.
III) To me I think of coding as when you translate logic or perhaps info into another state, maybe like encoding as in coding an algorithm. a simple onClick with javascript: may not really be coding but more scripting. Keep in mind I think of myself as a coder and if it sounds complex i might impress fems. ;]

osearth

A) I think someone (Netscape?) was trying to piggyback on JAVA’s popularity when Javascript was confusingly renamed from ECMAscript.
2) I have seen clients say Coding when referring to a process more accurately called Skinning or Templating. If you are building HTML and CSS you are designing and if you use JavaScript as well then you are also scripting.
III) To me I think of coding as when you translate logic or perhaps info into another state, maybe like encoding as in coding an algorithm. a simple onClick with javascript: may not really be coding but more scripting. Keep in mind I think of myself as a coder and if it sounds complex i might impress fems. ;]