Various links and resources to topics that I teach or am passionate about. The topics vary between self improvement to coding to design.

Updated 27 September 2019

Content

• Self Improvement
• Javascript
• React
• CSS
• Computer Science
• Blockchain
• GraphQL/APIs
• Design
• UI Animation

Self Improvement

• Three Habits of Great Learners - Great habits every student/learner should have. Applies to subject.

Javascript

Books

• Front-end Handbook - Excellent resource to find more resources on how to learn front-end
• Eloquent Javascript - Fantastic free introduction to Javascript
• You Don't Know JS - 6 books to deep dive in JS. All Free.
• Javascript The Good Parts - The Godfather of JS showing you the subset of JS that matter

Articles

• Javascript Promises 101 - Introduction to promises
• Promises - Jake Archibald - Everyone needs to learn how to use promises
• Understanding Closures with Ease - Everyone also needs to learn closures
• Apply, Call and Bind Function Methods - These are also essential.
• The Event loop and asynchronous programming
• How to learn Web Frameworks - Frameworks come and go, but the ability to learn a new one remains.
• Debugging using the console - Debugging is a skill that takes experience, but there are tools other than the console.log to help you

Podcasts

• Javascript Jabber - Lots of great episodes on everything Javascript
• Javascript Air - Not as many episodes as JS Jabber, but content quality is also high.
• Syntax - Great content from two Javascript teachers

Tools

• textures.js - Textures in SVG for data visualations or backgrounds

React/Redux

Articles/Tutorials

• How to learn React - A high level guide on how to learn React and the ecosystem
• How to handle state in React - State is one of the fundamental concepts in react. Learn how to use it.
• Smart and Dumb Components - Once you've mastered the basics of state. You can start to separate it between components.
• React Router Tutorial - After learning React, you'll need a router. React Router is your best bet.

Courses

• React Fundamentals
• Getting Started with Redux
• Learn Redux
• Building React Applications with Idiomatic Redux

Videos

• Introduction to React Native (Pair Programming)

Podcasts

• React30
• React Native Radio

CSS

Articles

• A Complete Guide to Flexbox
• A Complete Guide to Grid

Courses

• What the Flexbox? - Free Course on Flexbox by Wes Bos
• CSS Grid - Free Course on CSS Grid by Wes Bos

Computer Science

Videos

• Computation Explanations - Explains Turing computers and Lambdas in a simple and interesting way

Courses

• https://teachyourselfcs.com/

Books

• Algorithm design manual
• 9 Algorithms That Changed the Future - Really great intro book without any technical jargon at all! Non programmers can read it too to understand a bit more about CS

Videos

• http://www3.cs.stonybrook.edu/~algorith/video-lectures/
• Four semesters of CS - http://btholt.github.io/four-semesters-of-cs/
• AI - http://ai.berkeley.edu/lecture_videos.html

Blockchain

Videos

• Blockchain in JS - https://www.youtube.com/watch?v=zVqczFZr124

GraphQL/APIs

• Levelup Tutorials - https://www.youtube.com/watch?v=VjXb3PRL9WI

Miscellaneous Resources

• Public APIs - Tons of great free and open APIs for your sideprojects
• What is RESTful really mean?

Design

Tools

• Kuler - Selecting colour schemes using a main colour or image
• Material Design Colour Guidelines - Colour systems for Material Design
• UI Gradients - Collection of nice gradients
• What the font - A site to identify a font from an image

Articles

• Pairing web fonts - A guide to pairing fonts ont he web

UI Animation

Courses

• SVG Animations - Primer to SVG Animations with Sarah Drasner

Books

• Designing Interface Animations - Theory on UI animations