#Vue.js 2.0 Book

[t-baba]

An interview with the author of 'JavaScript: The Definitive Guide'

#490 — May 29, 2020

Unsubscribe  :  Read on the Web

👀 This week we have a fun bit of bonus content at the end of the issue — an interview with David Flanagan, someone who's written more JavaScript books than I've had hot dinners. 😆

JavaScript Weekly

Snowpack 2.0: A Build System for the Modern Web — Say bye-bye to your bundler and let modern browsers’ ES module support do the heavy lifting with Snowpack. Or if you need to target more than just modern browsers, you can always just use it to speed things up in development. This talk by Ryan Lanciaux introduces the idea of escaping using bundlers, if you’re new to this area.

Fred K. Schott

The Process of Making Vue 3 — We know a lot of you are excited about the next major version of Vue.js – the final release is due soon (betas available here) and here Evan talks about the process and how it differs from Vue 2 at a high level.

Evan You / Increment

New Course: Design Systems with Storybook & React — Learn to create a design system from scratch using React, and document the design system to share with your team using Storybook.

Frontend Masters sponsor

A First Look at Records and Tuples — An introductory look at two new compound primitive value types in the ECMAScript spec: Records and Tuples.

Axel Rauschmayer

▶  What's New in TypeScript — You might know Daniel better from all his TypeScript release posts, but here he is in video form with a brief TypeScript introduction followed by essentially a code and example-heavy ‘state of the union’ about where TypeScript is at and where it’s headed.

Daniel Rosenwasser (Microsoft)

htmx: Build Dynamic Pages Using HTML Attributes — Billed as the ‘successor to intercooler.js’, htmx lets you add dynamic Ajax-y elements, Server Sent Events (SSE), WebSockets and more to a site using just HTML attributes.

Big Sky Software

⚡️ Quick bytes:

🎉 Node.js is 11 years old this week.

💰 The company behind the React-based Gatsby framework has raised $28m in series B funding.

🎧 The TC39er podcast has continued to interview TC39 delegates and is at episode 4. Worth listening to if you want more 'inside baseball' of the JavaScript world.

💛 In the latest Stack Overflow survey results, JavaScript remains the most popular language. However, TypeScript is higher on the 'most loved' list.

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.

X-Team

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📚 Tutorials and Opinions

Analyzing the Performance of Notion's Electron App — I was going to save this for our React newsletter but it’s too good! A real deep dive into analyzing the performance of a desktop JavaScript app for a popular note taking service and some basic optimizations that can be done.

Ivan Akulov

ECMAScript 4: The Missing Version — If you were around the JavaScript world in the early 2000s, you might recall how long discussion around ES4 rumbled on before it ultimately fizzled out. Some of the ideas were picked up by ActionScript, as used by Flash, but it felt like we lost a lot of potential progress in that decade.

Evert Pot

3 Hacks to Level Up Your Dashboards — Watch this webinar to learn about three elements that will help you build better dashboards for your application.

Logi Analytics sponsor

Some Causes of Memory Leaks in JavaScript and How to Avoid Them — A primer on the basic ideas.

Ekaterina Vujasinović

How To Create Better Angular Templates with Pug — Pug is a template engine that allows you to write cleaner templates with less repetition.

Zara Cooper

A (Mostly) Complete Guide to React Rendering Behavior — Details on how React rendering behaves, and how use of Context and React-Redux affect rendering. There are a lot of concepts compressed into this article.

Mark Erikson

▶  A 50 Minute Deno Crash Course — A lot of people are cranking out Deno videos right now, but Traversy Media has a solid reputation for getting these things right. In 50 minutes we get a nice, balanced approach to Deno’s plus points, tooling, building an API, etc.

Traversy Media

Today’s JavaScript, From An Outsider’s Perspective — Lea is a JavaScript expert, of course, but she was trying to help a computer scientist friend work with JS and commented on the frustrations along the way.

Lea Verou

10 JavaScript Quiz Questions and Answers to Sharpen Your Skills — Lots of tidbits here to sharpen your skills and understanding, but keep in mind that not all JavaScript interviews will be like this(!)

Nick Scialli

🔧 Code & Tools

RoughNotation: A Small Library to Create and Animate Rough Annotations — Uses Rough.js for the handdrawn look. Lots of nice interactive examples on the page showing the diversity of annotation types.

Preet Shihn

AudioMass: A Full-Featured Web Audio Editing Tool in JavaScript — Runs entirely in the browser with no backend or plugins required. Impressive. Source here.

Pantelis Kalogiros

See Runtime Values Right in Your Editor as You Type — Quokka.js is a rapid prototyping playground for JavaScript & TypeScript. Code runs immediately as you type and results display in your editor. Discounted by 40% for the next few days.

Wallaby.js sponsor

Fluor.js: A High Level Way to Add Interactions and Effects to Pages — Think a modern jQuery-lite. Pretty short and sweet for what it is.

François Vaux

Angelfire: Add Custom Context Menus to Any Page Element — Hands up if the name of this project takes you on a nostalgia trip to the 90s.. 🙋‍♀️

Rishabh Anand

number-precision: Tiny Library for Basic but Precise Arithemetic — For when you don’t want 0.1 + 0.2 to equal 0.30000000000000004 😏

NEFE

Perspective: Streaming Pivot Visualization Via WebAssembly — An interesting use for WebAssembly here. Originally built for J P Morgan, Perspective is for building real-time high performance interactive visualizations, powered by a C++ engine compiled to WASM under the hood.

The Fintech Open Source Foundation

AppSignal Adds Next.js Integration - Automatically Adds Web Vitals Monitoring

AppSignal sponsor

Autopilot: A Cross-Platform Desktop Automation Library for Deno — Another example of where using Rust for dependencies opens up some fun options to Deno. If you’re using Deno, don’t forget our Deno Weekly newsletter where we’ll be focusing on things like this :-)

Divy Srivastava

vue-list-scroller: A Vue Component for Efficiently Rendering Large Lists — Uses the ResizeObserver API to help with creating a Twitter-like feed that has thousands of items, and supports infinite scroll.

Ivan Safonov

Notable Improvements to the Profiler in React DevTools 4.7.0 — This tweet thread from Facebook developer Brian Vaughn distills out the highlights from the changelog.

Facebook

💬 A Q&A with… David Flanagan Author of JavaScript: The Definitive Guide

David has been programming since 1981 and getting paid for it since 1985. In 2011, he started working at Mozilla. Since then he's worked as a full-stack engineer on MDN and at Khan Academy. He currently works on cloud software at VMware and is in the process of releasing the seventh edition of JavaScript: The Definitive Guide, a hugely popular JavaScript book published by O'Reilly.

Why a seventh edition now?

I allowed the sixth edition to become badly out of date (sorry!). So the seventh edition is a major, and long-overdue, update. Importantly, it covers ES2020 and even mentions some features expected to be formalized in ES2021. Also new in this edition is a detailed chapter on Node, reflecting the reality that JavaScript isn't just for web browsers anymore.

