Обзорная лекция по основным возможностям ES2017+ , от Дмитрия Сошникова #js https://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/
Dmitry Soshnikov
JavaScript. The Core: 2nd Edition
Read this article in: Russian, German. This is the second edition of the JavaScript. The Core overview lecture, devoted to ECMAScript programming language and core components of its runtime system. Note: see also Essentials of
Берем скролл под свой контроль: кастомизация pull-to-refresh и overflow эффекты #js https://developers.google.com/web/updates/2017/11/overscroll-behavior
Chrome for Developers
Take control of your scroll - customizing pull-to-refresh and overflow effects | Blog | Chrome for Developers
Introduction to the CSS overscroll-behavior property.
Символы, Генераторы и потоки в JavaScript #js https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc
Medium
JavaScript Symbols, Generators and Streams
Introduction
Forwarded from Chulakov Dev
Вот это форма
Одной из самых тяжелых задач в разработке веб-приложений является работа с динамическими формами: большое разнообразие типов полей, их валидация, асинхронное конструирование частей формы, автозаполнение, сериализация, сохранение, обработка состояний и многое другое. Все эти проблемы можно решить за счет использования связки React, Redux и Redux Form.
Чтобы показать как она работает, мы собрали для вас интерактивное демо, содержащее код следующих решений:
1) подключение Redux с использованием Ducks-методологии упорядочивания редюсеров, экшенов и констант;
2) работа с нестандартными полями;
3) получение и сохранение состояния формы;
4) написание и подключение функций валидации;
5) отображение ошибок заполнения;
6) переинициализация формы с помощью свойства
7) переопределение значений полей.
Одной из самых тяжелых задач в разработке веб-приложений является работа с динамическими формами: большое разнообразие типов полей, их валидация, асинхронное конструирование частей формы, автозаполнение, сериализация, сохранение, обработка состояний и многое другое. Все эти проблемы можно решить за счет использования связки React, Redux и Redux Form.
Чтобы показать как она работает, мы собрали для вас интерактивное демо, содержащее код следующих решений:
1) подключение Redux с использованием Ducks-методологии упорядочивания редюсеров, экшенов и констант;
2) работа с нестандартными полями;
3) получение и сохранение состояния формы;
4) написание и подключение функций валидации;
5) отображение ошибок заполнения;
6) переинициализация формы с помощью свойства
initialValues;7) переопределение значений полей.
Быстрое руководство по Webpack бандлу и разделении кода в React #react #webpack https://blog.logrocket.com/quick-guide-to-webpack-bundle-and-code-splitting-with-react-43d1045f1064
LogRocket Blog
Quick guide to webpack bundle and code splitting with React - LogRocket Blog
Introduction You’re probably here because your app has grown to the point where forcing the user to download the entire thing as a single file seems cruel and unusual. Fact is, tons of features and a complex UX are bound to affect the amount of code you’re…
Бюджет JavaScript (стоимость доставки и производительности) . Эдди Османи делится рецептами быстрой загрузки JS: меньше кода = меньше парсить/компилить + меньше передавать + меньше данных для декомпрессии #js https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e
Medium
The Cost Of JavaScript
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In…
Доступные веб-приложения с помощью React, TypeScript и AllyJS #react https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/
CSS-Tricks
Accessible Web Apps with React, TypeScript, and AllyJS
Accessibility is an aspect of web development that is often overlooked. I would argue that it is as vital as overall performance and code reusability. We j
В W3C опубликовали стратегические планы развития : Web Assembly, WebRTC, Web Payments, WebVR и многое другое #web #common https://www.w3.org/2017/11/w3c-highlights/
Оптические эффекты в пользовательских интерфейсах (для настоящих ботанов) #common https://medium.muz.li/optical-effects-9fca82b4cd9a
Medium
Optical effects in user interfaces
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding
Начинаем разбираться с математическими функциями в CSS Level 4 #css https://webdesign.tutsplus.com/tutorials/mathematical-expressions-calc-min-and-max--cms-29735
Web Design Envato Tuts+
Getting Started With CSS Math Functions Level 4
Functional notations are part of the CSS Values and Units Module, which is also the home to useful math functions such as calc(), and as of level 4 min() and max(). These powerful functions open up...
Метрики загрузки страницы . Что все они означают? #web https://medium.com/web-standards/performance-metrics-ff23c213164e
Паттерны проектирования JavaScript на 2017 год . Перевод доклада Скотта Аллена #js https://www.youtube.com/watch?v=GjtfXIaQq7g
Сравнение скорости загрузки страниц в браузере: введение в методологию https://hacks.mozilla.org/2017/11/comparing-browser-page-load-time-an-introduction-to-methodology/
Mozilla Hacks – the Web developer blog
Comparing Browser Page Load Time: An Introduction to Methodology
On blog.mozilla.org, we shared results of a speed comparison study to show how fast Firefox Quantum with Tracking Protection enabled is compared to other browsers. In this companion post, we ...
Бывший глава китайского подразделения Google: работа, требующая социальных навыков, в будущем выйдет на первый план https://itc.ua/blogs/byivshiy-glava-kitayskogo-podrazdeleniya-google-rabota-trebuyushhaya-sotsialnyih-navyikov-v-budushhem-vyiydet-na-pervyiy-plan/
ITC.ua
Бывший глава китайского подразделения Google: работа, требующая социальных навыков, в будущем выйдет на первый план - ITC.ua
Экс-президент китайского подразделения Google, а ныне - глава инвестиционной фирмы Sinovation Ventures Кай-Фу Ли не сомневается, что в ближайшее
Подкаст «Drinkcast», Выпуск #18 — «Ребята, давайте жить дружно» https://spb-frontend.ru/podcast/18/?e-zhit-druzhno-v-18-m-vyp&utm_content=13154805
Обновите свой проект с помощью CSS-селекторов и пользовательских атрибутов https://www.sitepoint.com/upgrade-project-css-selector-custom-attributes/
Sitepoint
Upgrade Your Project with CSS Selector and Custom Attributes — SitePoint
Read Upgrade Your Project with CSS Selector and Custom Attributes and learn HTML & CSS with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.
PlainJS — множество утилит и плагинов на ванильном JS для решения распространненых задач фронтенда, с демками и примерами https://plainjs.com/
Plainjs
plainJS - fast and lightweight JavaScript tools
Vanilla JavaScript for writing powerful web applications without jQuery.
Серия публикаций из 11-ти статей со сравнением Aurelia, Ember, Dojo, Vue, React и Angular, с выводами и приведенными плюсами/минусами каждого из них https://www.sitepen.com/blog/2017/11/10/web-frameworks-conclusions/
SitePen Blog
Web Frameworks: Conclusions
It has come time to read the liner notes and write some conclusions. When we started writing this blog series, we knew that JavaScript/web application frameworks were not easy to summarize.
Основы троттлинга событий в JavaScript https://codepen.io/AmeliaBR/post/basic-javascript-event-throttling