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
- Tools to learn JavaScript by doing - It’s crucial to find the technique that works best for you.
- Create simple notification bar using jQuery And CSS - An area used to display recent updates and offers to the user.
Learning more
- Webpack for beginners - A module bundler that takes several JavaScript files and bundles them into a single JavaScript file.
- “Everything is an expression”… since ES1? - It’s not possible to use if as an expression … or is it?
- The functional approach to UI - A principle of accounting makes a foundation for Event Sourcing architectural style.
- In defense of hyper modular JavaScript - Last week npmgate was a big topic for the JavaScript community. For those of you who haven’t been following what happened, here’s the TL;DR:
- Immutable data and functional JavaScript with Mori - A library that allows us to use Clojure’s persistent data structures directly from JavaScript.
Libraries
- Algebrite - computer algebra system in JavaScript
- Minty - Run your code through Minty.js to see the state of your variables as each line executes.
- Popper - Easily position tooltips, popovers and so on with just a line of code.
- 10 jQuery snippets for efficient web development - A showcase of 10 super useful jQuery snippets that every developer should have saved somewhere for future use.
ES2015
- ES6 module loading: More complicated than you think - The confusion exists partly because, as of my writing, there are no engines that can natively load ES6 modules.
Frameworks
- Now: The fastest way to deploy a Node.JS service - Take your Node.js powered websites, applications and services to the cloud with ease, speed and reliability.
- How to Adopt model-view-presenter on Android - How to implement the MVP pattern on Android and overcome some difficulties caused by Android’s architecture.
- Learn React - Some of the best resources to learn ReactJS.
- Handling transactional emails In React Redux apps - This can be tricky as it involves a 3rd party app (Email) and us having a 2nd page (e.g. “validateEmail” page) that’s the starting point.
- Enabling Shadow DOM support by composing functions - Plain functions for a more functional Deku approach to creating stateless React components.
- Data down, actions up - What learning redux taught me about “data down actions up” and why my ember apps are better for it.
- Angular2 component written with Jade and Stylus - Angular2 example written with Jade, Stylus, and Typescript.
- After six months of development we launched project based on Angular 2 - Why and how we came up with the idea of using Angular 2 as a foundation for our web project and how did it go.
Testing & Debugging
- A debugging thought process - I thought it would be useful to write down my thought process and approach into this post.
- ES6+ code coverage with a Babel plugin - Code coverage solutions end up being based on the transpiled code, not your original source code in ES6+. This problem was solved by isparta.
Cool stuff
- Mandelbrot - Fractal visualization in 63 lines of JS (click to zoom)
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.