(Ed: David has written more on what's new in the seventh edition here.)

What was the story behind writing the first edition?

I started on it shortly after I wrote Java in a Nutshell. In those days the buzz around Java was that Java "applets" could add dynamic content to web browsers. JavaScript seemed like a promising alternative and I remember talking to an engineer from Sun Microsystems (the company that created Java) about what I was going to work on next. When I told him I thought JavaScript might become more important in the browser than Java, he scoffed. But seven editions of my book later, I'm starting to think I was right(!)

What's your favorite chapter?

Most interesting JavaScript code is asynchronous, and now that Promises are a core part of the JavaScript language, I dedicate chapter 13 to asynchronous programming with callbacks, events, Promises and async/await.

Promises are a revolutionary addition to JavaScript, but once you move beyond the simplest examples, it becomes very easy to misuse them and you need to understand them deeply in order to use them correctly and with confidence. So I devote more than 20 pages to explaining them in depth. These are some of the most complicated pages in the book, but if they increase the understanding of Promises, I'll feel I've provided an important service to the community.

You've spent so much time writing books about JavaScript, but what other technologies interest you?

I'm intrigued by both Go and Rust and would enjoy documenting those languages. I've thought about writing short books about React and Angular. And I've wondered whether it is possible to write an interesting book about coding for a non-technical audience.

What's the secret to being able to write so many programming books?

No secret, really: from about 1991 to 2011 I was self-employed and for most of that time, writing books was my primary job. This 7th edition of JavaScript: The Definitive Guide is the first book I've written while also working a regular software engineering job.

You can find David on Twitter @__DavidFlanagan or more about JavaScript: The Definitive Guide at O'Reilly Media.

by via JavaScript Weekly https://ift.tt/2BilxR3

[programmingbiters-blog]

New Post has been published on http://programmingbiters.com/the-majesty-of-vue-js-2-ebook-black-friday-deal/

The Majesty of Vue.js 2 (eBook) - Black Friday Deal

Today is Black Friday and The Majesty of Vue.js 2 couldn’t miss the party.

If you haven’t read it yet, this is a great time to get it at a 40% discount.

Some of the topics covered in the eBook are:

Vue.js Fundamentals

Consuming an API

ECMAScript 6

Advanced Workflow

Working with Single File Components

Dynamic Components

The book is constantly updated and you will get all the updates for free.

So, head to LeanPub and grab your copy before 29/11.

!function(f,b,e,v,n,t,s)if(f.fbq)return;n=f.fbq=function()n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments);if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '252788801793222', em: 'insert_email_variable,' ); fbq('track', 'PageView');

قالب وردپرس

[t-baba]

How tiny dependencies can topple the JavaScript Jenga tower

#486 — May 1, 2020

Unsubscribe  :  Read on the Web

JavaScript Weekly

🌍 I18n Ally: An All-in-One i18n Extension for VS Code — Got some internationalization work to do? I18n Ally gives you inline annotations, automated translations via Google Translate (which you can review), progress indication, etc. Supports React, Angular, Vue and other frameworks.

Anthony Fu

How a Few Lines of Code Broke Lots of Packages — Just under a week ago, people were reporting that create-react-app was broken. The culprit? A tiny change in a tiny dependency: is-promise. Luckily a fix was out very quickly and the creator of is-promise reflects on what happened here. Liran Tal also has some analysis of the situation.

Forbes Lindesay

Identify Front-End Issues Like JavaScript or Network Errors Fast — Datadog’s algorithmic alerts will proactively alert on any client-side issues such as JavaScript and network errors. Optimize the load time of your front-end resources, and detect any UI issues that affect critical user journeys. Try it free with Datadog Synthetics.

Datadog sponsor

Q: A JavaScript 'Quantum Circuit' Simulator — Bring quantum computing to your browser with this JavaScript simulation. If you were never quite sure what your JavaScript code was going to do, now you can formally explore the concept 😂

Stewart Smith

Quick bytes:

The first release candidate of TypeScript 3.9 is here.

A look at the current state of Vue.js in the form of a slide deck. 3.0.0-beta.5 just dropped BTW.

If your team uses Storybook, the same team have released Chromatic 2.0 which brings team 'code review' practices to your UI components.

A look at wink-scroll, a JavaScript-powered way to scroll Web content using your eyes alone.

If you didn't realize we have a Node Weekly newsletter somewhat similar to this one, you do now.. 😄

💻 Jobs

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

Senior Full-Stack Developer (Malmö/Sweden) — Every day is different from the next. Join our upbeat Team and work on exciting, major projects using a modern JavaScript stack.

Ortelius AB

📚 Tutorials

A Guide to window.location — A breakdown that covers most of the methods and properties available on the DOM’s window.location object.

samantha ming

Implementing Dark Mode in React Apps Using styled-components

Blessing Krofegha

▶  Let's Build a Financial Dashboard App with React (Webinar On‑Demand) — Join TJ VanToll as he walks you through building a responsive Bootstrap-themed Stocks Portfolio app. Check it out today.

Progress KendoReact sponsor

Getting Started with NuxtJS — Learn how to create Vue.js-powered server-side rendered apps with NuxtJS including configuring an app and deploying it on Heroku.

Timi Omoyeni

▶  Learn Svelte: A 16-Part Course on Learning the Popular UI Framework — The course centers around building a chatbot, which is a nice change from the todos and other overused tutorial examples.

noah kaufman

10 Practical JavaScript Tricks — These kinds of lists are usually pretty run of the mill, but this one actually contains some lesser-known quick tips that you may not have seen before.

zander shirley

Moving TinyMCE to Modern JavaScript — The creators of TinyMCE (a popular WYSIWYG HTML editor) have been refactoring its rather legacy JavaScript (the first version came out 17 years ago!) to modern practices.

Joakim Lindkvist

7 JavaScript Design Patterns Every Developer Should Know — This is sort of like a (very) mini version of Addy Osmani’s 2017 book on JS design patterns (which is referenced at the end of the post).

deven rathore

▶  An Introduction to State Machines Using XState — XState is a neat way to work with state machines in JavaScript, Kyle is a neat teacher, and Egghead is a neat platform for unlocking these videos for us too.

Kyle Shevlin

Ride Down Into JavaScript Dependency Hell

AppSignal sponsor

A Collection of Challenging TypeScript Exercises — “The goal: Let everyone play with many different TypeScript features and get an overview of TypeScript capabilities and principles.”

Marat Dulin

A Visual Guide to React Mental Models — Different people learn in different ways but good mental models are always valuable and can be helpful if you need to juggle all of the pieces involved in a framework like React.

Obed Parlapiano

Turning Vue Components Into Reusable npm Packages — Outlines how you can reuse Vue components across your projects by automating your process to bundle, test, document, and publish your components.

Sjoerd de voorhoede

🔧 Code & Tools

jExcel v4: A Vanilla JS Interactive Table / Spreadsheet Control — 4.0 adds support for tabs/workbooks, updating a remote data source with JSON, formula support in a sheet footer, and more. There are lots of demos and examples on the official homepage.

Paul Hodel

Will It CORS? — A handy online tool/wizard for establishing how your (potential) use case will (or won’t!) operate alongside CORS (Cross-Origin Resource Sharing).

