JavaScript заметки
8.51K subscribers
2.78K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Итерация по свойствам объекта

Данный цикл позволяет перебрать все свойства объекта person и вывести их ключи и значения.

#объекты
👍42🔥2
Вышел Chrome 116

Про интересные вещи из мира разработки интерфейсов.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
2👍2🔥1
Клонирование объекта

С помощью оператора распространения (...) можно создать поверхностную копию объекта person.

#объекты
👍32🔥1
Как в 1.5 раза повысить производительность фронтенда высоконагруженного интернет-магазина на Next.js

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
3👍2
Объекты как аргументы функций

Объект person передается в функцию printInfo, где выводится информация о человеке.

#объекты
👍6
Создание статичного блога на Angular и Contentful

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Динамические ключи

Ключи объекта могут быть созданы динамически с использованием вычисляемых свойств.

#объекты
👍82🔥1
Как я переносил блог из CakePHP в Angular

Интерфейс был построен на Twitter Bootstrap и jQuery. Из‑за усложнения бизнес логики, в проект добавили AngularJS и десяток библиотек для фингерпринтинга.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Object.create()

Метод Object.create() позволяет создать новый объект с указанным прототипом. В данном случае, myCar наследует метод startEngine от объекта car.

#объекты
👍8
Получение данных виртуальной клавиатуры Android в web проекте

Написать что знаю несколько языков это одно, но действительно знать, понимать, и применять на практике это совсем другое, поэтому плохо зная свой сигнатурный язык мышления, полученный от социальной среды с рождения, буду рассказывать в статье как правильно собирать данные нажатия, виртуальной клавиатуры Android в web проекте, используя javascript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Array.prototype.map()

Метод map() создает новый массив, применяя заданную функцию к каждому элементу исходного массива.

#полезное
👍5🔥1
Обзор 10 приемов JavaScript для эффективного программирования

Пополни знания JavaScript 10 эффективными приемами и начни использовать его возможности по максимуму.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉
Читать статью
👍2
Array.prototype.filter()

Метод filter() создает новый массив, содержащий элементы, прошедшие заданный критерий.

#полезное
👍6
Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

В этой статье я хочу рассмотреть основные такие возможности, плюс показать, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
6👍1🔥1
Array.prototype.reduce()

Метод reduce() применяет функцию аккумулятора к каждому элементу массива и возвращает одно значение.

#полезное
👍31🔥1
Считаем «a=1; b=2; x=pi/3; abcos(x)»

В предыдущей серии мы научились считать выражения вида -2.1+ .355 / (cos(pi % 3) + sin(0.311)). Один из комментариев там предложил посчитать то, что я вынес в заголовок этого поста. Что ж, вызов принят. Как и в предыдущем посте, мы "на пальцах" разбираем устройство простейшего интерпретатора.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
2👍2🔥1
10 ключевых концепций JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍42
String.prototype.includes()

Метод includes() проверяет, содержит ли строка заданную подстроку.

#полезное
👍4
JavaScript повсюду или почему веб-технологии захватили мир

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
3
Array.prototype.find()

Метод find() возвращает первый элемент массива, удовлетворяющий заданному условию.

#полезное
2