Coding Masterpost

Hello again! I’ve been thinking pretty hard about it and I’ve decided to make a masterpost about resources for coding/programming. I’m a sucker for free resources and I figured I would share my favorites with the world. ūüôā Enjoy!

Types Of Programming Languages

Wikipedia List of Programming Languages
The Big List of 256 Programming Languages
The Types of Programming Languages
Classifying Programming Languages
Common Coding Languages


Learning HTML, CSS, Javascript, jQuery:
W3Schools  РTutorials for mostly HTML & CSS but also includes tutorials for Javascript, jQuery, Angular_JS, Bootstrap, JSON, AJAX, AppML, SQL, PHP, ASP, Node.js, and XML.
The Code Player Р Video style walk-throughs for a bunch of different stuff.
General Assembly
Learn CSS Layout
Mozilla MDN Web Docs РMozilla developers, includes tutorials/classes for HTML, CSS, Javascript, web accessibility, and server-side website programming (Django/Python, Node.js).
CSS Tricks
CSS Tricks Specifics
CodeCombat РPlatform for students to learn computer science while playing through a real game.
Code School РA multitude of classes including ones for HTML, CSS, Javascript, jQuery, Angular_JS, Swift, Python, Django, Ruby, SQL, C#, iOS, Bootstrap, Git, and PHP.
Udacity РIntro to HTML & CSS. Full catalog here.
Bootstrap & CSS
Javascript For Cats
Learning Javascript Design Patterns
Eloquent Javascript РGreat resource for intermediate developers. Full library here.
You Don’t Know Javascript
JS The Right Way
David Walsh Blog¬†– Mozilla senior software engineer’s David Walsh’s blog. Includes a lot of Javascript and jQuery.
Try jQuery
Learn jQuery
jQuery Basics
W3 HTML Reference Guide
W3 CSS Reference Guide
W3 Javascript Reference Guide
Chrome DevTools Course

Learning XML, Python, Django, Ruby:
XML Basics
XML Tutorial
XML In A Nutshell
Full Stack Python – A whole bunch of info about both Python and Django.
Django Tutorial
A Byte of Python – Free book on Python that serves as a tutorial.
Learn Python the Hard Way – Another free book on Python, as a command line crash course. Learn Code the Hard Way is a wonderful resource as well with a bunch of courses and books on languages such as Javascript, C, and SQL.
Learn Ruby the Hard Way – Another free book!
Rails For Zombies – Interactive tutorial for Ruby On Rails, all about zombies. As the website disclaims, “Rails for Zombies may leave you with a craving for brains and entrails. The developers have no liability.” Hahaha.
Ruby On Rails Tutorial
Ruby Monk
Try Ruby
RubyGems Guide
Rails Guides

Learning Git, Command Line, PHP, Bootstrap:
Git Tutorials
Getting Git Right
Code School’s Try Git
How to Use Git & Github
Try Git
A Command Line For Beginners
A Command Line Crash Course¬†– From Viking Code School Prep, which I also recommend, especially if you’re beginning web development.
Learn Enough Command Line to Be Dangerous РIt seems like all the information you need is on this page, but you can buy the eBook for only $9.00.
A List of Places to Learn PHP for Free Online
PHP Tutorial PDF
Learn PHP in 15 Minutes Video
Learn Code With Me РA blog with a lot of good resources for beginners. Learn Cody With Me Tools.
Big Bootstrap Tutorial

Some More Learning Resources:
edX’s CS50: Introduction to Computer Science – A great free course from Harvard. I appreciate how thorough David J. Malan is in this class. You can get certification if you want it, too.
Corsera – Another great resource with a lot of courses. You can get certification on these courses as well.
Khan Academy – Computer programming course, computer science course, and Hour of Code. So much information on Khan Academy!!
Team Treehouse
Teach Yourself To Code
CodeWars – Basically a game of coding challenges to keep you on your toes with whichever language you’re learning or you’ve excelled in. The languages included to play are¬†Clojure, C, C++, C#, Crystal, Dart, Elixir, F#, Go, Haskell, Java, Javascript, PHP, Python, Ruby, Rust, Shell, SQL, Swift, and TypeScript.
Skillcrush – An online coding school. You can complete the 10-Day Coding Bootcamp to learn some basics about web developer careers or you can pay for high-grade classes that teach you everything you need to know. There are also free tech resources here (mostly all eBooks, but extremely well laid out and very helpful).
Girls Who Code
Free Code Camp – Learn how to code for free with a site that helps out nonprofits as you learn!
Bento.ioHUGE resource for learning how to code. Topics include HTML, CSS, Javascript, jQuery, Python, SQL, Git, Shell, Flask, Postgres, JSON, Bootstrap, Sass & Less, Sublime Text, web fundamentals, front end development, back end development, databases, data structures, artificial intelligence, website security, and a whole lot more.
SoloLearn – An app-based website for people learning how to code on the go. – I believe I’ve already posted this one, but I wanted to include it again. Egghead is a wonderful website to take courses on. The layout is great, the course content is great, everything is honestly great.
The Odin Project РWeb development for beginners. Learn web development 101, Ruby programming, Ruby on Rails, HTML, CSS, Javascript, jQuery, then make a portfolio and learn how to get the job as a web developer.
Udacity – Another big resource for learning. Take courses and learn how everything works, then earn credentials (or a nanodegree) to go ahead and start a career in development. Full course catalog here.
Web Design In 4 Minutes – Interactive web design tutorial. Fun and easy to understand.
Web Fundamentals by Google Developers
CareerFoundry Web Development Course XSS Game – Play this game that challenges you to find and exploit XSS (cross-site scripting) bugs. Learn how to fight for your website security! There’s cake at the end. ūüėČ

