🥳 Рады представить нашего нового бота!

Craftwork Bot предоставляет альтернативный доступ к сайту craftwork.design, но намного дешевле. Работает так же, как и @ui8_bot:

1. Присылаете в бота ссылку с сайта
2. Бот присылает файл для скачивания

Первым 50 покупателем делаем шикарный подарок. Купленная подписка увеличивается в 2 раза, например вы купили подписку на 6 месяцев, а получили целый год подписки. Новости и обновления публикуем на канале Digital Dealers.

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

🛠 Size limit — инструмент с открытым исходным кодом для расчета производительности JS-приложений, который оценивает, сколько времени потребуется конечным пользователям для запуска вашего JS. Его можно подключить к Travis CI, Circle CI, GitHub Actions, чтобы он запускался автоматически и останавливал коммиты, превышающие бюджет ограничения по размеру.

#инструменты #js

💡 Лучше не используйте короткую запись в JavaScript

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

if(someVariableExists)  
   x = false

Как насчет этого?

if(someVariableExists)  
   x = false  
   anotherFunctionCall(); 

Кто-то может посчитать что это эквивалентно следующему

if(someVariableExists) {  
   x = false;  
   anotherFunctionCall();  
}  

И он будет неправ. Потому что на самом деле для компилятора это выглядит так:

if(someVariableExists) {  
   x = false;  
}  
anotherFunctionCall();  

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

if(2 + 2 === 4) return 'nicely done';  

#советы #coding #js

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

📑 Метод функций bind своими руками

Чтобы указать контекст выполнения любой функций вы можете использовать три метода: call, apply и bind. При использовании первых двух методов происходит вызов функции “на месте”, метод bind функцию не вызывает, вместо этого он возвращает новую функцию с заданным контекстом.

В статье рассказываем как реализовать метод bind самостоятельно в виде функции.

#статьи #js

🛠 Uppload — современная библиотека загрузки изображений для JavaScript. Uppload предлагает множество вариантов загрузки благодаря своей системе плагинов, которая позволяет добавлять больше источников изображений, таких как Instagram, скриншоты, Giphy и многих других.

#инструменты #js

💡 Использование JS Lint

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

"JSLint сканирует JavaScript код. Если он находит проблему, то возвращает сообщение с описанием и местонахождение в коде. Проблема это не обязательно ошибка синтаксиса, хотя часто так и есть. JSLint так-же обращает внимание на соглашения о кодировании а так же на проблемы в структуре. Он не доказывает что ваша программа работает верно.Он просто предоставляет еще один взгляд на ваш код.”
– JSLint Documentation

Прежде чем закоммитить код, прогоните его через JSLint чтобы проверить на наличие ошибок, которые вы могли проглядеть.

Между прочим IDE от JetBrains такие как WebStorm/PyCharm/PHPStorm имеют встроенный анализ JSLint.

#советы #js

🎉 Новое обновление в @craftwork_bot

Добавили возможно скачивать файлы бесплатно по этим ссылкам:
shooots.pro | frrames.com | stubborn.rocks |usebites.com
struct.rocks | iosjetpack.com |usesuperb.com | singleton.digital
3ddd.casa | afterclap.pro | layouts.today | callthedoctor.club
superscene.pro

Просто пришлите в бота ссылку, а бот пришлет в ответ файл для скачивания.

#обновления @craftwork_bot

🔥 Лучшее на канале за неделю

1. Метод функций bind своими руками.

2. Uppload — современная библиотека загрузки изображений для JavaScript.

3. Использование JS Lint

📑 9 отличных сервисов для проверки кода

Работу программиста можно оценивать по многим критериям, но главные – это, наверно, чистота кода и его качество. Мы рассмотрим 9 сервисов для проверки кода.

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

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

#статьи

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

🛠 Ackee — это проект с открытым исходным кодом, который предоставляет вам все необходимые инструменты для добавления автономной аналитики на ваш сайт. Он предлагает API на основе Node.js, похожий на API Google Analytics, и его легко установить. Также есть готовая к использованию админ-панель с очень красивым дизайном и множеством функций.

#инструменты #js

💡 Семантическая разметка в HTML

Часть 1

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

Для примера рассмотрим элемент <q>

Подобно своему блочному двоюродному брату <blockquote>, тег <q> используется для обозначения цитирования.

Почему же просто не использовать кавычки? Кавычки не всегда подразумевают цитирование. Иногда они используются для смыслового выделения, иронии или обозначения названия чего-либо — и в этом контексте, они используются правильно. Однако, если вы цитируете что-то, <q> явно выражает ваше намерение.

Продолжение следует...

#советы #coding #html

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

💡 Используйте {} вместо New Object() в JavaScript

Есть несколько путей для создания объектов в JavaScript. Возможно наиболее традиционный это использование конструктора «new», например:

var o = new Object();  
o.name = 'Jeffrey';  
o.lastName = 'Way';  
o.someFunction = function() {  
   console.log(this.name);  
}  

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

Лучше так:

var o = {  
   name: 'Jeffrey',  
   lastName = 'Way',  
   someFunction : function() {  
      console.log(this.name);  
   }  
}; 

Заметка — если вы хотите создать пустой обьект, то {} сделает это:

var o = {};  

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

#советы #coding #js