HTTP Toolkit

Get Great Visual Feedback & Bug Reports, Even from Non-Technical Folk — Simply click a page element to pin visual feedback with screenshots & metadata. BugHerd = fast and easy bug tracking.

BugHerd sponsor

utfu: Replace Busted Characters From Legacy Text with UTF-8 — Useful when old content contains characters like “— in place of a single quote, and similar legacy text issues.

Daniel Sieradski

Middy 1.0: A Node Middleware Framework for AWS Lambda — Middy’s aim is to make writing serverless functions (hosted on AWS Lambda) easier by providing a familiar middleware abstraction to Node developers.

Luciano Mammino

useWorker() 3.0: A React Hook for Blocking-Free Background Tasks — Makes it easier to throw tasks off to a Web Worker in React.

Alessio Koci

webpack-blocks: Configure webpack using Functional Feature Blocks

Andy Wermke

JZZ: A MIDI Library for Node and the Browser — Send, receive and play MIDI messages from both Node and the browser on Linux, macOS and Windows.

Sema

MDX 1.6: Use JSX in Markdown Documents — This version introduces initial Vue support.

Compositor and Vercel

🗓 Upcoming Online Events

JavaScript Remote Conf 2020 (May 14-15) — Speakers lined up already include Raymond Camden, Christian Heilmann, and Aleksandra Sikora.

ESNEXT CONF 2020 (May 18-22) — From the Pika folks (of Snowpack fame). 12 speakers over 5 days so it's a gradual pace.

ForwardJS (May 26-29) — A real world event (ForwardJS Ottawa) that has now become a virtual event.

CascadiaJS 2020 (September 1-2) — This upcoming online conference is set to take place in September, and the CFP is open now through May 15.

by via JavaScript Weekly https://ift.tt/2YpchDS

[t-baba]

V8 7.8, Node 12.11, and a Douglas Crockford book review

#456 — September 27, 2019

Read on the Web

JavaScript Weekly

The Making of a 13 Kilobyte JS Real-Time Strategy Game — Last week we linked to the 200+ entries in the recent JS13KGames contest, but if you’ve wondered how developers actually build such games, here’s a look behind the scenes.

PhobosLab

Why JavaScript Tooling 'Sucks' — “JavaScript tooling is just too hard to use, and it’s not your fault,” says Shawn. JavaScript’s history, ownership, and target use cases have all had a role to play.

Shawn Wang

Instantly Know When JavaScript Errors Occur & How to Fix Them — With JavaScript error tracking from Rollbar you get exception & crash reports in real-time. Track & debug bugs in record time. Start monitoring & fixing errors in minutes - Try Rollbar for free.

Rollbar sponsor

V8 Adding Support for Top Level await — This is only a link to a git commit but basically support for top level await is being added to V8 (and therefore a future version of Node). Node already supports this via the --experimental-repl-await option, but this should make it mainstream.

V8 Repo

A Look at V8 v7.8 — Every six weeks we’re treated to a look at the newest release of the V8 JavaScript engine. v7.8 continues to improve performance (such as with faster object destructuring) and has some improvements for WebAssembly users too (there’s now a way to use V8 solely as a WebAssembly execution engine from C/C++).

Ingvar Stepanyan

Node 12.11 Released: Worker Threads Go Stable — The underlying V8 engine has been updated to version 7.7 which results in some performance improvements and locale-aware support for number formatting with Intl.NumberFormat. Worker threads are now considered stable, too, which opens up a lot of new opportunities.

Node.js Foundation

Quick bytes:

The new executive director of the OpenJS Foundation is Robin Ginn, formerly an exec at Microsoft responsible for MS's engagement with the Node project.

The CEO of npm, Inc. has resigned and they're now looking for a new one.

Gatsby is now the richest JavaScript site generator in town as it has raised $15m in funding.

Out of nowhere, an entertaining review of Douglas Crockford's 2018 How JavaScript Works book.

💻 Jobs

Can You Help Our Client Migrate to Node.js? Docklands, (London, UK) — Do you have experience and strong opinions on Node best practices? Come and share your advice with an engaged, friendly team of excellent software engineers.

CareersJS

Engineering Manager - Boston, MA — Upstatement seeks a maker/manager to help build impactful digital products for clients we believe in as a part of a passionate team.

Upstatement

Find a JavaScript job through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📘 Articles & Tutorials

How JavaScript Works: How V8 Optimizes for Efficiency — An explanation of how the V8 JavaScript engine (as used in Chrome and Node) makes your code run as fast as possible, followed up with a few tips on improving your code to help V8 out.

Alvin Wan

▶  15 Year Old JavaScript: Decoding Dreamweaver's MM_swapImage() — This is truly a blast from the past! Back in the day, the popular Dreamweaver Web design tool could create image rollovers for you (before CSS had :hover) and it used JavaScript to do so. But what did this ancient JavaScript look like?

Wes Bos

On Demand: Getting Started with NodeSource and AWS Lambda — Monitor the performance and optimize the efficiency of your serverless functions running on AWS Lambda.

NodeSource sponsor

15 Must-Have, Productivity-Enhancing Vue.js Directives — A reasonable list, covering things like v-hotkey, v-lazy, v-tooltip and v-focus.

Nada Rifki

A Few Handy Vue.js Tricks

InfectoOne

Why Your Angular App Is Not Working: 7 Common Mistakes

Valerio Pisapia

Accessibility for Web Developers. Get the Whitepaper

Progress Kendo UI sponsor

Let's Write a Basic 'Brainf--k' Interpreter — It’s not a compiler, as it says, but if you’re a beginner new to the ideas around interpreting a programming language yourself, you might enjoy this casual introduction.

Michele Riva

A TypeScript Tutorial for Beginners: The Missing Guide — Very much a beginner level introduction, but may be useful if you’ve not yet jumped on the TS train.

Valentino Gagliardi

🔧 Code & Tools

gpu.js 2.0: GPU Accelerated JavaScript — Compiles JavaScript into shader language which can then be compiled and run on GPUs for significantly boosted performance in specific use cases (neural networks, raytracing..)

gpu.js Team

OGL: A Minimal WebGL Framework — WebGL is not the easiest technology to use on its own, so libraries like Three.js are often used to make its functionality more accessible. This is a lighter weight attempt to keep you close to the metal without cutting your hands.

Nathan Gordon et al.

Wallaby.js Can Increase Your Coding Productivity by More Than 10% — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive.

Wallaby.js sponsor

Repeater.js: The Missing Constructor for Creating Safe Async Iterators — Inspired by both Clojure and Go.

Brian Kim

Robot: A 1.3KB Library for Creating Finite State Machines

Matthew Phillips

PixelMatch 5.1: A Fast Pixel-Level Image Comparison Library — Give it two images, it’ll highlight the differences.

Mapbox

Emulating a 4-Bit Virtual Machine using TypeScript's Type System — A clever little hack, though there’s no shame in not understanding how it works at first.

Ashley Claymore

⚡️ Quick Releases

Ember 3.13 — A preview of Octane.

