JavaScript

The Redux Type Flow (revisited in 2018) Как создать маску ввода для мобильных устройств – Ivan Kucher – Medium. Представьте себе: вы сидите, думаете о своих делах, пишите код.

И тут кто-то приходит и просит вас создать маску ввода для мобильных приложений с использованием чистого JavaScript (без внешних библиотек!). И вы думаете, что создать маску ввода не так уж сложно. Все, что вам нужно сделать, это создать кучу функций для проверки ключа нажатой клавиши с помощью событий клавиатуры и отменять событие, ели ключ не разрешен. Learn How To Debug JavaScript with Chrome DevTools – codeburst. SessionStack Blog. ES6 Features - 10 Use Cases for Proxy. Today we look into the possible use cases of Proxy, one of the features of ES6.

Source code can be found on GitHub, in the jsProxy repo. 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? “Master the JavaScript Interview” is a series of posts designed to prepare candidates for common questions they are likely to encounter when applying for a mid to senior-level JavaScript position.

These are questions I frequently use in real interviews. 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 значительно повысил свой статус от экспериментальной технологии до основы для серьезных проектов.

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.

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.

Note: if you need a primer on npm, check out our beginners guide. 1. The npm online help and CLI Command documentation is excellent but switching to and from your browser is not always convenient. 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.

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-разработчики должны быть в теме всего. Мысли Криса Койера.

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.

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.

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.

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.

We received 900 valid responses to this survey.

Helper Libs

Выразительный 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. 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.