background preloader

JavaScript

Facebook Twitter

ES6 Features - 10 Use Cases for Proxy. Today we look into the possible use cases of Proxy, one of the features of ES6.

ES6 Features - 10 Use Cases for Proxy

Source code can be found on GitHub, in the jsProxy repo. ES6 Features Use cases for Proxy Table of Contents Preface By now, you have probably heard about, or even used ES6 Proxy. Proxy is supported in all modern browsers. This post is pretty code heavy, so I didn't put the full sources here as usual, but you find the link for the relevant source at the beginning of every section. Some examples are throwing errors. Before we dive in, here's a little refresher on the syntax and usage. Basic example of using a Proxy ^ GitHub - kennymkchan/interview-questions-in-javascript: A mostly reasonable collection of technical software development interview questions solved in Javascript. Master the JavaScript Interview: What is a Promise? Ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript.

MobX

GitHub - you-dont-need/You-Dont-Need-Javascript: CSS is powerful, you can do a lot of things without js. 20 полезных Node.js фреймворков. За последние годы Node.js значительно повысил свой статус от экспериментальной технологии до основы для серьезных проектов.

20 полезных Node.js фреймворков

Node.js дает возможность построить достаточно сложные, высоконагруженные приложения на простом, элегантном и, самое главное, легковесном механизме. 10 Tips and Tricks That Will Make You an npm Ninja. This article was peer reviewed by Vildan Sortic, Matt Burnett and Tom Greco.

10 Tips and Tricks That Will Make You an npm Ninja

Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! While there is much excitement about Facebook’s new Yarn project, the continuing success of Node.js owes much to its original package manager, npm. A few simple npm commands is all it takes to initialize a folder (npm init), download packages (npm install) and create tests (npm test) and custom scripts (npm run) for use in your project. Few delve further but there are several npm tips and tricks which can revolutionize your daily development tasks.

Using ES6 and ES7 in the Browser, with Babel 6 and Webpack. This guide is part of The Complete Guide to ES6 with Babel 6 series.

Using ES6 and ES7 in the Browser, with Babel 6 and Webpack

If you’re having trouble upgrading to Babel 6, start with Six Things You Need To Know About Babel 6. The Babel CLI is great for compiling ES6 to ES5 on a file-by-file basis. However, when Babel encounters an import statement, it outputs a require call – which won’t get you very far in the browser. To make our Babel output browser friendly, we’ll need to bundle it. Using ES6 and ES7 in the Browser, with Babel 6 and Webpack. Frontend-разработчики должны быть в теме всего. Мысли Криса Койера.

Frontend-разработчики должны быть в теме всего

The Pain and the Joy of creating isomorphic apps in ReactJS – ReactJS News. Continuous Analysis Engine – bitHound. Help designing Redux state for a single page application? : reactjs.

Books

A Baseline for Front-End [JS] Developers, 2015. 23 Mar 2015 edit It's been almost three years since I wrote A Baseline for Front-End Developers, probably my most popular post ever.

A Baseline for Front-End [JS] Developers, 2015

Three years later, I still get Twitter mentions from people who are discovering it for the first time. In some ways, my words have aged well: there is, shockingly, nothing from that 2012 post that has me hanging my head in shame. Still, though: three years is a long time, and a whole lot has changed. In 2012 I encouraged people to learn browser dev tools and get on the module bandwagon; CSS pre-processors and client-side templating were still worthy of mention as new-ish things that people might not be sold on; and JSHint was a welcome relief from the #getoffmylawn admonitions -- accurate though they may have been -- of JSLint.

It's 2015. Two, my world has become entirely JavaScript-centric: knowledge of the ins and outs of CSS has become less and less relevant to my day-to-day work, except where performance is concerned. JavaScript Modules & Build Tools. Progressive loading for modern web applications via code splitting. I am compiling and bundling all my javascript files (sometimes css and images too) into ONE HUGE bundle.js.

Progressive loading for modern web applications via code splitting

I guess you are doing this too, aren’t you? It is a pretty common approach for making modern web applications. But this approach has one (sometimes very important) drawback: first loading of your app may take too much time. As a web browser have to (1) load large file and (2) parse a lot of javascript code. And loading can take really much time if a user has bad internet connection. Survey of Web Accessibility Practitioners Results. You are here: Home > WebAIM Projects > Survey of Web Accessibility Practitioners Results Introduction In July 2014, WebAIM conducted a survey of web accessibility practitioners.

Survey of Web Accessibility Practitioners Results

We received 900 valid responses to this survey. A few disclaimers and notices: Totals may not equal 100% due to rounding. Region Operating Systems Operating system data was detected from the system used to complete the survey. Browsers.

Helper Libs

Выразительный JavaScript: Регулярные выражения. Содержание Некоторые люди, столкнувшись с проблемой, думают: «О, а использую-ка я регулярные выражения».

Выразительный JavaScript: Регулярные выражения

Теперь у них есть две проблемы. Джейми Завински. Redux. Tests. App generator. Learn ECMAScript6 by doing it. Building single page apps using web components. Edit on GitHub Polymer v0.4.2 This article describes an older version of Polymer, and some information may not apply to Polymer 1.0 For an introduction to Polymer 0.5, see Polymer in 10 minutes.

Building single page apps using web components

Coding-styles/es6.md at master · elierotenberg/coding-styles.

React

Clojurescript and user interfaces: Simplicity yields possibilities by Jelle Akkerman. ECMAScript 6 compatibility table. Detect when browser receives file download.