Hello and welcome to This Week in JavaScript, our lovingly curated collection of links relating to what’s new and exciting in the world of JS. The complete list is tagged jsweekly. (Don’t forget to check out our weekly .NET and front end roundups too!)
And now for this week’s JavaScript finds …
Getting Started
- Enough JavaScript to be dangerous in 2016 - Recreate a simple counter app in five different ways and along the way we’ll cover a lot of useful foundational knowledge.
- Best practices for animated progress indicators - An exploration of the main types of animated progress indicators and provide recommendations on when and how to use each type.
Learning More
- Advent Of code 2016 -Small programming puzzles for a variety of skill levels, that are self-contained and as appropriate for experts wanting to stay sharp as they are for a beginner who is just learning to code.
- Type checking In JavaScript: getting started with Flow. - Flow integrates with your code editor, checking changes and analyzing correctness of your code while you write code.
- How to avoid JavaScript fatigue and sleep well at night (Video) - Learn to separate the signal from the noise to spend less time picking tools, and more time solving real problems and recreate this simpRe a app five different in ways and along the way we’ll cover a lot of useful foundational knowledgemastering .the tools.
- JavaScript developers: watch your language! - As an industry, we have not internalized the distinctions between proposal stages.
- Are You A 10x JavaScript Developer? - As the legend goes, some developers are 10x more productive than their peers.
- Top JavaScript frameworks & topics to learn in 2017 - A high-level overview of stuff you need to know, packed with links where you can learn all about it.
Libraries
- jQuery time duration picker - jQuery-ui widget for choosing duration
- AudioLooper - Looping audio in your browser, with JS!
- led-matrix-simulator - Simple LED Matrix simulator using HTML5 Canvas + Typescript
- jQuery.filebrowser - Disk browser jQuery plugin
Frameworks
- Minimising bundle size with webpack and source-map-explorer - An interesting and somewhat extreme approach to cutting off the extra fat from the client side bundle.
- How to Build a Next.js React Universal App - A tutorial on building a Next.js application with integrated content powered by Cosmic JS.
- Introduction to functional front-ends with Inferno -
- React vs Angular 2: comparison guide for beginners - Gives an insight into JavaScript by comparing React and Angular 2.
- You Don’t Need a Boilerplate - In theory a boilerplate gives you all that project setup “for free.” The reality is that those complex moving parts become your own problem as soon as you want to add something or upgrade a build library.
- Video Walkthrough: Refactoring Angular Components to Use Require Mechanism - The steps you need to take to change existing code to use require and also shares some of my philosophy on when it should be used.
Testing / Debugging
- Testing with Wepack 2, inject-loader, karma,mocha, chai and sinon - Webpack have released version 2 in beta, and it’s definitely the way to go in terms of speed and configuration expression.
- Functional Testing of Web Applications Using TestCafe and NightWatch - Two open-source solutions for continuous integration and functional testing.
- Acceptance testing React apps with Jest and Nightmare - A walkthrough on how to set up Jest and Nightmare for great testing success.
Cool stuff
- All Timelines - Provides you with easy-to-follow reading orders for your favorite storytelling series or franchise.
- Shopping in the future - Swipe your phone when you walk in, then walk out with your groceries! Are no checkouts and no lines the way of the future?
For more links like this and to keep up-to-date with the latest goings on in JS land, you can follow SitePoint’s JavaScript channel on Twitter.
Please PM us if you have anything of interest for the next issue or if there is anything you would like to see featured. Paul and chrisofarabia.