Yarn 1.18.0 — The package manager that isn't npm.

React Router 5.1 — Composable navigation for React apps.

date-fns 2.3 — lodash for dates. 🇸🇮 Slovenian devs will love this release.

Ink 2.4 — React but for building CLIs.

TUI Chart 3.8 — Charting and data visualization library.

React Toastify 5.4 — Pop-over notifications in React apps.

by via JavaScript Weekly https://ift.tt/2meIaP9

[t-baba]

Electron 6, a String#replace trick, and learning about scope in JS

#448 — August 2, 2019

Read on the Web

JavaScript Weekly

Hotkey: Trigger an Action on an Element When a Keyboard 'Hotkey' is Pressed — Want quick and simple keyboard shortcuts for elements on your page? Set the data-hotkey attribute and use Hotkey. It even supports multiple keys pressed in sequence. GitHub built and uses it (view source on any GitHub page and look for the data-hotkey attributes).

GitHub

Electron 6.0 Released — Just 3 months after version 5 was released, the popular JavaScript-based cross-platform desktop app building platform hits version 6 and uses Chromium 76, Node 12.4, and V8 7.6 under the hood.

Electron.js Team

New Introduction to Gatsby Course with Jason Lengstorf — Build blazing 🔥 fast website by default with Gatsby. In this course, you'll build up a blog from scratch and deploy your brand new blog to Netlify for the world to see!

Frontend Masters sponsor

Did You Know String.prototype.replace Supports Replacement Patterns? — It feels a bit Perl-like, but this is an interesting feature I’d never seen in JavaScript before (despite being in the MDN docs). Example: 'abc'.replace('b', '$&-$&') === 'ab-bc'.

Stefan Judis

Writing a Simple MVC App in Plain JavaScript — If you’re tired of hearing about React, Angular, Mithril, Ember, and the rest, and just want to write JavaScript, this is for you. (Ultimately, all of those frameworks are very useful but being able to work without them first will help you appreciate what they do!)

Tania Rascia

Taking Redux Off of the Main Thread with Comlink — Using Web Workers carefully can yield major UX and performance benefits by taking computation off of the UI thread. Here’s one way to do it when using Redux.

Surma

Quick bytes:

VueConf US 2020 is taking place on March 2-4 in Austin, Texas. The CFP opens on September 1.

The Ember project has published a roadmap for its future.

Amazon Transcribe, AWS's speech-to-text service, now supports WebSockets for streaming, real-time transcription.

Chrome is going to hide the 'www' subdomain and 'https' scheme in its location bar to make URLs 'easier to read'.

Kyle Simpson has started work on the 2nd edition of his popular You Don't Know JavaScript book series.

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Front-end Engineer — Goldstar is looking for front-end Engineers with React experience on-site in Portland, Oregon and Pasadena, California.

Goldstar

Get Hired Based on Your Skills Not Your CV — Our AI makes it easier and quicker to match with top JavaScript jobs, with no recruiters and an average salary of £70k.

hackajob

📘 Tutorials, Opinions, and Videos

▶  Let's Learn About Scope in JavaScript — Google’s dynamic JavaScript duo, Jake and Surma, present an entertaining chat about variable scoping, complete with tablet-based demos.

Google Chrome Developers

Looking at the Optional Chaining ES Proposal — Boils down the proposal to exactly the essentials you need to know.

Dr. Axel Rauschmayer

The Developer’s Guide to Not Losing the Metrics You Need — Gathering and storing metrics is a part of production. When adverse events occur, you need to have the metrics available to debug the problems.

InfluxData sponsor

Do React Hooks Replace Redux? — This question has bounced around in the community a lot recently as more use cases for hooks emerge.. but Eric’s TLDR is ‘Hooks are Great, but No.’ and he explains why in depth.

Eric Elliott

Getting Started with Vuetify 2.0 — Vuetify is a Material Design-based component library for Vue.js.

Ben Hong

Quick Tips for Using Mocks when Unit Testing with Jest

Daniel Caldas

First-Class Functions in JavaScript — A brief tutorial aimed at beginners who might be wondering why being able to treat functions as first-class citizens (i.e. as objects in their own right) has merit.

Nick Scialli

Top 10 GitHub Best Practices - Lessons from Thousands of Repositories

Datree.io sponsor

My VS Code Setup: Making The Most Out of VS Code — A grab bag of addons and tools to consider if you’re a VS Code user.

Deepu K Sasidharan

Understanding RxJS Observables and Why You Need Them — RxJS is a reactive programming library based around ‘observables’ and is used by Angular for its reactivity.. but you can use it separately too.

Nwose Lotanna

🔧 Code and Tools

Hackathon Starter: A Boilerplate for Node Web Apps — A boilerplate for when you want to start building a Node app quickly (such as at a hackathon) as it includes almost everything you’d need.

Sahat Yalkabov

Esprint: Runs ESLint Across Multiple Threads for More Performance — It’s been considered that this could be merged into ESLint itself.

Pinterest

Ensure That Your Code Is Error-Free Before Merging — Set standards on coverage, duplication, complexity, and style issues and see real-time feedback in your Git workflow.

Codacy sponsor

Treeverse: Walk Tree Structures Depth- or Breadth-First

Isaac Z Schlueter

Rollup: A Modern ES6 Module Bundler — Not a new project, but it's been getting plenty of releases lately. Write your code using ES modules and get tree-shaking/dead code elimination and bundling to the format you require. One of Rollup’s wins over more popular alternatives is its speed.

Rollup Contributors

Top 25 JavaScript Plugins for WebStorm and IntelliJ

Ilana Brudo

⚡️ Quick Releases

Font Awesome 5.10.0 — The popular icon toolkit.

webpack 4.39.0 — 'everything but the kitchen sink' bundler.

TUI Editor 1.4.5 — Markdown-based WYSIWYG editor.

Spectacle 5.7 — React.js-based presentation library.

Duktape 2.4 — Embeddable JavaScript engine for C/C++ projects.

by via JavaScript Weekly https://ift.tt/2YFwKRA

[t-baba]

#334: Optimizing Load Times with Chrome DevTools

#334 — April 4, 2018

Read on the Web

Frontend Focus

Progressive Web Apps on iOS Are Here — iOS 11.3 added support for several PWA technologies (such as Service Workers) meaning apps can now be installed on iOS without App Store approval. There are limitations, of course, and here’s a rundown of what you need to know.

Maximiliano Firtman

Introducing Network Error Logging — Server logs are useful, but what if you could request logs from clients? It turns out the W3C’s Web Performance Working Group are working on an approach called Network Error Logging.

Douglas Creager

New Course: From Fundamentals to Functional JavaScript, v2 😀 — Learn the techniques you need to write professional, modern JavaScript. This course starts with the basics and takes you to mastering key functional methods like map, reduce and filter...plus promises and ES6+ asynchronous JavaScript.

Frontend Masters sponsor

Understanding Logical Properties and Values — The CSS Logical Properties and Values spec is still at an early stage but logical properties and values will allow us to control layouts through logical, rather than physical, mappings and it’s worth having an idea of how they work. There’s also a PostCSS plugin if you want to start using them now.

