Course Resources

Books

• The HTML and CSS Workshop (Safari by O'Reilly)
• The New CSS Layout (Safari by O'Reilly)

*Books on Safari are available for free through the Algonquin College Library

Software & Tools

• Node.js
• Visual Studio Code | Docs
• Chrome DevTools | Docs
• Git
• Google Developer: Tools

Online Resources & References

• PluralSight
• LinkedIn Learning formally Lynda.com
• Udacity
• Scrimba
• Steve Griffith's YouTube Channel
• Mozilla Developer Network
• W3Schools
• CSS-Tricks
• Standard JS

Online Articles

• CSS Tricks: A Complete Guide to Grid
• MDN: CSS Grid Layout
• Grid by Example
• Google Developer Blog Article
• Pluralsight: Building Layouts with the CSS Grid

Online Courses

Scrimba

Scrimba is a new way of teaching and learning how to code through the use of interactive screencasts. Pause the videos at any time to interact with the code on the screen.

The following courses are free.

• Introduction to HTML
• Introduction to CSS
• Learn Flexbox for free
• Learn CSS Grid for free

LinkedIn Learning

LinkedIn Learning, formally Lynda.com an online educational platform that helps you discover and develop business, technology-related, and creative skills through expert-led course videos. All students at Algonquin College can get full access to LinkedIn Learning.

The following courses are included with your membership.

• HTML Essential Training
• CSS Essential Training
• CSS Layouts: From Float to Flexbox and Grid

Udacity

Udacity is where lifelong learners come to learn the skills they need, to land the jobs they want, to build the lives they deserve. Udacity has both free and paid courses and programs.

The following are free courses, but sign-up is required.

• Web Accessibility
• Responsive Images

Games & Apps

HTML/CSS

• CSS Diner
• Hex Invaders
• Pixact.ly
• Flexbox Froggy
• Flexbox Defense
• Grid Garden

JavaScript

• Grasshopper (App)
• Elevator Saga
• Code Combat
• Untrusted

Just for Fun

• Google Text Adventure (Console Game)
• Console Adventure (Console Game)