💡 Методы массивов в JavaScript

▍find, findIndex, indexOf

Эти методы очень похожи. Используйте их следующим образом:

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

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const found = arr.find(el => el > 5);

console.log(found);
// 6

Опять же, обратите внимание, что все числа после 5 удовлетворяют условию, но возвращаться будет только первое значение. Это полезно в случаях, когда вы используете break при первом совпадении.

▍findIndex(): метод идентичен find(), но вместо возвращаемого значения здесь возвращается индекс первого подходящего элемента.

const arr = ['Nick', 'Frank', 'Joe', 'Frank'];
const foundIndex = arr.findIndex(el => el === 'Frank');

console.log(foundIndex);
// 1

Продолжение следует...

#советы #coding #js #web

📖 Разработка одностраничных веб-приложений
🖋 М. Миковски, 2014

Если ваш сайт представляет собой набор дергающихся страниц, связанных ссылками, то вы отстали от жизни. Следующей ступенью вашей карьеры должны стать одностраничные приложения (SPA). В таком приложении отрисовка пользовательского интерфейса и бизнес-логика перенесены в браузер, а взаимодействие с сервером сводится к синхронизации данных. Пользователь работает с таким сайтом, как с персональным приложением на рабочем столе, что гораздо удобнее и приятнее. Однако разрабатывать, сопровождать и тестировать SPA нелегко.

В этой книге показано как организуется командная разработка передовых SPA —проектирование, тестирование, сопровождение и развитие — с применением JavaScript на всех уровнях и без привязки к какому-то конкретному каркасу.

Попутно вы отточите навыки работы с HTML5, CSS3 и JavaScript и узнаете об использовании JavaScript не только в браузере, но также на сервере и в базе данных.

💾 Скачать книгу

#book #web #html #css #js

🛠 Just — это библиотека, которая организует задачи сборки для ваших JS-проектов. Включает предустановки для TypeScript, Webpack и др.

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

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

📑 Яндекс ограничил слежку за пользователями через cookie в Яндекс.Браузере

Яндекс в блоге команды Яндекс.Браузера сообщил о новой функции приложения. Теперь пользователи будут защищены от слежки сторонних трекеров не только в режиме «Инкогнито», но и при обычном браузинге.

#новости

💡 Методы массивов в JavaScript

Перед прочтением рекомендуем ознакомиться с первой частью.

▍Часть 2

В прошлой части мы рассмотрели методы find() и findIndex(). Сейчас рассмотрим метод indexOf().

▍indexOf(): метод идентичен findIndex(), но вместо функции он принимает искомое значение. Используйте этот метод в тех случаях, когда вам не нужна функция для проверки элемента на совпадение.

const arr = ['Nick', 'Frank', 'Joe', 'Frank'];
const foundIndex = arr.indexOf('Frank');

console.log(foundIndex);
// 1

Продолжение следует...

#советы #coding #js #web

React за 100 секунд

React — это небольшая библиотека JavaScript, оказавшая большое влияние на мир веб-разработки. Изучите основы React за 100 секунд.

📺 YouTube

#видео #js #react

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

1. Защищённый браузер Brave «светит» реальный IP-адрес пользователя.

2. Just — это библиотека, которая организует задачи сборки для ваших JS-проектов.

3. Методы массивов в JavaScript: Часть 1 | Часть 2.

📑 GitHub назвал число пользователей, чьи данные были переданы правоохранительным органам в 2020 году

GitHub опубликовал в своём блоге ежегодный «отчёт прозрачности». В нём можно найти много интересной информации, в том числе и ту, что связана с передачей пользовательских данных по требованию правоохранителей.

#новости

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

🛠 Tessaract.js — мощная JavaScript библиотека для распознавания текста на картинке. Она автоматически определяет расположение текста, распознает более 60 языков включая китайский, арабский и русский.

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

💡 Методы массивов в JavaScript

▍push, pop

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

▍push(): этот метод относительно простой. Он добавляет элемент в конец массива. Метод модифицирует массив и одновременно возвращает добавленный элемент.

let arr = [1, 2, 3, 4];
const pushed = arr.push(5);

console.log(arr);
// [1, 2, 3, 4, 5]

console.log(pushed);
// 5

▍pop(): метод удаляет последний элемент массива. Как и в прошлом случае, метод изменяет массив и одновременно возвращает удалённый элемент.

let arr = [1, 2, 3, 4];
const popped = arr.pop();

console.log(arr);
// [1, 2, 3]

console.log(popped);
// 4

#советы #coding #js #web

📑 Мир JavaScript в 2021 году

Мир веб-разработки весьма изменчив. Изменения в нём происходят очень быстро. Что принесёт в него 2021 год? В статье описаны определённые выводы о грядущих крупных JS-трендах, которые сделаны путём анализа соответствующих исследований, проведённых в 2020 году.

#статьи #js

🛠 Draggable — это легкая модульная библиотека перетаскивания от Shopify. Она предлагает расширенные функции перетаскивания с быстрым переупорядочиванием DOM, чистым API и доступной разметкой. Она поставляется с дополнительными модулями, которые могут быть включены для добавления дополнительных функций, таких как сортировка, замена и другие.

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

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

Собираетесь освоить JavaScript? Первые шаги вы можете сделать уже 9 марта на демо-занятии «Код как проект: настройка окружения для разработки на JavaScript». Вместе с опытным JS-разработчиком и преподавателем Василием Ванчуком вы рассмотрите основные инструменты, которые помогают делать код лучше и чище, такие как: prettier, eslint, husky. Вы узнаете, какие проблемы они решают и как настроить свое окружение, чтобы работа с ними была удобной и полезной.

Демо-занятие является частью онлайн-курса «JavaScript Developer. Basic» для начинающих разработчиков. Используйте эту возможность познакомиться с преподавателем и оценить курс. Для участия пройдите регистрацию https://otus.pw/9JKg/

📑 Google Fonts получил поддержку иконок

Команда Google Fonts анонсировала появление в сервисе поддержки не только шрифтов, но и иконок. Первым паком, внедрённым компанией, стал набор Material Design.

#новости