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

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

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

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

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

#book #web #html #css #js

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

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

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

📑 Яндекс ограничил слежку за пользователями через 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 #typenoscript

🛠 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 #typenoscript

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

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

#новости

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

▍shift, unshift

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

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

let arr = [1, 2, 3, 4];
const shifted = arr.shift();

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

console.log(shifted);
// 1

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

let arr = [1, 2, 3, 4];
const unshifted = arr.unshift(5, 6, 7);

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

console.log(unshifted);
// 7

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

🎁 Бесплатная раздача для подписчиков

Специально для подписчиков наших каналов о программировании, мы бесплатно раздаем файл 📦 Folio: Agency Portfolio Kit через UI8 Bot. Чтоб получить этот файл бесплатно, достаточно нажать на кнопку под постом.

Внимание! Раздача ограничена по времени.

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

1. Мир JavaScript в 2021 году.

2. Draggable — это легкая модульная библиотека перетаскивания от Shopify.

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