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

Демо | GitHub

#js

​​Live Server — это замечательное расширение предназначено для создания локального сервера, используемого в ходе разработки для размещения на нём статических и динамических страниц.

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

VS Code Marketplace | GitHub

#vscode #extensions

Метод fetch —  это XMLHttpRequest нового поколения. Он предоставляет улучшенный интерфейс для осуществления запросов к серверу: как по части возможностей и контроля над происходящим, так и по синтаксису, так как построен на промисах.

Метод fetch: замена XMLHttpRequest

#js #article

​​Debugger for Chrome — это официальное расширение для VS Code, предназначенное для отладки JS-кода средствами Google Chrome. В настоящее время оно является одним из наиболее широко используемых VS Code-расширений.

VS Code Marketplace | GitHub

#vscode #extensions

Ошибка в коммите… Как её исправить? Беспорядок в истории коммитов… Как привести всё в пристойный вид? Автор статьи говорит, что она написана специально для тех, кто задавался такими вопросами. По его словам, изучив методики работы с Git, представленные здесь, можно значительно продвинуться по пути освоения Git.

Git: исправление ошибок и наведение порядка в коммитах

#git #article

​​Superplaceholder.js — легковесный инструмент для создания анимированных плейсхолдеров.

Демо | GitHub

#js

Перевод статьи человека, который несколько лет воровал имена пользователей, пароли и номера кредитных карт с различных сайтов.

Рассказ о том, как я ворую номера кредиток и пароли у посетителей ваших сайтов

#security #js

Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист.

Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.

Замыкания в JavaScript для начинающих

#js #article

Советы по написанию кода на JavaScript. Приемы, о которых вы не знали, способы отладки, функции для работы с массивами и многое другое.

YouTube

#js #tips #eng

Адам Голаб, эксперт по React и JS, составил пошаговый учебный план, который поможет вам стать разработчиком с нуля либо укажет направление для дальнейшего повышения навыков в профессии.

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

Как стать React разработчиком в 2018 году

#js #react #article

​​Signale — это настраиваемый консольный логгер. Из коробки есть 16 разных логгеров, но можно создавать свои, либо изменять встроенные.

GitHub

#node #js #logger

Что можно сделать с помощью CSS-свойства border-radius? Автор материала, говорит, что больше, чем кажется на первый взгляд. В частности, речь идёт о том, что углы элементов, скруглённые с помощью этого свойства, могут иметь весьма интересную форму.

CSS: интересные возможности border-radius

#css #article

Что такое SOLID, как расшифровывается и что означает?

Мы рассмотрим эти принципы на схематичных примерах. Главная цель примеров заключается в том, чтобы помочь читателю понять принципы SOLID, узнать, как их применять и как следовать им, проектируя приложения.

Принципы SOLID, о которых должен знать каждый разработчик

#solid #article

​​X-Chart — библиотека, которая позволит вам создавать красивые и отзывчивые чарты. Приятная анимация, drag and drop и большой выбор типов чарта, делают x-chart одной из лучших диаграммных библиотек.

Демо | GitHub

#js #chart

Принцип позиционирования flexbox позволяет гибко и интуитивно строить лэйаут. Чтобы достичь этого, он позволяет элементу контейнеру самому решать как расположить дочерние элементы. Всё это хорошо звучит в теории. Но давайте посмотрим как это выглядит на практике.

В этой статье мы рассмотрим 5 наиболее распространённых свойств модели flexbox. Мы рассмотрим как можно использовать их и как будут выглядеть результаты.

Как работает Flexbox

#css #flexbox

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

Материал посвящён каррированию. Мы поговорим о том, как работает каррирование, и о том, как знание этого механизма может пригодиться JS-разработчику.

Каррирование функций в JavaScript

#js #article

Ученые Стэнфордского университета провели опрос, который показал, что 46% респондентов составляют мнение о сайте на основании его внешнего вида и интерфейса. Если дизайн не нравится пользователю, то и весь контент кажется ненадежным и не заслуживающим доверия.

В этой статье хочу поговорить о том, какие есть способы для того, чтобы улучшить дизайн сайта.

Как улучшить дизайн сайта

#design #article

​​Моя компания не взлетела, 6 уроков ценою в 4 года жизни и $150 000

О том, как мы работали по 10 часов в сутки без выходных, получили инвестиции, прошли во ФРИИ, набрали более ста тысяч пользователей в США, нас хотел купить Sports Illustrated, но в итоге мы закрыли компанию.

Читать подробности

​​Slidebars — это JQuery фреймворк позволяющий очень быстро подобрать необходимые стили для мобильного меню без определённой привязки к источнику. Slidebars может редактировать и обрабатывать все основные размеры мобильного меню сайта.

Демо | GitHub

#js #sidebar

​​Несколько красивых эффектов подчеркивания при наведении на ссылки

CodePen

#css #animation

​​dlocator — библиотека позволяет реализовать паттерн service locator но с модулями и зависимостями. Больше похоже на контейнер зависимостей.

Как использовать:
1. Сделать модуль
2. Каждый модуль может реализовывать сервисы
3. Каждый модуль может использовать другие сервисы

Все это удобно в тех случаях, когда у вас большое приложение с тонкими связями между модулями.

npm | GitHub

#js #nodejs