JavaScript заметки

🧠 Прекрати мечтать и стань уже IT-специалистом (громко сказано? да, но дочитай до конца..) Любой человек может стать IT-специалистом c ЗП (от 80к) даже если сейчас он полный ноль. И это факт. Главное иметь конкретный план действий и упорство. Руслан, старший аналитик данных, поделился пошаговым планом входа в IT. (Ищите в закрепленном сообщении). Там все, от выбора языка, направления до конкретных инструментов (которые надо изучить) и поиска работы. + В канале найдете его практический опыт в IT: 📍 Что бы я посоветовал себе, если бы только собирался входить в IT; 📍 Как найти работу в IT без опыта; 📍 Какой язык программирования выбрать новичку; 📍 Видео с разбором тестовых задач по SQL с собеседования Подписывайтесь, чтобы не потерять месяцы на изучение ненужных вещей

Как использовать JavaScript для сокращения HTML-кода Как написать эффективный и легкий для отладки код? Это задача, над которой бьются многие программисты. Одним из ее решений является использование JavaScript. Посмотрите, как это можно сделать, на примере создания сайта-блога. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод Object.seal() Метод Object.seal() используется для "запечатывания" объекта, что означает запрет на добавление новых свойств, но позволяет изменять или удалять существующие свойства объекта. Нельзя добавлять новые свойства, но можно изменять значения и удалять уже существующие свойства. В примере мы создаем объект user с двумя свойствами: name и age. Затем мы применяем метод Object.seal(user), который "запечатывает" объект user и запрещает добавление новых свойств. Мы можем изменять значения существующих свойств, поэтому изменение значения свойства age на 35 проходит успешно. Однако попытка добавить новое свойство gender не приводит к его добавлению, и выводится значение undefined. Метод Object.seal() полезен, когда нам нужно предотвратить добавление новых свойств к объекту, но позволить изменять или удалять существующие свойства. Это может быть полезным в ситуациях, когда мы хотим контролировать структуру и свойства объекта и избежать неожиданных изменений в его структуре. #метод

Движок для игры от первого лица в 265 строках Javascript В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся приёмом под названием «бросание лучей» (raycasting). #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод Object.freeze() Метод Object.freeze() в JavaScript используется для "замораживания" объекта, что означает запрет на изменение его свойств. После применения этого метода, нельзя добавлять новые свойства, удалять существующие или изменять значения существующих свойств объекта. Это полезно, когда мы хотим защитить определенные данные от изменений. В примере мы создаем объект user с двумя свойствами: name и age. Затем мы применяем метод Object.freeze(user), который "замораживает" объект user и делает его свойства неизменяемыми. Попытка изменить значение свойства age после заморозки объекта не приводит к изменению значения, и выводится исходное значение 30. Метод Object.freeze() полезен, когда нам нужно обеспечить неприкосновенность данных и предотвратить случайные или нежелательные изменения в объекте. Он помогает гарантировать, что объект остается неизменным, что может быть важным в различных сценариях разработки. #метод

Стек вызовов JavaScript Как выполняются функции в Javascript? Каков порядок их выполнения? Что такое контекст выполнения? Отвечаем на эти вопросы с иллюстрациями. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод lastIndexOf() Метод lastIndexOf() в JavaScript позволяет найти индекс последнего вхождения указанного элемента в массиве. Он возвращает индекс последнего найденного элемента или -1, если элемент не найден. В примере у нас есть массив numbers, содержащий различные числа. Мы вызываем метод lastIndexOf() на массиве numbers и передаем в него элемент 2. Результатом будет индекс последнего вхождения элемента 2, который равен 5. Метод lastIndexOf() особенно полезен, когда вам нужно найти последнее вхождение элемента в массиве. Если элемент не найден, метод вернет -1, что может быть использовано для проверки наличия элемента в массиве. #метод

Чистый код JavaScript Чистый код - результат нелегкого труда. Однако отладка грязного кода требует вдвое больше усилий, чем создание чистого. Поэтому каждому программисту стоит овладеть хотя бы элементарными приемами написания чистого кода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод indexOf() Метод indexOf() в JavaScript позволяет найти индекс первого вхождения указанного элемента в массиве. Он возвращает индекс найденного элемента или -1, если элемент не найден. В примере у нас есть массив fruits, содержащий названия различных фруктов. Мы вызываем метод indexOf() на массиве fruits и передаем в него элемент 'груша'. Результатом будет индекс первого вхождения элемента 'груша', который равен 2. Обратите внимание, что индексы в массиве начинаются с 0. Метод indexOf() особенно полезен, когда вам необходимо найти позицию определенного элемента в массиве. Если элемент не найден, метод вернет -1, что может быть использовано для проверки наличия элемента в массиве. #метод

