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
💡 Метод @@iterator

Метод @@iterator перебирает все элементы массива и проверяет значение элемента массива — value и его наличие в массиве — done. Если элемент есть, то done принимает значение false. Если массив закончился и элементов больше нет, то done примет значение true. А value, в этом случае, примет значение undefined.

Например:

let a = [1, 2, 3]
let it = a[Symbol.iterator]()
console.log(it.next())
console.log(it.next())
console.log(it.next())
console.log(it.next())

Перебор массива с помощью Symbol.iterator().

WebDEV #советы #coding #js
💡 Подборка инструментов

▫️
JavaScript30 — 30-дневный челлендж по VanillaJS.

▫️ DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов.

▫️ Devchallenges — участвуйте в крутых испытаниях и развивайте свои навыки, создавая веб-сайты.

▫️ Meanderer — маленькая библиотека JavaScript для создания отзывчивых траекторий анимации.

▫️ frontendpractice — поднимите свои навыки во фронтенде на новый уровень, воссоздавая реальные веб-сайты.

▫️ Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте.

WebDEV #подборка #инструменты
🔥 Лучшее на канале за неделю

1
. 100+ фактов о веб-разработке, которые вы должны знать.

2. ray.so — с помощью сайта можно сделать красивые скриншоты различных участков кода.

3. Метод @@iterator.
WebDEV #test #css

Выберите правильный вариант 👇🏼
💡 Добавление элементов в конец массива

Чтобы добавить элемент в конец массива, используют метод push().

Например:

let a = [1,2,3];
a.push(4);

Добавление элемента в конец массива методом push(). В примере в конец массива а добавим элемент 4. Получится массив a = [1,2,3,4].

WebDEV #советы #coding #js
📖 Real-World Bug Hunting: A Field Guide to Web Hacking
🖋 Peter Yaworski, 2019

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

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

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

WebDEV #book #web
🛠 roadmap.sh — если нужны дорожные карты и образовательные материалы по различным технологиям – вам сюда! Предложенные данные будут полезны как для начинающих, так и для тех, кому нужна конкретная информация по какому-нибудь направлению.

WebDEV #инструменты
💡 Добавление элементов в начало массива

Чтобы добавить элемент в начало массива, используют метод unshift().

Например:

let a = [1,2,3];
a.unshift(4);

Добавление элемента в начало массива методом unshift(). В примере в начало массива а добавим элемент 4. Получится массив a = [4,1,2,3].

WebDEV #советы #coding #js
🔥 Лучшее на канале за неделю

1
. Real-World Bug Hunting.

2. roadmap.sh — если нужны дорожные карты и образовательные материалы по различным технологиям – вам сюда.

3. Добавление элементов в конец массива.
WebDEV #test #css

Выберите правильный вариант 👇🏼
💡 Удаление элементов массива и вставка вместо них других элементов

Чтобы из массива удалить элементы и вставить на их место другие элементы используют метод splice().

Например:

let a = [1, 2, 3, 4, 5, 6];
a.splice(2, 3,'a', 'b');

Удаление элементов массива и вставка на их место других элементов методом splice(). В примере удаляем три элемента начиная с индекса 2 и на их место вставляем 'a', 'b'. Получаем массив a=[ 1, 2, 'a', 'b', 6 ].

WebDEV #советы #coding #js
Storybook за 100 секунд

Storybook — это инструмент, используемый для изолированного тестирования компонентов пользовательского интерфейса, который работает с платформами JS, такими как React, Angular, Vue и Svelte.

📺 YouTube

WebDEV #видео #js #frontend
🛠 LabmdaTest — с помощью этой облачной платформы можно тестировать любое веб-приложение почти на всех современных браузерах, операционных системах и устройствах как вручную, так и автоматически.

WebDEV #инструменты
Добрый день!

В одном из европейских университетов проводится исследование на тему изучения источников стресса у сотрудников управления в срере IT.

Каждый может принять участие и имеет возможность таким образом повлиять на статистику и позволить более детально изучить проблему.

По завершению исследования полученные результаты будут опубликованы.
💡 Объединение нескольких массивов

Объединять массивы и возвращать новый массив можно методом concat().

Например:

let a = [1, 2];
let b = [3, 4];
let c = a.concat(b);

Объединение массивов методом concat(). В примере массив a и массив b объединили с помощью метода concat() и вернули новый массив c=[1,2,3,4].

WebDEV #советы #coding #js
🔥 Лучшее на канале за неделю

1
. Storybook за 100 секунд.

2. LabmdaTest — с помощью этой облачной платформы можно тестировать любое веб-приложение.

3. Объединение нескольких массивов.
WebDEV #test #html

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