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

1. Топ-9 самых популярных языков программирования с высокими зарплатами.

2. Medium Zoom — классная JavaScript библиотека, которая добавляет на сайт возможность создания зума для картинок как на сайте Medium'a.

3. Бесплатные ресурсы для веб-разработки: Иллюстрации | Иконки.

📑 Google Chrome заблокировал HTTP, HTTPS и FTP-доступы на порте 10080 из-за хакерской угрозы

В 2020 году специалист по кибербезопасности Сэми Камкар обнаружил новую версию NAT Slipstreaming атаки. С её помощью хакеры могли размещать на сайте вредоносные скрипты, которые отправляли специально созданный ответ в обход NAT брандмауэра пользователя. В результате, злоумышленники получали доступ к любому порту TCP/UDP в его внутренней сети.

WebDEV #новости#новости #google#google

WebDEV #test#test #php#php

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

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

> Visual Studio Code [VS Code] — редактор исходного кода, разработанный Microsoft для Windows, Linux и macOS. Позиционируется как «лёгкий» редактор кода для кроссплатформенной разработки веб- и облачных приложений.

> Sublime Text — проприетарный текстовый редактор. Поддерживает плагины на языке программирования Python. Разработчик позволяет бесплатно и без ограничений ознакомиться с продуктом.

WebDEV #ресурсы#ресурсы

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

> coolors.co — создавайте идеальную палитру или вдохновляйтесь тысячами красивых цветовых схем.

> colorhunt.co — это бесплатная и открытая платформа для подбора цветов с тысячами модных цветовых палитр, подобранных вручную.

WebDEV #ресурсы#ресурсы

📑 Используй console.log () как про

Использование console.log() для отладки JavaScript — самая распространенная практика среди разработчиков. Но есть еще кое-что...

Объект console обеспечивает доступ к отладочной консоли браузера. Особенности того, как это работает, варьируются от браузера к браузеру, но де-факто существует набор функций, которые обычно предоставляются.

WebDEV #статьи#статьи #js#js #web#web

🛠 Headroom — лёгкий виджет JS без зависимостей, который показывает и скрывает панель навигации страницы в зависимости от текущей позиции прокрутки. Он предоставляет решение "из коробки" для создания гибких фиксированных заголовков, которые появляются, когда они нужны, и скрываются, когда они мешают контенту.

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

📑 Линус Торвальдс раскритиковал поддержку Rust для ядра Linux

Создатель Linux — Линус Торвальдс — опубликовал рецензию на внедрение Rust в основанный им проект. Речь идёт о реализации инструментов для создания драйверов с помощью языка.

WebDEV #новости#новости #rust#rust #linux#linux

💡 Сравнение объектов

▍Часть 2 (Часть 1)

Хоть следующие объекты кажутся одинаковыми, они ссылаются на разные объекты в памяти.

const joe1 = { name: 'Joe' };
const joe2 = { name: 'Joe' };

console.log(joe1 === joe2);
// false

А вот в следующем примере сравнение возвращает true, потому что второй объект приравнивается к первому и они оба ссылаются на один объект.

const joe1 = { name: 'Joe' };
const joe2 = joe1;

console.log(joe1 === joe2);
// true

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

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

Svelte за 100 секунд

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

📺 YouTube

WebDEV #видео#видео #js#js #svelte#svelte

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

1. Используй console.log () как про.

2. Headroom — лёгкий виджет JS без зависимостей, который показывает и скрывает панель навигации страницы в зависимости от текущей позиции прокрутки.

3. Бесплатные ресурсы для веб-разработки: Редакторы кода | Цветовые палитры.

​IT Community QIWI продолжает проводить QIWI Server Party.

На этот раз — 22 апреля (четверг). Обсудим сразу много полезных штук — продуктовую разработку и developer experience, спринты и инженерные практики, PlantUML (ага, да) и архитектуру платёжного шлюза, разберемся, как разрешать вечные конфликты между разработкой и бизнесом.

А ещё немного похоливарим — стоит ли просить кандидатов писать код на собеседовании? Затронем и эту тему в формате круглого стола.

В общем, будет интересно.
Как всегда, вход бесплатный, главное — зарегистрируйтесь заранее.
А если не можете прийти, подключайтесь к онлайн-трансляции.

Узнать подробную программу мероприятия и зарегистрироваться можно по ссылке

https://qiwi-events.timepad.ru/event/1614886/

📑 Mozilla «убьёт» нативную поддержку FTP в апрельском Firefox 88

В прошлом году компания Mozilla объявила о намерении отказаться от поддержки FTP. Но также она заявила, что сделает это не ранее окончания пандемии. Видимо, время пришло, ведь уже в грядущем Firefox 88 протокол будет отключён.

WebDEV #новости#новости #Firefox#Firefox #FTP#FTP

WebDEV #test#test #css#css

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

🛠 Pixelmatch — небольшая, простая и быстрая библиотека JavaScript для точного попиксельного сравнения изображений. Изначально создана для сравнения снимков экрана в тестах, работает как на Node, так и в браузере и не имеет зависимостей.

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

💡 Callback-функции

Многие избегают callback-функции (функции обратного вызова). А зря — ведь это довольно просто! В следующем примере console.log() будет передан в myFunc() в качестве callback-функции.

function myFunc(text, callback) {
 setTimeout(function() {
   callback(text);
 }, 2000);
}

myFunc('Hello world!', console.log);
// 'Hello world!'

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

📖 HTML и CSS. Разработка и дизайн веб-сайтов
🖋 Джон Дакетт, 2013

Эта книга – самый простой и интересный способ изучить HTML и CSS. Независимо от стоящей перед вами задачи: спроектировать и разработать веб-сайт с нуля или получить больше контроля над уже существующим сайтом, эта книга поможет вам создать привлекательный, дружелюбный к пользователю веб-контент. Простой визуальный способ подачи информации с понятными примерами и небольшим фрагментом кода знакомит с новой темой на каждой странице. Вы найдете практические советы о том, как организовать и спроектировать страницы вашего сайта, и после прочтения книги сможете разработать свой веб-сайт профессионального вида и удобный в использовании.

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

WebDEV #book#book #html#html #css#css #web#web

🛠 Await Timeout — небольшая библиотека JavaScript, которая предоставляет API на основе Promise для setTimeout и clearTimeout. Это позволяет очень легко создавать асинхронные тайм-ауты, которыми можно управлять с помощью async / await для более четкого кода.

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