Rachel Andrew

How to Get Started with Coding Email Layouts — An increasingly common task for front-end developers with lots of quirks to be aware of.

Caity G. O'Connor

The Critical Path: Optimizing Load Times with Chrome DevTools — Improvements you can make and measurements to keep track of in order to optimize load times on a complex web application.

Ben Dilts

Calling All Web Developers: Here’s Why You Should Be Using Firefox — “In my opinion, Firefox Quantum has superior performance compared to other browsers.” Here’s why.

Ibrahim Nergiz

5 Things with Anders Hejlsberg - Why TypeScript is for you — Quickly learn 5 quick tips about TypeScript and why it’s for you.

Microsoft sponsor

▶  An Introduction to Viewport Units — A look at how you can use vw, vh, vmin, and vmax in creative ways.

Jen Simmons

▶  Cropping Images on the Web with Object Fit

Jen Simmons

The Inside Story of Reddit's Redesign

WIRED

Jobs

Web Backend Developer (Fairfax, VA) — City State Entertainment is looking for an ASP.NET dev to help create Camelot Unchained, an RvR fantasy MMO for its studio in VA.

City State Entertainment

Frontend Developer - Milan, Italy — MotorK is looking for passionate Junior and Senior frontend devs to join the team. Great place to work and career opportunities.

MotorK

Front-End Expert? Sign Up for Vettery — Create your profile and we’ll connect you with top companies looking for talented front-end developers.

Vettery

📘 Tutorials

Designing Systematic Colors — How to make themable, flexible, WCAG 2.0 compliant color ramps for a design system.

Jeeyoung Jung

Easy Accordions with the 'details' and 'summary' Elements

Chris Coyier

Super-Powered layouts with CSS Variables and CSS Grid — A look at using CSS variables to control CSS grid layouts.

Michelle Barker

A Simple Guide to Taking a Web Page Offline, using Service Workers

Adeyinka Adegbenro

Creating Vue.js Transitions & Animation: Live Examples

Snipcart sponsor

Recreating Iron Man’s Arc Reactor Using CSS3 Transforms and Animations

Kunal Sarkar

Contextual Styling with Custom Properties — A look at how using custom properties might make contextual styling (i.e. multiple themes on the same page) a bit easier.

Simurai

Measuring the Hard-to-Measure — A quick tip to measure how many of your users turn up on a device with no JavaScript capabilities.

Harry Roberts

🔧 Code and Tools

loaders.css: Fast Pure CSS Loading Animations — See them all in action here.

Connor Atherton

Pose: A Declarative Animation Library for HTML, SVG and React — The powers of SVG, React, and CSS combine to make easily declared and triggered element animations.

Popmotion

imaging-heap: A Command Line Tool to Measure The Efficiency of Your Responsive Image Markup — ..across viewport sizes and device pixel ratios.

Filament Group

Get the Official Bulma Book & Learn How to Create Your Own Interface

Bleeding Edge Press sponsor

Bulma: A Flexbox-based CSS Framework

Jeremy Thomas

A CSS Grid-Powered Expanding 'Box Filled' Menu

Mary Lou

  ✨  Golden Oldies

10 Tips on Typography in Web Design

Nick Babich

A Step-by-Step Guide to Making Pure CSS Tooltips

Youssouf El Azizi

Houdini: Maybe The Most Exciting Development In CSS You'd Never Heard Of — The fruits of this W3C task force are beginning to be seen in browsers now so it’s worth revisiting what they’re all about.

Philip Walton

by via Frontend Focus https://ift.tt/2ItAVIn

[t-baba]

#376: This week's JavaScript news smoosh-up

Loading 3rd party JavaScript properly and going beyond React 16

#376 — March 9, 2018

Read on the Web

JavaScript Weekly

Could Array.prototype.flatten Become 'smoosh'?

This week, TC39 member Michael Ficarra suggested renaming the flatten method to smoosh to avoid breaking sites using MooTools' incompatible flatten method. The dislike for 'smoosh' went viral and people rapidly suggested alternatives like squash, flat and chain, while André Staltz started a campaign to ‘prevent smoosh’!

The current state of play is the TC39 committee (who work on the standardization of ECMAScript and are actually really nice) are keeping their options (and dialogue) open while Brian Terlson reminds us "TC39's active GitHub users are not always representative of the entire committee."

How I Built a Super Fast JS Framework — The creator of Radi.js, a new tiny front-end library, shares why he’s created it when there are already tons of front-end libraries around — performance.

Mārcis Bergmanis

Power Your Apps with Angular UI Components and Spreadsheets — Build complete enterprise web applications with GrapeCity’s dependency-free, Angular JavaScript solutions. Includes Spread’s full-featured Excel-like spreadsheets and Wijmo’s collection of IntelliSense-enabled grids, charts, and input controls.

GrapeCity JavaScript Solutions sponsor

Loading Third-Party JavaScript — A jam-packed article from Google on how to find and fix issues related to loading third-party JS. How do you load third-party scripts efficiently? Learn it all here.

Addy Osmani and Arthur Evans

Beyond React 16: Time Slicing and Suspense API — Last week Dan Abramov gave his ‘Beyond React 16’ talk showing off ideas coming to React in the future, which are reflected upon here.

Prosper Otemuyiwa

Node v8.10.0 (LTS) Released — A significant LTS release for production systems with updates to V8, libuv, npm, Unicode and OpenSSL support. 9.8 is out too. Also, remember we have Node Weekly for each week’s Node news :-)

Gibson Fahnestock

Let’s Build a Custom Vue Router — A thorough walkthrough of building a custom client-side router for Vue when the official one doesn’t quite meet requirements.

Hassan Djirdeh

Jobs

Lead React/Redux Engineer - Remote, SF, or Halifax, Canada — We’re an ambitious startup seeking an experienced front-end engineer to bring our React architecture forward.

Manifold

Frontend Engineer for Leading Open Source Company — Love coding web apps & building reusable high-performance UI components? Help define open source web app UI for large-scale enterprises.

Liferay, Inc.

Find a Job You're Passionate About — Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job.

Vettery

Tutorials

Building a Serverless Real-Time Chat App with AWS AppSync — AppSync is AWS’s fully-managed GraphQL service and interacting with it from JavaScript is pretty straightforward.

Adrian Hall and Ed Lima

What’s New in ES2018? — Lots of code examples in this slidedeck.

Benedikt Meurer and Mathias Bynens slidedeck

10 Tips for JS Debugging Like a Pro at the Console — Recommended by Sarah Drasner this week.

Yotam Kadishay

Preserve Build Integrity & Prevent Problems with Deterministic Builds — The most common thing a customer will say in a support ticket is that their builds are suddenly failing even though “nothing has changed” on their end. This is almost never true.

CircleCI sponsor

The JavaScript Learning Landscape in 2018 — Books, podcasts, etc.

Jason Rodriguez

🎬 Videos, Screencasts and Talks

▶  The Fundamentals of Testing Angular Components

Jesse Palmer

▶  Evan You's 'State of Vue.js 2018' Keynote

Vue.js Amsterdam Conference

