​​Tree — это небольшая консольная команда, которая выводит в консоль визуальное расположение файлов в папке. Она работает рекурсивно и проходит через все уровни вложенных файлов и выводит в консоль информацию в виде дерева файлов. С помощь. этой команды можно быстро просмотреть файлы и найти расположение нужных.

Так же можно фильтровать результат используя простые regEx паттерны: tree -P '*.js'

#console #files

Почему веб становится сложнее с каждым годом?

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

Почему веб такой сложный?

#web #article

​​sanitize.css — это CSS-библиотека, которая исправляет распространенные баги со стилями в браузерах. Ее очень легко использовать и она поддерживается всеми браузерами.

Демо | GitHub

#css #browsers

Однажды я помогал товарищу, которому нужно было интегрировать с сайтом его клиента данные о свободном и занятом жилье из системы управления имуществом. К моей радости у этой системы было API. Но, к сожалению, устроено оно было из рук вон плохо.

Рассказ о том, как не надо проектировать API

#api #json #article

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

Мы публикуем перевод лучшего ответа, автор которого привел емкую и краткую подборку первостепенных знаний JavaScript-разработчика.

10 вещей, которые стоит знать каждому JavaScript-разработчику

#js #article

У нашего канала появился чат — @webb_chat. Там мы общаемся и помогаем друг другу. Присоединяйтесь.

​​Eva Icons — это замечательный open source проект, который включает в себя более 400 иконок. Эти иконки отлично сделаны, можно выбрать тип: только контур, либо заполненная. Так же можно выбрать различные анимации для иконок.

Демо | GitHub

#js #icons

Можно ли, используя HTML, CSS и JavaScript, создавать настольные приложения?

Автор статьи, даёт утвердительный ответ на этот вопрос. Здесь он расскажет о том, как, применяя веб-технологии и пользуясь возможностями фреймворка Electron, создавать кроссплатформенные приложения для настольных операционных систем.

Electron: разработка настольных приложений

#js #desktop #electron

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

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

#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