https://t.me/dkunin_blog

whats up frontend

Относительно короткая вводная про приватные поля в классах. Mortal Kombat, разумеется упрощенный, но в который можно играть по сети и более того накрутить что-то свое поверх этого. Старая история, но лишней не бывает - удобная обертка на IndexDb от Джейка Арчибальда. И под конец самое интересное - в наше время, когда React используют повсюду, где надо и не надо - интересный взгляд и несколько техник, которые позволяют сократить зависимость от JS, если не отказаться от него вовсе.

whats up frontend

Короткая запись: разбор зачем вам могут быть нужны Символы, интересная альтернатива Jekyll - Eleventy. Но самое главное - это конечно же нашумевший WebAuthn. Если в двух словах - то это возможность использовать встроенные биометрические датчики или yubikey для аутентификации. Настоятельно рекомендую попробовать демо (вторая ссылка), у меня, правда завелось только с ключом, с маковым отпечатком пальца не сработало. Скорее бы этой технологии стать повсеместной!

whats up frontend

Интересный сервер Zero с нулевой конфигурацией, написанный, судя по всему на питоне, но выглядит интересно. Всегда мечтали написать маленькую браузерную игру - вот вам подробная инструкция, как используя Phaser и TypeScript можно сконстралить игру с падающими звезочками, жаль не до конца, для этого будет отдельная часть статьи. FrenchKiss - интригующее название, а на деле i18n библиотека, обещающая быть если не самой быстрой - то одной из самых быстрых, работает и в браузере и в NodeJs. Thomas Hunter расскажет о таск раннерах в NodeJs, но я конечно больше был порадован финалом, где он раскрыл самый лучший таск раннер всех времен, я тоже его предпочитаю! Крохотная утилитка от Sindre Sorhus - что бы уметь ждать готовности локалхоста. И на последок отличный сборник рекомендаций и подсказок по улучшению доступности Вашего ресурса.

whats up frontend

В Хроме у String - появился новый метод matchAll, возвращает итератор с набором результатов. Сryption - система шифрования файлов прямо в браузере! Сodecrumbs - интересная система - разрбасываете по коду 'хлебные крошки', получаете схему работы сервиса. И JS библиотека умеющая определять NSFW контент.

whats up frontend

В своей статье Крис Хейлман подробно рассказал почему он считает что ссылки, которые никуда не ведут - должны быть кнопками, лично я считаю это осмысленным. ImmortalDB, браузерная 'база данных', которая заявляет, что выдержит даже в случае если пользователь почистит данные. Smoke - супер простая мокалка, основанная на файлах, выглядит не плохо на случай если надо быстро замокать какой-то API. Role-acl - интересное решение для настройки RBAC/ABAC на nodejs сервере, немного замороченный API на мой вкус. Bluetooth API в разных средах: Desktop, Cordova, React Native, как работать и какой от этого толк. DeskGap, ранее я писал про то, что можно собрать десктопное веб приложение - с помощью либы Go, которая будет намного меньше чем Electron - судя по всему - DeskGap - пытается сделать тоже самое и не включать полный дистрибутив Хромониума в пакет, ну посмотрим, может и есть в этом толк, поддержка правда так себе по сравнению с Електроном.

whats up frontend

Сравнение Object.assign и ... в Node.js! Ура, PWA уже вот вот появятся в гуглосторе! Фуф, до убийства 10ого эксплорера всего-то год, осталось дождаться пока окончательно умрут и все 9- и вот тогда заживееем. Как async/await, используемый с умом может навести красоту в коде. Mozilla/Readability - самостоятельная либа, позволяющая выдергивать читаемый контент с сайта, я пока еще пользуюсь https://mercury.postlight.com/web-parser/ - может стоит попробовать) Ну и конечно на закуску - лонгрид - спецификация объясняющая, как вскорости можно будет жить без паролей!

whats up frontend

Слегка ретроспективный набор: HTML5 инпуты, ведь кроме text/number существует еще много всякого. Вспоминаем паттерны: module/singletone/factory и так далее. Интересный подход к горячим клавишам - подписывайте не функции, а на конкретные DOM элементы. CSS Грид, с возможностью бесконечной вложенности - на flexbox. И под конец Max van der Schee расскажет про свое видение - почему такая важная штука, как Accessibility никак не возводится в приоритет и не доезжает до прода.

whats up frontend

Получилась какая-то модульная подборка: для начала довольно объемный пост Tyler McGinnis с описанием всевозможных решений модулей, а в догонку Nicholas C. Zakas выразит свое мнение почему export default - не так уж и замечательно - интересное мнение, хорошая аргументация. Code to graph - либа для перевода кода в графы на лету. jsdiff - либа для вычисления разницы в текстах. Ну или все новое хорошо забытое старое - в 15-ом году на 18-ом MoscowJs Андрей Гершун рассказал про свою БД sql на js, спустя 3 года и почти 4k звезд - инструмент работает и используем!

whats up frontend