🔧 Code and Tools

SlimerJS: Script a Headless Firefox Browser from JavaScript

Laurent Jouanneau

Instantly Seeing the Results of Your Code While You Are Writing It

Wallaby.js sponsor

Create Angular Libraries in No Time with 'Schematics'

Netanel Basal

Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀 — Report JS errors to Rollbar with full stack trace and diagnostic data.

ROLLBAR sponsor

DoneJS 2.0 Released: A Framework for High-Perf Realtime Webapps

Matthew Phillips

TinyState: A Tiny, Powerful State Management Library for Angular

Sebastian Holstein

Awaity.js: Functional, Lightweight Alternative to Bluebird — Built with async/await in mind.

Asaf Katz

OpenPGPjs 3.0: An Open Source OpenPGP Library

ProtonMail

Vue Tour: Simple, Customizable 'Guided Tour' Plugin for Vue

Pulsar

Workly: Simply Move a Function or Class to a Worker Thread

Preet Shihn

Events

AmsterdamJS Conference 2018 (May 31-June 1)

KnowJS 2018: An Online Workshop with 4 JS Experts — Takes place April 13. Costs money but the teachers are great.

Certified Fresh Events

Seen on Twitter

A Cooperpress publication.

Change your email address or Stop getting this newsletter

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom

by via JavaScript Weekly http://ift.tt/2GaI8gp

[t-baba]

#359: Angular 5, Node 9 and TypeScript 2.6 Released

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 359 — November 3, 2017

Angular 5.0 Released: Smaller, Faster and Easier

A major release for the popular framework containing new features and bugfixes. Full changelog here.

Stephen Fluin

Coding with Clarity

Clear code is easier to read, understand, and modify, and it’s easier to achieve once you’ve mastered a few key principles.

Brandon Gregory

🎉 New, Updated: Deep JavaScript Foundations with Kyle Simpson

Join Kyle Simpson, author of the popular “You Don’t Know JavaScript” book series, as he deep dives into JavaScript's core mechanics like scope, closure, this and prototypes ..plus new features in ES6 and more.

Frontend Masters   Sponsor

Frappe Charts: Modern GitHub-Inspired Web Charts

A new zero-dependency chart library with elegant, responsive SVG output. Offers bar, line, and GitHub-style heatmap options so far.

Prateeksha Singh

Node.js 9 Released; Node.js 8 Becomes LTS Release

Node 8 becomes “ready for production” as it becomes the de factor LTS release version (as of Node 8.9.0). Node 9.0 (release notes) is also out and becomes the new ‘current’ release line with the latest features.

Node.js Foundation

TypeScript 2.6 Released

The JavaScript superset that adds optional static types gets a variety of new features aimed at established users.

Microsoft

Integrating React and Vue Components in One App

Ever wish you could just plug a React component into your Vue project or vice-versa? This tutorial shows you how.

Joseph Rex

Jobs

Full-stack JavaScript Developer at X-Team (Remote)We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team.  X-Team

Senior Software EngineerAt ActBlue we build and power cutting-edge grassroots fundraising tools for campaigns and organizations on the left.  ActBlue Technical Services

Looking For Your Dream JavaScript Role?Try Underdog.io, where hundreds of the best tech companies go to find JavaScript talent. Companies email you directly as soon as next Monday. Underdog.io

In Brief

Removing Client-Side React.js Yielded A 50% Performance Improvement news Netflix UI Engineers on Twitter

Announcing Assert(js) – An All JavaScript Testing Conference news A one-day, single-track conference with a laser focus on JavaScript testing for developers - both UI and Node.js. OK GROW  Sponsor

How to Use Arrow Functions to Improve Your JavaScript tutorial Tyler McGinnis

flow-runtime: A Runtime Type System with Flow Compatibility tutorial A look at a Babel plugin that transpiles Flow type annotations into runtime checks. Gajus Kuizinas

Testing HTTP Requests in Angular Has Never Been Easier tutorial Gábor Soós

Tracing Method Calls via Proxies tutorial Axel Rauschmayer

Emulating CSS Timing Functions with JavaScript tutorial Ana Tudor

Logging in Angular 2+ with ErrorHandler tutorial ROLLBAR  Sponsor

Refactoring an Old Node Library to using async/await with TDD tutorial Tane Piper

Why ES6's Default Arguments Are Awesome tutorial Remy Sharp

Quickly Create Simple yet Powerful Angular Forms tutorial Kaloyan Kolev

Build a Lazy-Load Router with Vue.js and the Latest Browser Features tutorial Anthony Gore

Screen capture in Firefox tutorial Get access to a media stream of the screen in Firefox with this code. Twilio  Sponsor

My Search for The Perfect Universal JavaScript Framework story Tal Bereznitskey

Implementing Super Mario Bros in JavaScript video YouTube

webpack-dashboard: A CLI Dashboard for Your Webpack Dev Server tools Formidable

Fable: An F# to JavaScript Compiler tools

Element 2.0 Released: A Vue 2.0-Based Component Library code Yi Yang

tonal: A Functional Music Theory Library code Manipulate pitches, chords, scales, keys, etc. danigb

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2zgkL3P

[t-baba]

#347: Using ES Modules in Node Today

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 347 — August 11, 2017

Use ES Modules in Node Today

@std/esm is a spec-compliant ES module loader for Node 4+ allowing you to transition more smoothly from CommonJS.

John-David Dalton

Techniques for Passing Data Between Promise Callbacks

Some approaches for sharing data between callbacks (which each have their own scope).

Dr. Axel Rauschmayer

🎉 New, Updated: Deep JavaScript Foundations with Kyle Simpson

Join Kyle Simpson, author of the popular “You Don’t Know JavaScript” book series, as he deep dives into JavaScript's core mechanics like scope, closure, this and prototypes ..plus new features in ES6 and more.

Frontend Masters   Sponsor

Next.js 3.0: The Universal React App Toolchain

The stable release of Next.js v3.0 arrived this week, bringing with it dynamic import support, static export support, code splitting and more.

Arunoda Susiripala and Tim Neutkens

Building a Simple AI Chatbot with the Web Speech API and Node

A complete walkthrough of bringing together browsers’ speech recognition support with Node and a third party natural language processing service.

Tomomi Imura

Reverse Engineering Obfuscated JavaScript (video)

A look at how one library achieves the irksome ‘pop under’ effect in Chrome 59, where others seemingly fail.

LiveOverflow

Jobs

Front End Engineer at EDITED (London)Join us to impact how the world's biggest retailers operate by making a web app with great UX and DX using React, Redux and Glamor EDITED

Developer - Web TechnologiesBroaden your impact and hone your craft; build apps from scratch for expert clients. Pick your tools: Ruby, JavaScript, Elixir… Raizlabs

Front-End JavaScript Developer (Remote) Swift Education Systems

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

Next js13kGames Gamedev Competition Starts This Sunday news A popular JavaScript and HTML5 coding competition for game developers.

Choose your ideal JavaScript framework with the GrapeCity SPEC App  Speed, Productivity, Ecosystem, and Compatibility. Let us help you find the best framework for your team. GrapeCity Wijmo  Sponsor

