🛠 Markmap — полезный инструмент JS, который помогает визуализировать большие документы Markdown путем создания интеллект-карт. Он берет все разделы файла .md и представляет их в удобном для просмотра виде и навигации.

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

📑 Чем программирование сегодня отличается от программирования 20 лет назад?

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

#статьи

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

💡 Объявляйте переменные для 'for" вне циклов

Когда выполняете долгий цикл «for» не заставляйте делать движок больше работы чем нужно.

Плохо:

for(var i = 0; i < someArray.length; i++) {  
   var container = document.getElementById('container');  
   container.innerHtml += 'my number: ' + i;  
   console.log(i);  
}  

Обратите внимание как мы должны высчитываем длинну массива для каждой итерации и как мы обходим дерево для поиска #container.

Лучше так:

var container = document.getElementById('container');  
for(var i = 0, len = someArray.length; i < len;  i++) {  
   container.innerHtml += 'my number: ' + i;  
   console.log(i);  
}  

#советы #coding

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

1. Изменения, которые произошли в программировании за последние 20 лет.

2. Markmap — полезный инструмент JS, который помогает визуализировать большие документы Markdown.

3. Объявляйте переменные для 'for" вне циклов.

🛠 Event Cards — CodePen компонента React для показа event cards или других элементов пользовательского интерфейса с миниатюрами. У него красивый современный дизайн и простая, но очень эффектная анимация.

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

📑 Объектно-ориентированный JavaScript: дескрипторы

Над каждым свойством любого объекта в JavaScript можно провести определённый набор манипуляций. Свойство можно записать, изменить, получить значение, а с помощью цикла for .. in или метода Object.keys перечислить все свойства объекта. Вполне стандартный набор операций для работы с объектами, к которому вы, скорее всего, уже привыкли. До релиза стандарта ES5 все эти “качества” объекта изменить было невозможно, но теперь для каждого свойства можно детально описать модель его поведения с помощью дескрипторов.

#статьи #js

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

🛠 Octomments — хорошее решение для добавления комментариев на ваш сайт, использующее GitHub в качестве источника обсуждения. Проект состоит из приложения GitHub и библиотеки JS, которые работают вместе, чтобы отобразить полнофункциональный раздел комментариев, размещенный внутри выбранного репозитория GitHub.

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

💡 Переместите скрипты вниз страницы

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

Если ваши JS скрипты служат для добавления функциональности — например, обработки кликов кнопки, то вам стоит перенести скрипты вниз, поставив их перед закрывающимся тегом body.

<p>And now you know my favorite kinds of corn. </p>  
<script type="text/javascript" src="path/to/file.js"></script>  
<script type="text/javascript" src="path/to/anotherFile.js"></script>  
</body>  
</html>

#советы #coding #js

📑 Перебирающие методы массивов изнутри

Методы массивов forEach, map, filter, some, every и reduce являются неотъемлимой частью функционального программирования на JavaScript. В этой статье подробно рассмотрим применение каждого из них, а также их реализацию в виде функций.

#статьи #js

💡 Не используйте Eval и не передавайте строку в «SetInterval» или «SetTimeOut»

Функция «eval» дает нам доступ к компилятору JavaScript. Т.е. мы можем выполнить команду записанную в строковой переменной, которую передадим в качестве параметра в eval.
Это не только замедлит вашу программу, но еще и предполагает возниковение огромной дыры безопасности вашего приложения. Это плохо. По возможности избегайте этого.

Далее рассмотрим следующий код:

setInterval(  
"document.getElementById('container').innerHTML += 'My new number: ' + i", 3000  
);  

Он не только неэффективен, но еще и работает так же как и «eval». Результаты будут такие-же. Вместо этого передавайте функцию в качестве аргумента.

setInterval(someFunction, 3000);

#советы #coding #js

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

1. Объектно-ориентированный JavaScript: дескрипторы.

2. Octomments — хорошее решение для добавления комментариев на ваш сайт, использующее GitHub в качестве источника обсуждения.

3. Не используйте Eval и не передавайте строку в «SetInterval» или «SetTimeOut».

🛠 MassCode - это менеджер фрагментов кода с открытым исходным кодом. Это маленькое приложение предоставляет красивый и понятный интерфейс для управления всеми вашими фрагментами кода и шпаргалками. Работает на Windows, Mac и Linux.

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

📑 Microsoft начала проверку утечки исходного кода Windows XP

Это первая утечка кода Windows XP. Маловероятно, что она нанесет вред пользователям, считает The Verge.

#статьи

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

🛠 Electron React Boilerplate — отличный стартовый комплект для разработки кроссплатформенных настольных приложений на базе Electron. Проект GitHub предлагает прочную основу, которая поможет вам все настроить и начать работу в кратчайшие сроки. Включает Electron, React, Redux, Webpack и многое другое.

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