Learn to Code for The Web

Learn to Code for The Web Free Online (Where, What and How)

Learn to Code for The Web
Coding isn’t anything new anymore, it’s now a popular and highly sought after skill. If you’re looking to add some of those skills to your repertoire or want to make a full time career out of it, you need to start somewhere and the best way to do that is to find a great source, take in the information and do, do, do.

Fortunately, this being the internet, there is a massive amount of free resources available, which covers every language imaginable and offers it in every form possible. From text to video to interactive tutorials, everything is there. The hard part is deciding which language to study, how to go about doing it and where to do it. Unfortunately no one can tell you which language you should start or end with (that’s up to you), but  they can help you find the places to do it and get the information you need to make an informed decision. This is why experienced web developer and Imgur user, , put together a complete list of places you can learn how to code for free, get much needed advice, test that code, edit that code and publish that code.

Also: knowing more than one language is a good thing.

Where to Learn

Codecademy – https://www.codecademy.com //Multi Languages
SoloLearn – http://www.sololearn.com //Multi Languages
TutorialsPoint – http://www.tutorialspoint.com //Multi Languages
thenewboston – https://www.youtube.com/user/thenewboston //Multi Languages
Derek Banas – https://www.youtube.com/user/derekbanas //Multi Languages
Coursera – https://www.coursera.org //Multi Languages
TechRocket – https://www.techrocket.com //Multi Languages
FreeCodeCamp – http://www.freecodecamp.com //Web Languages
The Odin Project – http://www.theodinproject.com //Web Languages
DataCamp – https://www.datacamp.com //R
Learn-C – http://www.learn-c.org
Learn C++ – http://www.learncpp.com
Learn C# – http://www.learncs.org
Learn Python – http://www.learnpython.org
Think Python – http://greenteapress.com/wp/think-python
Learn Java – http://www.learnjavaonline.org
Learn JavaScript – http://www.learn-js.org
Learn PHP – http://www.learn-php.org


PHP.net – http://php.net
ASP.net – http://www.asp.net
Ruby – https://www.ruby-lang.org/en
Ruby On Rails – http://rubyonrails.org
Python – https://www.python.org
Java – http://java.com/en/download/faq/develop.xml
MySQL – https://www.mysql.com
PostgreSQL – http://www.postgresql.org
sqLite – https://www.sqlite.org
Lua – http://www.lua.org

Communities and Tools

MDN – https://developer.mozilla.org/en-US //Web Documentation & Tools
Stackoverflow – http://stackoverflow.com //Large Question Forum
GitHub – https://github.com //Repository
W3School – http://www.w3schools.com //Web Documentation. Contains some outdated or wrong info, but not terrible for quick references
W3C – https://www.w3.org //Web Standards

Play With Your Code

JSFiddle – https://jsfiddle.net
CodePen – http://codepen.io
JS Bin – http://jsbin.com
CodePad – http://codepad.org
PHP Fiddle – http://phpfiddle.org
SQLFiddle – http://sqlfiddle.com
RegEx101 – https://regex101.com
txt2re – http://txt2re.com
CheckiO – http://www.checkio.org

Editors / Clients

NotePad++ – https://notepad-plus-plus.org //windows
SublimeText – https://www.sublimetext.com //windows & OSX & Ubuntu
Atom – https://atom.io //Windows & OSX & Ubuntu & Linux
Coda – https://panic.com/coda //osx
TextWrangler – http://www.barebones.com/products/textwrangler //osx
Brackets – http://brackets.io
Cloud9 – https://c9.io //Dev in the Cloud
VIM – http://www.vim.org //Cross platform
Emacs – https://www.gnu.org/software/emacs //Cross platform
Putty – http://www.putty.org //windows
iTerm2 – https://www.iterm2.com //osx
phpMyAdmin – https://www.phpmyadmin.net //browser based
FileZilla – https://filezilla-project.org //windows
Cyberduck – https://cyberduck.io/?l=en //osx
Transmit – https://panic.com/transmit //osx
MATLab – http://www.mathworks.com/products/matlab

Frameworks / Helpers

Bootstrap – http://getbootstrap.com
HTML5 BoilerPlate – https://html5boilerplate.com
LESS – http://lessframework.com
SASS – http://sass-lang.com

jQuery – http://jquery.com
Prototype – http://prototypejs.org
YUI – http://yuilibrary.com
React – https://facebook.github.io/react
Angular – https://angularjs.org

Zend – http://framework.zend.com
Cake – http://cakephp.org
Laravel – https://laravel.com
Symfony – http://symfony.com
yii – http://www.yiiframework.com/wiki/?tag=yii2

Rails – http://rubyonrails.org
Sinatra – http://www.sinatrarb.com
Ramaze – http://ramaze.net

Django – https://www.djangoproject.com
Gears – http://turbogears.org
Cherry – http://www.cherrypy.org
Flask – http://flask.pocoo.org

Catalyst – http://www.catalystframework.org
Mojolicious – http://mojolicio.us

Spring – http://spring.io
Play – https://www.playframework.com
Dropwizard – http://www.dropwizard.io
Eclipse – https://eclipse.org/downloads
IntelliJ – https://www.jetbrains.com/idea

Got any more suggestions for the list? Let us know in the comments.

Source – http://imgur.com/gallery/nyljaMX

1 comment

  • Hi!
    I just want to share with you all another online interactive programming course to learn c#. Course is designed for complete beginners https://codeasy.net. There you learn just by reading an adventure story about fighting machines in the future. While reading, you meet challenges that require real coding to solve.

Subscribe for More!

Enter your email address to subscribe to House and Tech and receive notifications of awesome guides and reviews in your inbox.