6 Ways to Detect Chrome Headless tutorial If you want to detect bots or scrapers, say. Antoine Vastel

How To Get Started with V8 Development? tutorial Franziska Hinkelmann

Closing Iterables is a Leaky Abstraction tutorial Reg Braithwaite

How Angular Protects Us From XSS Attacks tutorial Dor Moshe

The Consequences of Frozen Prototypes on V8 tutorial Benedikt Meurer

How To Build a GitHub Search UI with React tutorial Divyanshu Maithani

Aggregating Cherry-Picked Lodash Methods In An App Module tutorial Ben Nadel

A Look at the ES proposal for 'Promise.try()' tutorial Dr. Axel Rauschmayer

Reduce time spent debugging by 90%  Instantly know what's broken and why. Rollbar is monitoring, alerting, analytics for production errors. Try it. ROLLBAR  Sponsor

Why You Should Use PureScript opinion A functional language that compiles to JavaScript. Phil Freeman

An Angular Performance Checklist video Minko Gechev

Britecharts 2.0 Released tools Britecharts is Eventbrite’s D3.js component-based charting library. Marcos Iglesias

DisplayJS: A Lightweight JS Framework for Building Ambitious UIs tools Arthur Guiot

Realtime updates on web and mobile that just work  Pusher  Sponsor

Nano ID: Tiny, Secure URL-Friendly Unique String ID Generator code Andrey Sitnik

Posterus: Composable Async Primitives ('Futures') with True Cancelation code Nelo Mitranim

Ream: A Framework for Building Universal Vue.js Apps code REAM

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2uxc3cn

[t-baba]

#344: JavaScript Factory Functions with ES6+

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 344 — July 21, 2017

JavaScript Factory Functions with ES6+

“In JavaScript, any function can return an object. When it does so without the new keyword, it’s a factory function.”

Eric Elliot

Hidden Messages in JavaScript Property Names

A fun look at the mechanics behind a seemingly simple snippet of JavaScript that doesn’t do what you’d expect. Beware of hidden Unicode characters.

Stefan Judis

The State of JavaScript Survey

This popular survey returns for its second year to see which “buzzwords are here to stay and which ones will soon fall to JavaScript fatigue”.

Sacha Greif

Learn how to choose the best JavaScript framework for your team

This free e-book teaches you about the strengths and weaknesses of JavaScript’s top frameworks and offers a methodology for selecting which framework works best for your team and project. Get it now.

GrapeCity Wijmo   Sponsor

How to Create a Reddit Clone Using React and Firebase

Nirmalya Ghosh shows you how to use Firebase’s real-time database features, coupled with create-react-app, to build a basic Reddit clone with live voting.

SitePoint

gpu.js: GPU Accelerated JavaScript

Compiles specially written JavaScript functions into shader language (GLSL) and runs them on the GPU via WebGL.

Sapuan, Saw and Cheah

(Now More Than Ever) You Might Not Need jQuery

“a good bit has changed in browser land since the last ‘You Might Not Need jQuery’ article you might have stumbled upon”

Ollie Williams

A Proposal for a Binary AST for ECMAScript

An explanation of a proposed new binary AST format and what benefits it could bring.

Shu-yu Guo

Jobs

Front End Engineer at EDITED (London)Join us to impact how the world's biggest retailers operate by making a web app with great UX and DX using React, Redux and Glamor EDITED

Mobile and client library SDK developerWe’re a growing realtime platform solving truly complex distributed problems for the developer community. If you enjoy challenging your grey matter and building great web services, apply. ABLY.IO

Senior Software Engineer - JavaScriptWe are looking for a Software Engineer with strong interest and experience in UI engineering who can help take our newest product, New Relic Infrastructure, to the next level.  New Relic

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

Angular 4.3 Now Available news A minor release that contains no breaking changes. Full changelog. Stephen Fluin

New Book: How to Earn More as a Software Developer  Learn new skills faster, find work you love, earn what you're worth. Get it today for $0.99 (limited time). Simple Programmer  Sponsor

Implementing the MVC Design Pattern in Vanilla JavaScript tutorial SitePoint

How to Use Polymer with Webpack tutorial Rob Dodson

Extracting Logic from React Components tutorial Jack Franklin

An ES Proposal Explained: RegExp Unicode Property Escapes tutorial Dr. Axel Rauschmayer

Webpack’s import() Will Soon Fetch JS + CSS — Here’s How To Do It tutorial James Gillmore

Preventing a Mobile Browser From Sleeping with NoSleep.js tutorial NoSleep.js is a small Wake Lock API shim to prevent the browser and device from going to sleep. David Walsh

Angular Testing In Depth: Components tutorial Gábor Soós

4 Important Changes in Vue.js 2.4 tutorial Anthony Gore

Catch Errors Before Your Users Do 🎣  Instantly know whats broken and why. Monitoring, alerting & analytics for JavaScript errors. Try it! ROLLBAR  Sponsor

RxJS By Example video Ben Lesh

Vue.js 2.0 From Scratch in 60 Minutes video Brad Traversy

Control Things in the Real World with Web Bluetooth and Puck.js video Gordon Williams

emojify-webpack-plugin: Transforms Code Into Emoji tools A humorous idea if normal minification isn’t your thing. Mechazawa

“CircleCI 2.0 is fast. We reduced builds from minutes to 12 seconds.” tools CircleCI  Sponsor

Express React Starter: Starter Project for create-react-app + Express.js code Burke Holland

Wade: Fast, 1KB Trie-based Search for JavaScript code And a related blog post. Kabir Shah

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2twLSpI

[t-baba]

This week's JavaScript news, issue 319

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 319 — January 26, 2017

Making Transpiled ES Modules More Spec-Compliant

Dr. Axel demonstrates how a proposed ‘spec mode’ for Babel will help you prepare for a world of native ES modules.

Dr. Axel Rauschmayer

Refactoring 30,000 Lines of JS with Types

How to significantly change 30,000 lines of client-side JavaScript without breaking things? This team tried both Flow and TypeScript and brought some minimal typing into play.

Nicholas Kariniemi

Ionic 2.0: Framework For Building Mobile Apps with Angular

Ionic 2.0.0 comes with new cross-platform components with 100% Material Design support, a 'native feature' plugin system, and enhanced performance.

Official Ionic Blog

“Use your nice tools without jumping through unnecessary hoops”: npm on the job

npm’s the obvious choice for managing JavaScript dependencies, but when Ellie Mae built a web app, they needed to keep some code private. How? “Choose tools that work with the grain of how you want to work, and work with the grain of your tools…”

npm, Inc.   Sponsor

Gmail to Block .js File Attachments Soon

.js is to join .exe, .bat, and other file types in being blocked for security reasons. You’ll need to archive or host them instead from February.

Google

An Introduction to Parsing Expressions with Nearley

Nearley is a fast and modern parser toolkit for JavaScript that uses the Earley algorithm and this is a handy walkthrough the ideas involved.

Gajus Kuizinas

An Introduction to Observables for Angular Developers