5 библиотек JavaScript Представляем 5 полезных, но малоизвестных библиотек JavaScript! Они помогут сэкономить силы и время при форматировании дат, обработке URL-параметров и отладке веб-страниц в мобильном терминале. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод concat() Метод concat() в JavaScript позволяет объединить несколько массивов в один новый массив. Он создает и возвращает новый массив, который содержит все элементы из исходных массивов. В примере у нас есть три массива: array1, array2 и array3. Мы вызываем метод concat() на массиве array1 и передаем в него остальные два массива (array2 и array3). Результатом будет новый массив mergedArray, содержащий все элементы из трех исходных массивов. В данном случае, он будет иметь следующий вид: [1, 2, 3, 4, 5, 6, 7, 8, 9]. Метод concat() особенно полезен, когда вам необходимо объединить несколько массивов в один без изменения исходных массивов. Вы можете использовать его для создания нового массива, содержащего все элементы из разных массивов в нужном порядке. #метод

Управление памятью JavaScript Если вы разрабатывали приложения, то могли сталкиваться с такой проблемой, как утечка памяти. В сегодняшней статье мы расскажем об управлении памятью в JS и о том, как не допустить ее утечек. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод slice() Метод slice() в JavaScript позволяет копировать часть массива и создавать новый массив, содержащий выбранные элементы. Он принимает два параметра: начальный индекс (включительно) и конечный индекс (не включая). В примере у нас есть массив numbers, содержащий числа от 1 до 5. Мы вызываем метод slice(1, 4), чтобы скопировать элементы массива с индексами от 1 до 3 (не включая 4). Результатом будет новый массив slicedNumbers, содержащий элементы [2, 3, 4]. Оригинальный массив numbers остается неизменным. Метод slice() особенно полезен, когда вам необходимо получить подмножество элементов из массива без изменения исходного массива. Вы можете использовать этот метод для создания копии массива, выбора определенных элементов или извлечения сегмента массива. #метод

10 лайфхаков JavaScript Опытные JavaScript-программисты владеют приемами, которые неизвестны новичкам. Познакомьтесь с 10 из них: они сделают код качественнее, а вас - более профессиональным программистом. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод reduce() Метод reduce() в JavaScript позволяет агрегировать данные в массиве и получить одно единственное значение на основе элементов этого массива. Он выполняет функцию обратного вызова для каждого элемента массива, накапливая результаты в одно значение. В примере мы имеем массив чисел numbers. Мы используем метод reduce(), чтобы получить сумму всех чисел в массиве. Функция, переданная в reduce(), принимает два аргумента: аккумулятор (accumulator) и текущий элемент (currentNumber). На каждой итерации функция складывает текущий элемент с аккумулятором и возвращает новое значение аккумулятора. Изначально аккумулятор устанавливается равным 0. В результате выполнения метода reduce() мы получаем общую сумму всех чисел в массиве и сохраняем ее в переменной sum. Метод reduce() позволяет выполнять различные агрегационные операции над элементами массива, такие как суммирование, нахождение максимального или минимального значения, конкатенация и многое другое. #метод

Чистый код JavaScript Сокращение JS-кода - один из базовых методов его оптимизации. Им должен овладеть каждый профессиональный программист, поскольку компактный формат лучше читается и ускоряет загрузку страниц. Предлагаем 7 наиболее эффективных и часто используемых приемов сокращения JS-кода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

🔥 Повысь свои шансы в IT. Обучение веб-разработке, секреты собеседований, реальные кейсы. 💼✨ 🔗 [Ссылка на канал] 🔗

Клонирования в JavaScript Чтобы выделить "победителя" среди методов глубокого клонирования в JavaScript, необходимо протестировать каждый из них. Предлагаем результаты серии модульных тестов. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Метод filter() Метод filter() является одним из методов работы с массивами в JavaScript. Он позволяет нам создавать новый массив, содержащий только те элементы исходного массива, которые удовлетворяют определенному условию. Этот метод полезен, когда требуется отфильтровать элементы массива на основе определенного критерия. В примере у нас есть исходный массив чисел numbers. Мы используем метод filter(), чтобы создать новый массив evenNumbers, содержащий только четные числа из исходного массива. Функция, переданная в filter(), принимает каждый элемент массива и возвращает true или false в зависимости от того, удовлетворяет ли элемент условию фильтрации. Метод filter() позволяет нам эффективно фильтровать элементы массива в соответствии с заданными условиями. Он возвращает новый массив, который содержит только те элементы исходного массива, для которых условие фильтрации истинно. #метод

Структуризация API-вызова Разберемся, как наилучшим образом настроить авторизацию и другие предварительные шаги, которые повторяются сразу в нескольких тестах - и при этом сохранить читаемость и ясность кода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью