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
The Code Player – Video style walk-throughs for a bunch of different stuff.
Learn CSS Layout
CSS Tricks Specifics
CodeCombat – Platform for students to learn computer science while playing through a real game.
Udacity – Intro to HTML & CSS. Full catalog here.
Bootstrap & CSS
Egghead.io – Great resource for intermediate developers. Full library here.
JS The Right Way
W3 HTML Reference Guide
W3 CSS Reference Guide
Chrome DevTools Course
Learning XML, Python, Django, Ruby:
XML In A Nutshell
Full Stack Python – A whole bunch of info about both Python and Django.
A Byte of Python – Free book on Python that serves as a tutorial.
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
Learning Git, Command Line, PHP, Bootstrap:
Getting Git Right
Code School’s Try Git
How to Use Git & Github
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!!
Teach Yourself To Code
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!
SoloLearn – An app-based website for people learning how to code on the go.
Egghead.io – 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.
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 Programming — THIS!!! 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 – Currentlydown.com 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.
Cyfe.com – 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~