What are ‘observables’? Why are they helpful for asynchronous communication? And how can you use them in an Angular 2 application with RxJS? Answers here.

Jen Looper

ES Proposal: Shared Memory and Atomics

ES2017 is picking up some new concepts that will help with building higher-level concurrency abstractions. Here’s Axel with the deep dive.

Dr. Axel Rauschmayer

ECMAScript Regexes Are (Going To Be) Getting Better

Regular expressions were added to JS 18 years ago and have only been slightly improved. Mathias looks at five new proposals under consideration to improve them further.

Mathias Bynens

Jobs

Senior JavaScript Developer (Seattle)Love a challenge? Help us ship the fastest retail experience on the web. We value collaboration, passion for delivery, and work life balance.  Nordstrom

JavaScript Developer at X-Team (Remote)We're looking for a developer with an extensive knowledge of JavaScript and skills in different frameworks and libraries. We are 100% remote and we provide the funding needed to help you achieve your goals and grow. X-Team

Software Engineer, Web - Zürich, SwitzerlandCentralway is seeking an experienced programmer to come and join the team. The right candidate will be responsible for building and maintaining high performance web applications with cutting-edge technologies. Centralway Numbrs

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

Using Redux for Managing Immutable State tutorial David Xu

JavaScript Array Methods: Mutating vs. Non-Mutating tutorial Loren Stewart

Working with HTTP Streams with Cycle.js tutorial Ivan Jovanovic

New Course: ⚡️ ES6 The Right Parts with Kyle Simpson course Uncover new ES6 JS features like arrow functions, generators and computed properties with Kyle Simpson's book series: "You Don't Know JS". Frontend Masters  Sponsor

A Look at TypeScript 2.1's Mapped Types tutorial Create new types from existing ones by transforming properties. Marius Schulz

How To Conditionally Load Modules with StealJS tutorial Manuel Mujica

Source Maps with webpack in Chrome tutorial Erik Aybar

JS Library Development in ES6 with Babel, Mocha and npm Scripts tutorial Hugo Di Francesco

Getting Started with Vue.js 2.0 in 2017 for Beginners video A tidy 20 minute intro and live coding demo. Erik Hanchett

Code-Splitting Your Way to Better Performance with Webpack video A quick 6 minute conversation. Google Chrome Developers

ES6 and Beyond Workshop at PayPal (January 2017) video Kent C Dodds

JSDOW: Chart Daily/Weekly Download Numbers for npm Packages tools Who wants to add a virtual stock game to this? ;-)

Best in Class UI Components for Angular Development – Kendo UI for Angular code 100% jQuery-free Angular components built from ground-up which deliver the business app essential building blocks. Progress  Sponsor

BuckleScript: A JavaScript Backend for the OCaml Compiler code Bloomberg Finance

Tilt.js: Tiny Parallax Tilt Effect for jQuery code Gijs Rogé

qart.js: Merges Pictures and QR Codes for Artistic QR Codes code Clever, I’m surprised the output worked (I tested it!) Lee Sun-Hyoup

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2kyiFBE

[t-baba]

This week's JavaScript news, issue 318

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 318 — January 19, 2017

2016 JavaScript Rising Stars

Some interesting analysis of the JavaScript ecosystem based on GitHub star count growth in the past year for areas like frameworks, build tools, and testing frameworks.

Michael Rambeau

webpack 2.2 Released: The Popular Module Bundler

Now refactored to ES2015. There’s a v1 to v2 migration guide if you need it.

Sean T. Larkin

Module Bundling and Webpack in Simple Terms

An extensive tour of why and what webpack does and what module bundling is all about, if you’re new to it. (Note: Do keep scrolling, it has an unusual effect.)

Arian Allenson M. Valdez

New Course: ⚡️ ES6 The Right Parts with Kyle Simpson

Uncover how to think deeply about new ES6 JavaScript features like arrow functions, destructuring, generators, classes and computed properties with Kyle Simpson of the "You Don't Know JS" book series.

Frontend Masters   Sponsor

The History of JavaScript from 1995 to Now

A fun read going from Netscape 2.0 to the ECMAScript 4 drama and on to now.

Sebastián Peyrott

Asyncing Feeling About JavaScript Generators

Async generators and async iteration are likely to ship before too long. Here’s how they work and what challenges you may face using them.

Jonathan Martin

Get Started with Debugging JavaScript in Chrome DevTools

An interactive walkthrough of how to debug JavaScript code using Chrome’s DevTools.

Kayce Basques

Angular 2: What’s Working, What Needs Work and Where It’s Heading

TJ VanToll explores the good and ‘less good’ about Angular 2 since its release.

ProgrammableWeb

Jobs

Frontend Developer @ Poki (Amsterdam, the Netherlands)Refactoring our entire frontend, and all the impact around it. Join us building the ultimate online playground for kids of all ages. Poki

Front End Engineer at EDITED (London) EDITED

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

ChakraCore Celebrates Its First Anniversary news Including updates on the JavaScript engine’s road to parity on Linux and macOS. Microsoft Edge Dev Blog

Speeding Up Regular Expressions in V8 news The V8 team explains the under-the-hood changes speeding up regexes. Jakob Gruber

Pro Ember.js: An advanced 2-day training event in Berlin course We'll tackle progressive web apps, modular architecture patterns, performance tuning, authentication & more. simplabs  Sponsor

Thinking in Redux (When All You’ve Known Is MVC) tutorial Mikhail Levkovsky

Building and Securing Koa and Angular 2 with JWT tutorial Bruno Krebs

Communicating Between Web Workers via MessageChannel tutorial Dr. Axel Rauschmayer

Integrating RxJS with Vue.js tutorial

Understanding Angular's AOT Compilation and Dynamic Components tutorial Sean Landsman

Getting Started with Vue and Vuex tutorial Vuex is a state management pattern + library for Vue.js apps. Matt Bradford

An (Updated) Introduction to Gulp, the Automated Task Runner tutorial Craig Buckler

Angular in Production: A Case Study with Tips story Minko Gechev

Vue.js in Less Than 30 Minutes for Beginners video Dev Coffee

Cleaning Up Code with ESLint (in 13 Minutes) video Josh Owens

Automatically detect and diagnose JavaScript errors affecting your users tools Debug JS apps with fully deminified stacktraces and tools to reduce front-end noise so you can assess impact. Bugsnag  Sponsor

when-dom-ready: A Promise-Based Equivalent of '$(document).ready' code Luke Childs

Mitt: A Tiny Functional Event Emitter / PubSub in 200 Bytes code Jason Miller

Zora: A Tiny JavaScript Test Harness code So simple it can be demonstrated in a CodePen. Laurent Renard

redux-inputs: A Library for Taming Forms in React code Zillow

WebGazer.js: An Eye Tracking Library That Uses Webcams code Brown HCI Group

Simple Electron App Samples code Electron makes it easy to build cross platform apps with JS, HTML and CSS. Electron

swarm-numberformat: Format Large Numbers in Several Human-Readable Ways code Evan Rosson

Intercooler.js: Making AJAX As Easy As Anchor Tags code LeadDyno, LLC

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2k8CkMe