По мере изучения Javascript я раз за разом натыкался на многочисленные статьи о асинхронных функциях и операциях. Несмотря на несомненные достоинства подобного функционала, каждый раз в затруднение меня вводил листинг, приводимый авторами. Слова менялись, суть оставалась той же, в голове заваривалась каша. Под катом — небольшой гайд по историческому развитию и версиям ECMA.

Краткая история асинхронных возможностей Javascript

#js #article

​​Matter — набор компонентов в стиле материального дизайна на чистом CSS.

Демо | GitHub

#css #material

Написать простой код несложно. Но если речь о том, чтобы он был готов к будущему использованию кем-либо, то все сразу усложняется. Дело в том, что такой код должен быть еще более чистым и понятным.

Разработчику необходимо создавать код, который может использовать любой его коллега из любой страны мира. Так он становится чем-то вроде его «наследия». Все это хорошо и складно звучит, но реальность несколько иная…

Как писать хороший и понятный код

#code #architecture #article

​​WOW.js — это легковесная (3kb) библиотека, с помощью которой можно создать классные анимации при скролле страницы. Легко кастомизировать настройки: стиль, задержка, длина и многое другое.

Демо | GitHub

#js #scroll

Язык JavaScript развивается очень быстро. Появляются новые фичи и синтаксис. Одна из моих любимых улучшений это async/await. Как запустить асинхронные циклы по порядку или параллельно в JavaScript?

Как работать с async/await в циклах JavaScript

#js #article

​​Что должен знать DevOps, Frontend или Backend разработчик?

Иллюстрированное руководство о том, какие технологии следует знать, чтоб стать лучше.

Developer Roadmap

#frontend #backend #devops #roadmap

​​Brain.js — это мощная open-source библиотека для работы с нейронными сетями в JavaScript. У библиотеки отличная документация с кучей примеров, которые помогут вам быстро разобраться с машинным обучением.

Демо | GitHub

#js #ml

​​A-Frame — это веб-фреймворк позволяющий создавать различные приложения, игры, сцены в виртуальной реальности. Все вышеописанное будет доступно прямо из браузера вашего шлема виртуальной реальности. Этот инструмент будет полезен как тем кто хочет заниматься разработкой VR-игр в браузере, так и например, может пригодится в качестве платформы для создания веб VR-приложений, сайтов, посадочных страниц.

Демо | GitHub

#js #vr

Мы уже писали про веб-фреймворк A-Frame для работы с виртуальной реальностью. В этой статье подробно описано как он работает, что под капотом + примеры.

Обзорная статья по A-Frame

#js #article #vr

​​Card — это небольшая JS библиотека, которая делает поле для ввода кредитной карты намного веселее. После легкой установки библиотека добавляет на форму анимации и красивые поля.

Демо | GitHub

#js #cc #forms

​​Color Highlight — это расширение для VS Code, которое добавляет отображение цветов в виде border, при обнаружении кодировки цвета в коде.

VS Code Marketplace | GitHub

#vscode #extension

​​Rallax — это библиотека на чистом JavaScript, которая создает плавный параллакс эффект заднего фона. У библиотека замечательный API с которым очень легко настраивать сценарии, такие как изменение скорости и условия "если".

Демо | GitHub

#js #parallax

​​Leaflet — это open-source JavaScript библиотека для создания интерактивных карт. Весит всего 38kb и имеет богаты функционал.

Демо | GitHub

#js #maps

​​Grid Garden — место, где вы напишете CSS-код, чтобы вырастить морковный сад. Игра для изучения CSS Grid на интересных примерах.

Игра | GitHub

#css #grid #game

​​Lists — это галерея фейковых данных, которые можно использовать в своих проектах. Это полезный инструмент для дизайнеров и разработчиков. Вам больше не придется наполнять сайты бесконечными lorem ipsum'ами.

listsdesign.com | GitHub

#content #design #useful

Эта статья объясняет новый синтаксис публичных полей классов в V8 v7.2 и Chrome 72, а также грядущих приватных полей.

Публичные и приватные поля классов

#js #article #classes

​​Photopea — это продвинутый, бесплатный онлайн редактор изображений.  С его помощью можно открывать файлы PSD/Sketch/XCF и редактировать прямо в браузере. Поддерживает практически все форматы изображений.

photopea.com

#design #photo #editor

​​NES.css — это веселый css фреймворк, который делает ваш сайт в стиле 8-битных NES игр. Он предоставляет большой набор компонентов, таких как кнопки, контейнеры, инпуты и много других.  

Демо | GitHub

#css

​​Split.js — это JavaScript библиотека, которая создает растягивающиеся панели. Библиотека весит всего 2kb и её очень легко добавить на свой сайт.

Демо | GitHub

#js

Однажды настанет день, когда команды в программировании будут выглядеть вроде «эй, компьютер, сделай-ка мне вот эту хреновину».

Программистами станут лощеные гуманитарии с «высокими вербальными способностями, коммуникативными навыками и умением быть няшей в команде». Слава богу до этого дня, как до Аляски на упряжке, но каждый раз изобретая очередной Kotlin, мы этот день приближаем.

Новые языки программирования незаметно убивают нашу связь с реальностью

#article #programming