Issue #200 (Learning Tools)05/18/17
Seeing as this is a learning tools issue (which I do every once in a while), I thought I'd introduce a free online resource to help you get up to speed with React, the popular JavaScript library from Facebook.
The resource is called React Enlightenment by Cody Lindley, and it's available free online and as a downloadable e-book in the standard formats. Cody's written a number of different "enlightenment" guides, which are linked from the React Enlightenment home page, so you might already be familiar with some of his previous work.
The book probably isn't the greatest resource for absolute beginners or novice programmers, because it's quite meaty and assumes a lot of existing JavaScript knowledge. But from what I've seen, it's a great technical guide with a lot of practical examples.
Now on to this week's tools!
|
Courses and Video Series
React Fundamentals
Start from a blank folder and learn to build an application that encompasses everything you need to get started building production ready applications with React.
JavaScript Basics
A complete JavaScript course on YouTube from freeCodeCamp.
Modern DevTools
An in-depth video course to understand front-end performance & modern web dev workflows.
Mastering Responsive Typography
Everything you need to know to make web typography great in one short course.
terminal.training
A video training course to cure you of any fear of the terminal. For designers, new developers, UX, UI, product owners and anyone who's been asked to "just open the terminal".
Angular Fundamentals
Every lesson is broken down into approachable, step-by-step exercises that demonstrate the core concepts of Angular and how to apply them.
Node University
The first and only online school with a focus on full stack JavaScript.
JavaScript 30
30 day vanilla JavaScript coding challenge. Build 30 things in 30 days with 30 tutorials.
React Native Express
Learn React Native with interactive examples.
CSS Animations and Transitions
Master CSS Animations and Transitions the fun and easy way.
|
Interactive Learning Tools
Grid Garden
A game for learning the features of the W3C's new Grid Layout Module.
how-to-npm
A module to teach you how to module.
CONSOLE.SOLVE
Mini JavaScript challenges.
CMD Challenge
Learn to use the command line with these interactive exercises.
JavaScript Guessing Game
This is fairly useless, but somewhat addictive. Basically, you have to guess what app, tool, library, etc. the logo belongs to until you solve all 235 without getting one wrong. Somehow I did it.
Dev-Quests
Adventures with the Notifications API.
return true to win
Solve each JavaScript challenge by getting each one to return true.
The JavaScript Warrior
JavaScript game that uses code to control your character instead of a joystick or game console.
Flexbox Defense
Stop the incoming enemies from getting past your defenses using CSS flexbox features to position your towers.
|
|
