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

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

🔍 Демо | 📂 GitHub

#js #library

Выберите правильный вариант 👇🏼 #test

🛠 Craft.js — это шикарный React фреймворк, который поможет редактировать страницы. Он делает возможным менять контент веб-страницы используя drag & drop, редактор текста и многое другое. Идеально подходит для создания CMS.

🔍 Демо | 📂 GitHub

#js #react #editor

📑 Самые сложные вопросы на JavaScript-собеседовании

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

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

#article #js

📖 Изучаем программирование на JavaScript
✒️ Э. Фримен, 2015

Вы готовы сделать шаг вперед в веб-программировании и перейти от верстки в HTML и CSS к созданию полноценных динамических страниц? Тогда пришло время познакомиться с самым "горячим" языком программирования - JavaScript!

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

#book #js

Выберите правильный вариант 👇🏼 #test

Правильный ответ: true true

В первом выражении, идет сравнение ссылки с самой собой. А во втором операнд "!a" преобразовывается к boolean и соответственно порождает преобразование к boolean операнда "a". []==false (пустой массив => false), ![]==false (ссылка на объект (в данном случае на массив) с оператором ! => false) т.е. [] == ![]

Мы там темную тему добавили на dailycoding.io.

Вдруг ты не видел. Дать свою оценку и экспертное мнение можно в нашем чате.

📑 Самые сложные вопросы на JavaScript-собеседовании. Часть 2

Продолжение статьи о самых сложные вопросах на JavaScript собеседованиях.

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

#article #js

💡Что учить фронтэндеру в этом году?

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

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

А что же дальше? А дальше, все как и раньше - TypeScript, React, Vue, Angular. Здесь все по прежнему. Вакансий очень много, предложений от соискателей тоже хватает. Спрос превышает предложение в больших городах. За прошлый год особо не было никаких потрясений в мире фронтэнда. Даже нашумевший Svelte не смог вплотную конкурировать с данными фреймворками.

#programming #js

🛠 ExcelJS — JS библиотека для чтения, записи данных, стилей и других манипуляций с электронными таблицами в XLSX и JSON. Библиотека имеет очень богатый функционал с подробным описанием настроек.

🔍 Демо | 📂 GitHub

#js #table

Выберите правильный вариант 👇🏼 #test

🛠 Voca — это очень мощная библиотека JavaScript для работы со строками.

Библиотека Voca предлагает полезные функции, которые делают манипуляции со строками удобными: изменение регистра, обрезка, заполнение, усечение и многое другое. Модульная конструкция позволяет загружать всю библиотеку или отдельные функции, чтобы свести к минимуму ее применение. Библиотека полностью протестирована, хорошо документирована и поддерживается в течение длительного времени.

🔍 Демо | 📂 GitHub

#string #js

💡Оптимизация загрузки jQuery

Для оптимизации мы будем использовать CDN (Content Delivery Network).

Основные преимущества CDN:
– Уменьшение задержки – файл грузится с ближайшего к вам сервера
– Распараллеливание загрузки – браузеры ограничивают число одновременных подключений к одному домену, а так файлы могут грузиться параллельно
– Кеширование – есть большая вероятность, что в браузерном кеше посетителя файл уже лежит и это скорейший способ загрузить его.

Пример кода

 src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="UTF-8"> </script>

В атрибуте src, желательно не указывать протокол вообще, тогда можно будет не заботиться о том http это или https.

А что делать в том случае, если CDN от google вдруг стал недоступен? Самый простой вариант — подгрузить локальную копию jQuery.
<script>
window.jQuery ||
document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')
</script>

#optimization #jquery

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

В отличии от многих других фреймворков CSS, Tailwind не включает какие - либо компоненты, классы, такие как form-input, btn, card или navbar.

🔍 Демо | 📂 GitHub

#CSS #framework

📑 Самые сложные вопросы на JavaScript-собеседовании. Часть 3

Третья часть статьи о самых сложных вопросах на JavaScript-собеседованиях.

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

#article #js

Выберите правильный вариант 👇🏼 #test