WebDEV
10.4K subscribers
1.59K photos
1 video
2K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

Канал на бирже: https://telega.in/c/webb_dev
Download Telegram
📑 Способы использования Math.random() в JavaScript

Math.random() — это один из API JavaScript. Это — функция, которая возвращает случайные числа. Диапазон возвращаемых чисел представлен значениями от 0 (включая 0, то есть, она может вернуть 0) до 1 (не включая 1, то есть — единицу она вернуть не может). В статье рассматриваем способы использования данной функции.

#статьи #js
📑 Пять причин, по которым следует использовать Apache Wicket

Apache Wicket - это фреймворк для веб-разработки на Java. В этой статье рассмотрим пять причин, по которым вам стоит подумать об его использовании.

#статьи
🔥 Лучшее на канале за неделю

1
. Способы использования Math.random() в JavaScript.

2. Marked — мощный парсер и компилятор markdown.

3. Используйте админку Django для ваших приложений на PHP.
📑 Разработка PWA с поддержкой распознавания лица и голоса

Этот материал посвящён продвинутым возможностям PWA (Progressive Web Application, прогрессивное веб-приложение), основанным на некоторых современных API. А именно, здесь мы поговорим о разработке веб-проекта, поддерживающего распознавание лица и голоса. Тем, что раньше было доступно только в обычных приложениях, теперь можно воспользоваться и в PWA. Это открывает веб-разработчикам множество новых возможностей.

#статьи #js #pwa
📑 Это не легаси-код, это PHP

В 2004 году PHP был идеальный язык для новых стартапов. Интерпретатор PHP позволял предпринимателям быстро разрабатывать прототипы и имел большую стандартную библиотеку, позволявшую избавиться от мороки с повседневными задачами типа отправки писем и доступа к базам данных.

#статьи #php
🔥 Лучшее на канале за неделю

1
. Разработка PWA с поддержкой распознавания лица и голоса.

2. Pagemap — оригинальный JS-плагин, который добавляет мини-карту макета вашего веб-сайта рядом с полосой прокрутки, подобно тому, что вы видите в редакторах кода, таких как VSCode.

3. Django юнит-тестирование.
📑 Ускорение JPEG-кодирования с использованием нескольких потоков

Стандарт JPEG появился в 1992 году. С тех пор JPEG-изображения оказались неразрывно связаны с цифровой фотографией, они используются практически в каждом приложении, которое работает с изображениями фотографического качества. Причина того, что стандарт JPEG был так быстро принят всем миром, того, что он стал практически универсальным способом хранения изображений, заключается в том, что в нём одновременно используется несколько подходов к сжатию изображений. Один из этих подходов основан на понимании ограничений системы зрительного восприятия информации человеком, и того, какую информацию, наиболее важную, нужно сохранить, а от какой, менее важной, можно избавиться.

#статьи
📑 Запускаем свой RTMP сервер для стриминга

Иногда YouTube или Twitch не подходят как стриминговая платформа — скажем, если вы пилите портал с вебинарами или контентом 18+, нарушаете авторские права или хотите максимально отгородить свою трансляцию от остального интернета. У них есть много альтернатив как в виде сервисов (те же минусы, недостаток контроля и непредсказуемая политика), так и в виде self-hosted решений.

В этой статье мы разберём минимальную цепочку действий для запуска своего RTMP-сервера с плеером.

#статьи #web #coding
📑 Незаметная психология e-com сайтов

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

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

#статьи #советы #web
📑 Паттерн порталов в Angular: для чего нужен root-компонент в Taiga UI

Что такое портал?

Представьте себе компонент select. У него есть выпадашка с вариантами на выбор. Если хранить ее в том же месте в DOM, что и сам компонент, можно нарваться на ряд проблем. Нижестоящие элементы могут выскочить поверх, а контейнер — срезать содержимое...

#статьи #angular #typescript
📑 Что не так с WebAssembly?

Современные браузеры могут намного больше, чем рендеринг веб-страниц. Это стало одной из причин появления WebAssembly. Эта технология создана в попытке вывести скорость решения сложных задач на новый уровень, построить мост между JavaScript и машинным кодом.

WebAssembly, в теории, может позволить кому угодно писать низкоуровневый код, выполняющийся в браузере, в безопасном виртуальном окружении. И, что ещё интереснее, технология WASM (сокращение от WebAssembly) была спроектирована как цель компиляции для других языков, позволяя коду, который обычно выполняют в серверной среде (например — коду, написанному на C или на C++), компилироваться в соответствующий формат и выполняться в браузере.

У WASM был огромный потенциал и невероятные перспективы. Что же пошло не так? Почему WASM, через 3 года после релиза, ещё не используется в каждом веб-проекте? Есть ли у WASM будущее в веб-разработке? Поищем ответы на эти вопросы.

#статьи
📑 Яндекс отключил расширения с аудиторией в 8 млн пользователей

Яндекс принял решение отключить расширения SaveFrom.net, Frigate Light, Frigate CDN и некоторые другие, установленные у пользователей Яндекс.Браузера. Совокупная аудитория этих инструментов превышает 8 млн человек.

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

#статьи
📑 Enum в PHP 8.1 — для чего нужен enum, и как реализован в PHP

Зачем вообще нужны enum? По сути они служат для улучшенного описания типов. Давайте рассмотрим пример без enum и с ними...

#статьи #php
📑 Мир JavaScript в 2021 году

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

#статьи #js
🔥 Лучшее на канале за неделю

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

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

3. Методы массивов в JavaScript.
📑 5 HTML-трюков, о которых никто не говорит

Все веб-разработчики широко используют HTML, независимо от того, какой фреймворк или серверный язык используется. Фреймворки и языки программирования могут приходить и уходить, но HTML никуда не денется. Но, несмотря на такое широкое использование, всё ещё есть теги и свойства, о которых большинство разработчиков не знают.

WebDEV #статьи
🔥 Лучшее на канале за неделю

1
. 5 HTML-трюков, о которых никто не говорит.

2. PapaParse — быстрый парсер CSV для JavaScript.

3. Методы массивов в JavaScript.
📑 О завершении работы Node.js-процессов

Node.js-процессы завершают работу по разным причинам. При этом в некоторых случаях «смерть» процесса можно предотвратить. Например — в ситуации, когда причиной остановки процесса может стать необработанная ошибка. А вот иногда с остановкой процесса ничего поделать нельзя. Например — если её причина кроется в нехватке памяти. В Node.js существует глобальный объект process, являющийся экземпляром класса EventEmitter. Этот объект, при нормальном завершении процесса, генерирует событие exit. Код приложения может прослушивать это событие и, при его возникновении, выполнять, в синхронном режиме, некие операции по освобождению ресурсов.

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

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

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

WebDEV #статьи #js #web
🔥 Лучшее на канале за неделю

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

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

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