WebDEV
8.96K subscribers
2.21K photos
11 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
📑 Мир JavaScript в 2021 году

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

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

#инструменты #js
Выберите правильный вариант 👇🏼 #test #typescript
📑 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.
📑 Новым секретным проектом Google оказался слуховой аппарат

X Lab (бывшая Google X) — подразделение Alphabet, занимающееся созданием новейших технологий. В своё время в её стенах, например, разработали Google Glass. Сейчас же стало известно, что новым секретным проектом команды оказался слуховой аппарат.

#новости
Выберите правильный вариант 👇🏼 #test #html
Бесплатные ресурсы для веб-разработки. Хостинги

http://netlify.com создан на основе Git, мощная бессерверная платформа для создания, развертывания и совместной работы над веб-приложениями.

http://firebase.google.com — инструменты Google для создания инфраструктуры приложения, повышения качества его работы и стимулирования активности пользователей.

http://aws.amazon.com предоставляет вычислительную мощность, хранилища баз данных, доставку контента и другие функциональные возможности для создания сложных приложений с высокой гибкостью, масштабируемостью и надежностью.

http://heroku.com — создавайте управляемые данными приложения с управляемыми службами данных.

WebDEV #ресурсы
Бесплатные ресурсы для веб-разработки. Картинки

📷
http://unsplash.com — изображения из Интернета, которые можно свободно использовать.

📷 http://pixabay.com — откройте для себя более 2,3 млн. изображений и видео от щедрого сообщества pixabay.

📷 http://pexels.com — лучшие бесплатные стоковые фото и видео от талантливых авторов.

WebDEV #ресурсы
📖 Реактивные веб-сайты
🖋 Николай Мациевский, Евгений Степанищев, Глеб Кондратенко, 2020

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

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

WebDEV #book #css
Не знаете, как работают базы данных в облачной среде?

На тренинге 22 и 23 марта«Основы работы с данными в Azure» вы познакомитесь с основными концепциями работы в облачной среде Azure. На курсе среди прочего будут рассмотрены реляционные и нереляционные подходы к работе с данными, а главное — вы сможете сдать экзамен DP-900 и получить сертификат.

Отмечайте в календаре >>ссылка<<
🛠 Tornis — крутая JavaScript библиотека, которая предоставляет новый способ добавления слушателей на события в браузере. Tornis отслеживает положение области просмотра, движения мыши и другие данные на странице, сохраняя их. Вы подключаете функции к этому состоянию и они запускаются каждый раз при изменении данных.

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

Выберите правильный вариант 👇🏼
📑 Злоумышленники научились использовать Git для удалённого выполнения зловредного кода

Разработчик Git Джунио Си Хамано опубликовал срочное сообщение. В нём он призвал пользователей, использующих версию инструмента 2.15 и новее, обновиться из-за обнаружения в нём серьёзной уязвимости.

WebDEV #новости #git
💡 Методы массивов в JavaScript

▍splice, slice

Эти методы либо изменяют, либо возвращают подмассив элементов.

▍splice(): метод изменяет массив, удаляя или заменяя существующий элемент, и/или добавляет новый. Метод только изменяет массив. Код ниже можно объяснить так: в позиции 1 массива удалить 0 элементов и вставить b.

let arr = ['a', 'c', 'd', 'e'];
arr.splice(1, 0, 'b')

▍slice(): возвращает подмассив элементов массива, начиная и заканчивая на определённой позиции. Если конечная позиция не указана, возвращается остаток массива. Важно понимать, что этот метод не модифицирует массив, а только возвращает подмассив.

let arr = ['a', 'b', 'c', 'd', 'e'];
const sliced = arr.slice(2, 4);

console.log(sliced);
// ['c', 'd']

console.log(arr);
// ['a', 'b', 'c', 'd', 'e']

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