learn.js

В этой статье я хочу обратить Ваше внимание на часто используемые возможности ES6 в JavaScript. Эта статья не является исчерпывающим руководством или документацией, а лишь показывает некоторые возможности языка, которые возможно помогут Вам улучшить Ваш код. В этой статье я не буду говорить о объявлении переменных с помощью let и const так как уже писал об этом ранее. Так же не будет затронута тема модульности с использованием import и export. И так начнем Стрелочные функции Стрелочные функции имеют более короткий синтаксис по сравнению с функциональными выражениями и лексически привязаны к значению this...

Библиотека JQuery для JavaScript пользуется огромной популярностью среди начинающих разработчиков и в вебе имеется огромное количество проектов написанных с ее использованием. В простоте JQuery кроется огромное количество низкокачественного кода. Дабы избежать этого мы пройдемся по списку простых но невероятно действенных способов писать с JQuery красиво. Загрузка JQuery Всегда используйте CDN при подключении jQuery библиотек. Данная опция позволяет с большой вероятностью подгружать jQuery уже из кеш памяти браузера. По возможности загружайте весь ваш javascript код и jQuery в конце HTML документа, чтобы ускорить подачу страницы пользователю...

Продолжая серию статей поговорим про сборщики проектов, их плюсы и минусы и постараемся резюмировать полученную информацию. Во время разработки небольшого проекта мы не задумываемся над какой либо сборкой проекта, за исключением моментов когда сборщики необходимы для использования специфических возможностей JavaScript (import, export, etc...). Но с ростом проекта возрастает количество кода и логичным решением будет разбить код на файлы и подключать на страницах лишь необходимые файлы. Такой подход вызывает несколько проблем которые полностью решаются использованием сборщиков проектов: Все эти проблемы легко решаются использованием сборщиков и сопутствующих инструментов...

Продолжая рубрику хороших практик, поговорим про такую простую казалось бы вещь как организация нашего кода в модули. Вещь простая но несомненно очень важная. Обертка анонимной функцией Хорошей практикой при разработке будет оборачивать исполняемый код в анонимную функцию. Это позволит Вам изолировать данные (функции и переменные) в замыкании. (function(window) { ...Тут Ваш код })(window); В рамках ES6 этот подход можно применять по разному. Самым простым примером будет такой подход: (function(window){ class YourOwnClass{/.../}; document.addEventListener("DOMContentLoaded", () => { ...

В данной рубрике я постараюсь передать Вам весь опыт который успел накопить. Начнем с простого и будем переходить к более сложному. VAR vs LET & CONST В JavaScript можно объявить переменную 3 способами: var x; const x; let x; Но между ними есть большая разница. Объявление через var разрешает использование переменной в рамках текущего замыкания, тогда как объявление через let и const использование переменной в рамках текущего блока. Пример: Важно: здесь и далее я буду использовать ES6 синтаксис. () => { if(true){ let x = 1; } console.log(x); // ReferenceError: x is not defined } Тогда как: () => { if(true){ var x = 1; } console...