Главная новость - это конечно бесплатные приватные репы на github. я почти уже перенес все что можно было с битбакета. Интересная либа-песочница(RunJS) для быстрых примеров/игр, может быть разработки собственного jsbin. 10 лучших советов по разработке VueJS от Vue мастеров. Научитесь использовать worker_threads в NodeJs. Не уверен, что супер полезно, но может пригодится JS либа для создания динамических grid лейаутов. Хотите создать собственную базу знаний/систему заметок - Trillium вам в помощь. А, ну да - Electron 4.0.0 вышел - меня больше всего зацепила история с доступом к панели about, и форсированный тротлинг при необходимости, когда приложение работает в фоне.

whats up frontend

A short one: Nice video about algorithmic approach to flex and grid, discover alternatives to expressjs, faster, smaller, simpler. Strange that I didn't put it here earlier - learn how to use PWA as share target.

whats up frontend

Nothing to see here

whats up frontend

Behold, AVA is 1.0! Learn how to handle broken images with service-worker, find out new tools to make cli apps and parse arguments. How to scape your node.js with clustering.

whats up frontend

Jake Archibald introduces Background fetch, we are one step closer to native! Tired of your build step - you are welcome to use es6 modules, use pike to find packages that you can import directly, without pesky babels or webpacks getting in the way. Rendora - a different approach to dynamic server-side rendering. I'm late to the party, I guess, but I just found out Puppeteer now supports Firefox. Find out 19 ways to become a better nodejs developer. Learn about new tool to easily match and parse urls and how to create an accessible dropdown navigation.

Nativifier vs Go webview

How I've found a nice way to package web app into super small 'native' app

whats up frontend

- Mhysa looks like a great tool to work with steams - Limit your rates in express with chae-limitrr - Grant - new oAuth middleware, 180+ providers - Have an sqlite db and want to build an API around it? Look no further than tuql (Pronounced: Too cool) - A nice, library/framework agnostic input mask: imaskjs - You've seen tui charts, and grids, now it's time for tui markdown editor

whats up frontend

A bit lenghty this week, since I missed the last one! Want to compile all your nodejs app into single js file, with all dependencies and stuff - ncc will help you out, inspired by go it can be quite handy. Learn how to make your infographic shine and be interactive at the same time with Vue. Learn how to build your own js sandbox, or get the complete one for free, one of the main selling points - it works locally and ofline! In the ongoing series of articles about functional programming, Eric Elliott introduces us to transducers. Wanna have cli app with stylish progress bar, look no further,than progress-estimator! How about super simple, but efficient collaborative whiteboard, too lazy to build one - grab the opensource one and extend it! Learn what to put in your HEAD, as one singer once said 'Feed your head'(pm me with the name of the author of these lyrics and get a small prize)! Never leave your docs obsolete with Dredd, how about that slow-mo now? And finally compare the hippest request libraries of the 2019!

whats up frontend

Evan You lets us peek at vue 3.0, I'm guessing it would be great! Hmm, looks like PWAs are coming to desktop - no more pesky and large Electron, seems like a great idea. Do you know about Web Components? Do you know the power they containt - if you're not sure = start with the article from Mozilla Hacks. Checkout super fast and sleek Urlit - url parser. And once agail learn about the awesomeness of Vim, at least how to quit it.

whats up frontend

Kill the moment with day.js. Learn how to create simple API with no stinking dependencies or use node-skeleton. Build Great CLI experiencies, remember - CLI is timeless, by the way - fx is a great cli tool for json fiddling. Deed dive into Array destructing.

whats up frontend

Learn about async JS evolution, find out how to perform docker healthchecks for node. At last! Bring the charts, to the best place there is - TERMINAL! Work with your money immutable with dinero, and create your OpenApi client simply with oas-client.

whats up frontend

For sure the main story is React Hooks! But after that - be sure to checkout RelativeTimeFormat api, Picture-in-Picture for video elements. Learn how to create custom html markers on google maps and ofcourse be sure to keep these async/await cheatsheets handy

whats up frontend

Learn how to authentificate with JWT, feel the rhythm of typography. Find some good recepies in CSS Layout Cookbook, find new ways to debug. What can you use with css content, find out!

whats up frontend

Obfuscate your text in style. Learn how to make birthday dates and dialogs the right way. Some opinions on nodejs and on software development. 12 crucial factors to create CLI apps.

whats up frontend

Discover what's next for VueJs, learn how to create generative art. Tailwind - interesting css framework for rapod prototyping, sorta like tachyons.css, I guess. Express is the most popular framework in Nodejs, no surprise there. To JS foundations could create a new joined one.

Bookmarker

There's nothing more I hate than tight coupling, so I've build a bookmark manager, coupled only to your filesystem, but not at first, first I discoved a chrome plugin...

whats up frontend

This time a little more about productivity and product, but still some great stuff from Umaar Hansa and his ScotlandJs talk. List of small JS helpers, curated by DO, and tutorials how to containerize express server and build super low, self sustained server for a blog.

Manifest of a doer

Inspiring tools to get shit done!

whats up frontend

