JavaScript заметки
Open in Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more7 368
Subscribers
-124 hours
-167 days
-5730 days
Posts Archive
7 368
Оператор распространения
В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции.
Мы можем легко конкатенировать литералы массивов.
#полезно
7 368
Core Web Vitals
Core Web Vitals — это три показателя, которые оценивают опыт пользователя при загрузке веб-страницы. Эти метрики оценивают, насколько быстро загружается содержимое страницы, как быстро браузер, загружающий веб-страницу, может реагировать на ввод пользователя и насколько нестабильно содержимое загружается в браузере. Данная статья поможет разобраться с Core Web. Vitals.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Устали от стандартных задач и ищете драйва в разработке? Переходите на Solidity — самый популярный язык в разработке децентрализованных систем 💰
Узнайте все о языке Solidity на открытом уроке, который состоится 25 мая в 20:00 мск. На занятии поговорим об особенностях этого языка, его нестандартном поведении, а также возможностях для разработчиков.
🚀 Вебинар приурочен к старту онлайн-курса «Solidity Developer» в OTUS.
💻 На занятии мы разберем:
- Почему важно изучать Solidity?
- Что можно создавать с помощью этого языка?
- Какие отличия Solidity от других языков программирования?
- Как перейти к разработке на Solidity с базовыми знаниями JS и С++?
- Какая зарплата у Solidity разработчиков?
Вебинар предназначен для разработчиков с опытом от года, фронтендерам, разрабатывающим web3 приложения, и организаторам блокчейн-стартапов.
Пройдите вступительный тест, чтобы участвовать 👉 https://otus.pw/0s4Y/
Нативная интеграция. Информация о продукте на otus.ru
7 368
Именованные параметры
Одним из шаблонов в ES5 для обработки именованных параметров был шаблон объектов опций, принятый из jQuery.
Можно достичь той же функциональности, используя деструктурирование как формальный параметр для функции.
#полезно
7 368
Анимация текстовых переходов
Делимся статьей, где автор демонстрирует анимацию текстовых переходов. view-transition позволяет с помощью CSS описать, как убрать старое текстовое состояние и показать новое текстовое состояние. Присутствует ссылка на демку.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Параметры остановки
Используя оператор
rest, мы можем передавать неопределенное количество аргументов
#полезно7 368
Внутреннее устройство JavaScript
По мере того, как JavaScript становится все более и более популярным, команды используют его поддержку на многих уровнях своего стека — фронтенд, бэкенд, гибридные приложения, встроенные устройства и многое другое. Делимся статьей, где рассказано про внутреннее устройство JavaScript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Параметры по умолчанию
В ES6 можно передать значения по умолчанию для параметров в функции
#полезно
7 368
Логгер
Логгер предоставляет функции ведения журнала для приложения. Его можно использовать для отображения ошибок, предупреждений и отладочных сообщений. Данная статья поможет тебе разобраться с логгером.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Деструктуризация
Деструктуризация позволяет нам извлекать значения из массивов или объектов и хранить их в переменных.
Деструктурированные массивы
var arr = [1, 2, 3, 4]; var a = arr[0]; var b = arr[1]; var c = arr[2]; var d = arr[3]; let [a, b, c, d] = [1, 2, 3, 4]; console.log(a); // 1 console.log(b); // 2Деструктурированные объекты
var luke = { occupation: 'jedi', father: 'anakin' };
var occupation = luke.occupation; // 'jedi'
var father = luke.father; // 'anakin'
let luke = { occupation: 'jedi', father: 'anakin' };
let {occupation, father} = luke;
console.log(occupation); // 'jedi'
console.log(father); // 'anakin'
#объекты #массивы7 368
Полезные методы объектов
Объекты JavaScript имеют множество мощных методов, которые позволяют извлечь из них информацию. Благодаря этой статье ты узнаешь о 7 ключевых методах, которые необходимо знать каждому разработчику.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Операторы логического присваивания
Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Офер для фронтендеров в Яндекс за пару дней
27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом от 4 лет. После двух технических собеседований вы сможете выбрать нанимающую команду по душе и, если всё пройдёт хорошо, в тот же день получите офер.
Ищем фронтендеров в 13 разных проектов: Маркет, Рекламные продукты, Cloud, HR tech, 360, Суперапп, Лавка, Бизнес-приложения, Еда, Умный дом, Инфраструктура, Поиск и Учебник. Предлагаем работу в России и Беларуси, некоторые команды приглашают в офисы в Армении, Казахстане и Сербии.
Регистрация открыта до 22 мая. Все подробности можно узнать здесь.
7 368
.includes( )
Чтобы обозначить ограничение строки, мы можем просто использовать
.includes(), который вернет логическое значение, вместо проверки > -1
#строки7 368
Введение в прототипы
Прототипы — это механизм, с помощью которого объекты JavaScript наследуют свойства друг друга. Благодаря этой статье ты узнаешь, что такое прототипы, как ими пользоваться и для чего они могут пригодиться.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Уже 31 мая стартует обучение на продвинутом онлайн-курсе «Архитектура и шаблоны проектирования» в OTUS.
Успейте протестировать процесс обучения на бесплатном вебинаре «Паттерн Command: от процедурного до функционального программирования»: регистрация
Данный паттерн у всех ассоциируется с объектно-ориентированным стилем программирования. На бесплатном вебинаре мы рассмотрим его реализацию в различных методологиях, чтобы легко его узнавать и проводить параллели.
Вебинар обязательно будет полезен для всех разработчиков, которые хотят изучить основные паттерны проектирования и научиться применять их в сложных ситуациях.
Нативная интеграция. Информация о продукте www.otus.ru
7 368
Стрелочные функции
Стрелочные функции могут быть сокращены, когда используются в выражениях функций, которые просто возвращают значение. Используйте стрелочные функции вместо выражений функций, если возможно.
#полезно
7 368
Операторы логического присваивания
Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Замена IIFEs блоками
Проблема использования немедленно вызываемых функций, заключалась в том, что нужно было задавать значения переменным в пределах области функции. Теперь у нас есть возможность создавать блочные области, которые не ограничены исключительно функциональной областью.
#полезно
