🛠 Polymer.js — библиотека от Google, которая позволяет создавать самодостаточные веб-компоненты, подходящие для многократного использования, которые работают по тому же принципу, что и стандартные HTML-элементы. Пользоваться этими веб-компонентами так же просто, как и обычными HTML-элементами. В репозитории PolymerElements собрано более 100 веб-компонентов, созданных средствами Polymer, представленных в виде самостоятельных репозиториев.

🔍 Демо | 📂 GitHub

#js #webcomponents

📑 Как изменить цвет вкладки для мобильного Chrome

Если вы заходили с мобильного хрома в фейсбук, то наверняка видели, что интерфейс браузера красится в фирменный синий цвет соцсети. Но зачем и как? Описываем в статье.

🔍 Читать статью

#article #tips

📑 Как правильно пользоваться консолью JavaScript

Умеешь только в простейшие консольные команды типа console.log? Мы сделаем тебя великим мастером консоли!

Давайте начистоту – как вы дебажите код? Ну не отрицайте, конечно же, логируете сообщения в консоль браузера – все мы так делаем. console.log отлично работает, он быстрый, удобный – но не оптимальный. Раз уж мы идем по легкому пути, давайте делать это с шиком!

🔍 Читать статью

#article #js #tips

🛠 Iconate.js — это библиотека, которая добавляет красивые анимации к иконкам на вашем сайте. Работает с разными типами шрифтов.

🔍 Демо | 📂 GitHub

#js #animation #icons

📑 Стрелочные функции в JavaScript. Зачем они нужны, когда ими нужно пользоваться?

Одной из самых заметных новшеств современного JavaScript стало появление стрелочных функций.

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

🔍 Читать статью

#article #js

📖 Git для профессионального программиста
🖋 С. Чакон, Б. Штрауб, 2019

Эта книга представляет собой обновленное руководство по использованию Git в современных условиях. Эффективный и хорошо реализованный контроль версий необходим для любого успешного веб-проекта. Второе издание книги было обновлено для Git-версии 2.0 и уделяет большое внимание GitHub.

💾 Скачать | 📚 Больше книг

#book #git

🛠 Knockout.js — JavaScript каркас веб-приложений, реализующий Model-View-View-Model шаблон. Основными принципами являются: чёткое разделение доменных данных, компонентов отображения и отображаемых данных; наличие чётко определённого слоя специализированного кода, задающего отношение компонентов отображения.

🔍 Демо | 📂 GitHub

#js #framework

📑 Простым языком о ES6

В этой статье мы подробно расскажем вам о 16 основных фишках ECMAScript 6 простым языком с понятными примерами.

🔍 Читать статью

#article #js #es6

🛠 Yako.js — это миниатюрная библиотека для построения графиков без использования DOM, разработанная для быстрого рендеринга как на клиентской, так и на серверной стороне. Библиотека предназначена для создания простеньких легких SVG-графиков, которые работают гораздо быстрее по сравнению с Highcharts / Flot / D3.

🔍 Демо | 📂 GitHub

#js #charts

🛠 CSS Peek — это полезное расширение для VS Code, которое позволяет добавить опцию "Go to definition" к CSS классам в HTML коде. Кликнув на эту опцию вы сразу перейдете к коду класса. Это невероятно удобная мелочь для веб-разработчиков.

💾 Установить

#tools #vscode

📖 Разработка игр на языке JavaScript
🖋 C. Беляев, 2016

Из учебного пособия вы узнаете, как разрабатывать игры на JavaScript. Рассмотрены основные технологии разработки 2D игр на языке JavaScript для однопользовательского режима. В представленном практическом пособии не приводится учебный курс по разработке приложений на HTML5 и JavaScript, предполагается, что читатель имеет начальные знания по одному из языков программирования.

💾 Скачать | 📚 Больше книг

#book #js #gamedev

🛠 Backbone.js — это библиотека JavaScript. Она использует RESTful JSON интерфейс. Основана на шаблоне проектирования приложений Model-View-Presenter (MVP). Эта библиотека создана для разработки одностраничных веб-приложений. Она помогает поддерживать синхронизацию различных частей веб-приложений.

🔍 Демо | 📚 GitHub

#js

💡 Почему 0.1 + 0.2 === 0.3 — это false?

Действительно, в JavaScript 0.1 + 0.2 на самом деле равно 0.30000000000000004. Дело в том, что все числа в языке (даже целые) представлены в формате с плавающей запятой (float). В двоичной системе счисления эти числа — бесконечные дроби. Для их хранения выделяется ограниченный объем памяти, поэтому возникают подобные неточности.

#tips #interview #javascript

📑 Что такое Big Data?

В статье мы расскажем о таком термине Big Data. Что это такое, как появилось и где используют? Подробности в статье.

Читать статью

#artilce #bigdata

🛠 Elevator.js — простая кнопка «Наверх», которая имитирует поведение настоящего лифта, и даже воспроизводит соответствующее звуковое сопровождение.

🔍 Демо | 📂 GitHub

#js #animation

📖 Выразительный JavaScript. Современное веб-программирование
🖋 М. Хавербеке, 2019

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

💾 Скачать | 📚 Больше книг

#book #js

🛠 Hover.css — библиотека с набором CSS3-эффектов при наведении, применяемых к ссылкам, кнопкам, логотипам, SVG, изображениям. Легко применить к своим собственным элементам, изменить или просто использовать для вдохновения. Доступно в CSS, Sass и LESS.

Все эффекты Hover.css используют один элемент (с помощью некоторых псевдоэлементов, где это необходимо), поэтому вы можете легко копировать и вставлять их.

🔍 Демо | 📂 GitHub

#js #library

📖 Как устроен JavaScript
🖋 Д. Крокфорд, 2019

Автор книги начинает с основ: имен, чисел, логических значений, символов и другой базовой информации. Вы узнаете не только о проблемах и трудностях работы с типами в JavaScript, но и о том как их можно обойти. Затем вы приступите к знакомству со структурами данных и функции, чтобы разобраться с механизмами, лежащими в их основе, и научитесь использовать функции высшего порядка и объектно-ориентированный стиль программирования без классов.

💾 Скачать книгу | 📚 Больше книг

#book #testing

💡Почему оптимизация кода так важна?

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

3 основных способа оптимизировать работу Вашего веб приложения:
— Старайтесь все файлы на сервере содержать в сжатом виде.
— Используйте современные форматы изображений, такие как svg, webp. Если не выходит работать с такими форматами, старайтесь использовать оптимизацию изображений. Для примера можно взять сервис https://tinypng.com/, который выполняет сжатие без потери качества.
— Все скрипты желательно подключать только в конце страницы перед тегом </body>. Это позволит построить сперва DOM, а затем прогрузить сложные сценарии.

#optimization

🛠 Mo.js — это библиотека с открытым исходным кодом для создания motion графики на JavaScript . По сравнению с другими библиотеками, mo.js отличается своим подходом синтаксиса и структурой анимации кода. Декларативный API предоставляет вам полный контроль над анимацией, делая ее легко настраиваемой.

Библиотека предоставляет встроенные компоненты, такие как html, shape, swirl, burst и stagger. Использование mo.js на вашем сайте улучшит юзабилити, визуально обогатит ваш контент и точно создаст восхитительную анимацию.

🔍 Демо | 📂 GitHub

#js #library