Electron 3.0 is here! Gatsby 2.0! So much is happening! Lowjs => supersmall port of nodejs, gonna give it a try on my Raspberry Pie(no rhyme intended)! Create a temporary enviroment on Heroku of from your bitbucket pull-request. If you are lazy to setup browserify yourself - just go with lyo, it'll make the magic for you. And some more fun bit's and pieces.

Decentralizing the web with Beaker: Transcript

Feross talks with Mathias Buus and Paul Frazee about the decentralized web, why the average person should care about decentralization of the web, the Beaker browser, Dat and the differences and similarities to BitTorrent, and how Paul and Mathias first got involved in this work.

whats up frontend

Check how good you now js equality rules! Get back into morphing stuff, checkout the controversy aroung google's decision to ditch 'trivial' part of the domain name. Play a nice art game, get into web workers and more!

whats up frontend

Deep into JS wormhole with Mathias Buus, remove that pesky moment.js monstrosity, and start using something sane, follow github and remove all jquery, explore JS timers! It talks! Learn how to use Speech Synthesis, build SQL requests with ease. Turn node worker threads into routines!

whats up frontend

How to use Docker for nodejs development, build efficient mobile graphs, learn what authentication strategy to choose, extend your browser with WebAssembly and more. Checkout new PWA builder on the block!

whats up frontend

Smart service-worker caching. Turbo json parse! Worker dom => a dom api, for your worker! Start that blog already with ghost 2.0, and create some tutorials for the young ones, with git and one quite usefull tool! And also learn how to rock these blend modes.

whats up frontend

Create snake and ladders with css, have a grid cheat-sheet at hand, create constants via proxies, leverage network api to serve content faster, find out whatever webhint is.

whats up frontend

Log out your consoles and errors with style, using dumper and pretty-error. Findout how to deal with pesky side-effects and fiddle around in electron-fiddle.

whats up frontend

New docs for beaker browser! Finally css scroll snap, no more js scroll hijacking, or at least one can hope. Simple, pluggable WebRTC communications platform. Learn to hash passwords, the right way! Uber universal framework. More holywar articles about Vue vs React, and full guide to work with js dates!

whats up frontend

Great new way to debug node, scale your microservices when you've got the time. Checkout where you are on the developer roadmap, and learn some new stuff about css pointer events. Twitter ditches jQuery, device agnostic QR reader and much much more...

whats up frontend

ES6 modules in depth, dive in JS reactivity, explore the holy grail of reusable components. Build an Instagramm clone with Vue and use jquery-like syntax to work with filesystem in node, also ascii charts in terminal!

whats up frontend

Stylish text-based browser, use phone as web remote, use css grid with variables for fast prototyping, VIM in the browser, thanks to WebAssembly, streams in RXjs and how to tame them!

whats up frontend

Extra small sites, encoded in...url! Debug in VS Code, super slick react ssr, webrtc introduction, build your docs with docz and optimize!

whats up frontend

Node, now with threads! How to build your own nodejs extentions, emails from rss and solve node paths. Also learn to write error-free-perfect code and don't forget to make certificates for your localhost projects.

whats up frontend

Animations, tools and performance tips, ecmascript decorators, writing your own lint plugin and more!

whats up frontend

John Rasig presents his book on GraphQL. Vue introduces Vue Native. Explore JS engine fundamentals. Nice HTTP stubbing tool, micro-reset and more...

whats up frontend

Ryan Dahl confesses 10 things he regrets about node, Safari starts pioneering privacy, Chrome starts delivering fresher service-workers by default

whats up frontend

Looks like github joins MS, look into cult of complex, how to cook service workers and new online code editor for API's

whats up frontend

How to show notification of the new version in PWA, use Docker, start contributing to Node and build one directional data binding without frameworks

whats up frontend

Modules in FF, tensor flow fiddling, pm2 and rabbit mq usecases!

whats up frontend

Docker and serverless, Ow and don't forget to check the arguments!

whats up frontend

Node 10 is here! Simple auth lib - permit, some tips and tools, etc.

whats up frontend

Js powered markdown editor, distributed app architecture, slugify, vue-press etc.

Whats up frontend

Only js this time, and strangely most links about serverless stuff

What's up, frontend?

Measuring performance, simplicity of details-summary elements, JS proxies and some CS basics to brush up!

What's up, frontend?

PWAs with Vue, interesting modules, Una Kravets on css blend and more

CSS minute

Some intersting links regarding styles and stuff

What's up front end

Getting started with midi, secrets of vuejs, unblocking clipboard access, css grids and more...

Awesome list of awesome PWAs

Just a link

Layout Land

Layout Land peek into awesomeness that is CSS

What's up, frontend?

Stylish npm searches, beautiful charts, and stuff, get started with graphql.

List of influential developers

9 Influential JavaScript Developers You Should Follow, by John Hannah

What's up, frontend?

3-rd party scripts are dangerous, beyond react 16 and prevent smoosh now!

What's up, frontend?

Jake Archibalds explanation of loops, snapshotting your site, css delighters and more!

What's up, frontend?