Articles, Guides, Tips

GitHub Guides – Hello World
TED Talks Topics –¬†Algorithm, AI, Computers, Code, Data, Gaming, Google, Hack, Internet, Interface Design, Machine Learning, Open-source, Product Design, Programming, Virtual Reality, Web, Wikipedia.
12 Absolutely and Insanely Essential Utilities For Programmers
10 Must-Have Apps That Programmers Shouldn’t Live Without
How to Make A Website: Step-By-Step Guide For Beginners
What to Look for When You Hire a Web Designer
The Myth of the Zero-Cost Online Business
Why (And How) I Separated My Hosting, Domains, Email, and DNS
3 Reasons Designers Should Outsource Development
How Much Should You Charge to Build a Website?
Five Tips On How To Become A Web Developer
How to Write A Brief For A Website
Everything You Need to Know About Becoming a Web Developer
25 Best Job Sites for Finding Your FIRST Developer Job
WordPress Related Job Postings
9 Basic Principles of Responsive Web Design
24 Free Resources for Web Developers
27 Things To Put On Your Portfolio When First Starting Out
21 Steps to Becoming a Successful Web Developer
Freebyte’s Guide to Free ProgrammingTHIS!!! Click it!!! My absolute favorite resource so far.
5 Things Every Coder Must Know
The Most Epic Guide to Online Coing Bootcamps, Ever
17 Places Where Women Can Learn How to Code
47 of the Best Places to Learn to Code For Free

Stack Overflow Topics And Documentation
The 30 Most Important Women Under 30 In Tech
31 Best Website Builder Services For Your Domain
100+ Awesome Web Development Tools and Resources 
Why Coding Is Still The Most Important Job Skill Of The Future
The Next Big Blue-Collared Job Is Coding
Do Yourself A Favor. Learn How to Code – The Tumblr post that inspired me to learn how to code; now one of my biggest hobbies and passions.


Adobe Creative Cloud Desktop Applications 
Adobe Color Wheel¬†– One of my favorite tools when I’m writing HTML or CSS. You can find basically any color’s hex code and RGB attribute.
CSS Color Names – All 147 names of colors recognizable in CSS. Don’t want to use RGB/a, hex codes, or HSL? Use these color names!
Ultimate CSS Gradient Generator – The future of coding is in gradients. Make your own gradients here and you can use them in your code with any browser that supports them.
CSS Generator – As claimed, an easy way to create CSS styles.
Dynamic Drive Button Maker
Dynamic Drive CSS AutoPrefixer
Other Dynamic Drive Tools
15,000 Unicode Symbols¬†– Long loading because of the amount of data the page holds. It is, in fact, 15,000 unicode symbols and it’s very useful if you want to incorporate unicode into your own code.
Fontello – Icon font generator. Basically just some unicode to help you brainstorm.
Calligraphr – Formerly MyScriptFont. Transform your handwriting into a font.
Google Fonts – The !!best!! website for any and all fonts. Google even tells you how to put the fonts in your code after you’ve decided what family(ies) you want.
Pingdom Website Speed Test – Do you want to see how fast a page loads? Maybe check to see if your page is performing correctly and up-to-speed? Pingdom does a wonderful job on letting you know what’s doing well and what’s not. They have a 14-day free trial to try out their¬†website performance, website downtime, server uptime, page speed, website availability, digital experience, and transaction monitoring tools.
Website Monitoring & Outage History – lets you know what domains are currently experience outages. If you’re having difficulties figuring out if your site is up or not, all you have to do is check CurrentlyDown.
Can I Use…? – If you need to know if your current open browser supports certain coding attributes or elements, ask CanIUse.
Browser Calories – BC-extentions is a browser extension you can install to check how large your page weight is. For web devs that make a whole lot of code and need to know if they should shrink their stylesheets, this extension is where it’s at.
W3C Markup Validator – If you need to check the markup of your documents and make sure they’re all healthy and usable to browsers, check the World Wide Web¬†Consortium’s official validator. – A business dashboard site with a ton of tools and widgets so you can monitor everything.
InVision – Digital platform for prototyping, collaboration, and workflow. “Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes.”
F.lux – For those of you that spend hours on hours at night staring at a computer screen for whatever reason, Flux is a tool that adapts the color display of your computer the time of day, so you’re not constantly in the white brightness of your screen.
CodePen – A social website for web developers/designers, like a more interactive-based GitHub or StackOverflow. Upload projects, look at other people’s projects, and follow posts to learn more about what you need.
Browserify – A development tool for Node.js coders. It allows you to write modules for the browser to compile.
Dimensions РAnother browser extension. It allows you to measure everything that you see in the your browser (images, input-fields, buttons, videos, text, etc).
Pattern Lab –¬†¬†A beautiful pattern-driven design tool that¬†enables you to nest UI patterns inside each other.
Handlebars – Software that allows you to build and save semantic templates. Extremely helpful if you’re spending too much time typing out the same blocks of code.


I believe that’s all I’ve got for now. I hope everyone enjoyed this post and can find use of some of these resources the same way I have. Have a great day, y’all, and happy coding~

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s