Digital Gallatin

Connect. Create. Innovate.

You are here: Home / Home / Resources / Learn to Code

Learn to Code

Code Sandboxes

 CSS

  • W3Schools CSS tutorial: this CSS tutorial has examples and an online editor you can use to edit and test each example yourself.
  • css-tricks.com: a blog about CSS, contains some neat tricks and tips, and some snippets of code for multiple situations.
  • csszengarden.com: a demo site of what can be accomplished with CSS-based design. You can download the example HTML and CSS files and play around with them. Licensed under Creative Commons attribution noncommercial share alike.
  • Adobe Color CC: an interactive color wheel to find just the right color for your design.
  • Shay Howe’s CSS Tutorial: tutorial for beginners including an introduction to HTML. 
  • The 30 CSS selectors you must memorize: a handy cheat sheet for most used CSS selectors.

 HTML

 GENERAL

  • A Beginner’s Guide to Programming Languages: a brief overview by IT Hare of different programming languages and links to several third-party resources.
  • A Complete List of Web Development Tools That Are Required For Web Developers
  • Code Academy: learn to code, with tutorials for HTML & CSS, JavaScript, jQuery, and more. There are also courses, such as “Make a Website” and “Make an Interactive Website,” that have units for you to follow along. FREE
  • Code.org: online classes, fun exercises (code BB-8 from Star Wars!), and resources.
  • Color Theory: an overview of using colors in web design.
  • Coursera: a marketplace for online learning, with courses in various subjects provided by different institutions like UMich and Google, etc. Audit is free. Scholarship provided. Check this Python for Everybody Specialization.
  • Cybersecurity Guide: a comprehensive online guide on coding and cybersecurity needs FREE. 
  • edX: a massive open online course provider created by Harvard and MIT. It hosts online university-level courses in a wide range of disciplines to a worldwide student body, including some free courses. Check this free course Introduction to Object-Oriented Programming with Java III (paid upgrade optional).
  • FreeCodeCamp: a non-profit dedicated to providing valuable resources for any current or prospective programming professionals. With over 6,000 courses on offer, all of which are entirely free, there’s something for professionals at any stage in their career. Two great starting points for programming professionals would be the Front End Development Libraries and the Back End Development and APIs certification programs.
  • General Assembly: located in New York, you can take classes at General Assembly from a range of topics. Prices vary, some are free. They also offer Free Learning Resources, free learning modules for everything from coding to marketing.
  • HTML Dog: a beginner’s guide to HTML and CSS; no prior coding experience necessary. FREE. 
  • Khan Academy: introduction to HTML and CSS with practice quizzes. 
  • LinkedIn Learning: an online education portal offering thousands of video courses, including website development and coding languages. FREE through NYU.
  • MDN (Mozilla Developer Network): Tutorial for learning CSS. FREE
  • Processing.org: video tutorials for processing languages, from such leaders in the field as Daniel Shiffman, professor at NYU. FREE
  • Programming Design Systems: a digital book that teaches a practical introduction to the new foundations of graphic design. By Rune Madsen. FREE
  • Tech-Girls: Resources for girls in tech. FREE
  • The Coding Train: NYU ITP Professor Daniel Shiffman offers creative coding video tutorials on his YouTube channel. FREE
  • Udacity: an online school that provides various courses in different subjects related to tech careers. Some are free. Check this free course for an introduction to Python.
  • Udemy: a marketplace for online learning, with courses in various subjects. Prices vary, some are free.