​Полный курс для верстальщика по NPM

В этом видео наш подписчик постарался собрать всё, что вам необходимо знать о работе с NPM. Здесь вы:

— узнаете, что такое NPM и как с ним работать;
— рассмотрите основные команды NPM;
— выполните инициализацию проекта, поиск и установку пакетов;
— узнаете для чего нужны файлы package.json и package-lock.json, а также многое другое.

https://tprg.ru/cANj

#видео #npm

​Создание ссылки для ска­чи­ва­ния

Иногда необходимо сделать ссылку, которая должна открывать системный диалог для сохранения файла. Браузеры достаточно умны, чтобы открывать такой диалог при скачивании бинарников вроде архивов или EXE-файлов. Но что делать, если нужно скачать картинку или какое-нибудь видео?

Ответ найдёте в этой статье:

https://tprg.ru/JLlY

​Когда пытаешься вспомнить как центрировать div:

Осталось только найти хорошую библиотеку готовых компонентов

Ностальгии пост 😏

​Применение невидимых unicode-символов для скрытия действий в JavaScript-коде

Опубликована новая техника внедрения скрытых действий, применимая для кода на языке JavaScript.

Новый метод базируется на применении unicode-символа «ㅤ» (код 0x3164, "HANGUL FILLER"), который относится к разряду букв, но не имеет видимого содержимого.

Подробнее:

https://tprg.ru/tqyY

"Kalmar" serialdagi o'yin JS da yozilgan!

Code: https://0shuvo0.github.io/squidgame/


@procodeuz

​Как работает JS: отслеживание изменений в DOM с помощью MutationObserver

Статья вышла уже давно, но всё ещё не потеряла актуальности. Речь в ней пойдёт об API MutationObserver, который позволяет JavaScript отслеживать изменения в DOM.

Как это работает, зачем нужно и где использовать, узнаете здесь:

https://tprg.ru/thrM

#javascript

​Elf — реактивное хранилище с магическими способностями для приложений JS

Elf — это реактивное решение для управления неизменяемым состоянием, построенное на основе RxJS . Он использует пользовательские операторы RxJS для запроса состояния и чистые функции для его обновления.

Подробнее:

https://tprg.ru/lfbP

#javascript

​Почему хуки — лучшее, что могло случиться с React

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

https://tprg.ru/zIRr

#react

​​Когда пытаешься сделать сайт максимально адаптивным без медиазапросов:

​Нет времени объяснять, просто ответьте — что вы за пицца-программист?

Не знаете?! Тогда пройдите наш приколдесный тест, чтобы узнать всю правду о себе: https://tproger.ru/quiz/kakaja-ty-picca-programmist/

#кек

​Какой метод отображения SVG лучше всего подходит для большого количества иконок

Если у вас одновременно отображается менее сотни SVG-иконок, вам, вероятно, не нужно слишком сильно беспокоиться о своей технике: разница между одной техникой и другой составляет доли миллисекунды на иконку. А вот если иконок достаточно много, то рекомендуем прочитать эту статью:

https://tprg.ru/Nila

​Отключение JavaScript не спасает вас от фингерпринтинга

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

В этой статье доказали обратное:

https://tprg.ru/NiKa

Создание эффекта прозрачного стекла и пластика в Three.js

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

https://tprg.ru/U3mi

#javascript #threejs

​Chrome DevTools: Хитрости при отладке

В этой статье вы найдёте на различные нюансы для работы с Chrome DevTools, полезные при отладке. Какие-то из них автор почерпнул в сети, до каких-то додумался сам. Возможно, вы найдёте для себя что-нибудь новое и полезное.

https://tprg.ru/ky8O

Вот такие роботы уже вовсю убирают офисы Google

Проблема современных роботов в том, что они хоть и делают некоторые вещи лучше людей, им всё равно сложно воспроизводить знакомые действия с новыми объектами и в новой обстановке. И сегодня главная задача робототехников — это научить их быть более «гибкими» и дообучаться, адаптируя свои действия под новую обстановку.

В чём и показывают успех инженеры Everyday Robot из Google. У разработанного ими робота есть универсальная рука с захватом, камера, датчики для машинного зрения и вращающийся лидар для навигации. А робот успешно убирает крошки со столов, переносит чашки и складывает бельё в «неструктурированной» заранее среде.

#роботы #технологии

​Создание реального компонента на примере сообщения для чата

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

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

Подробности:

https://tprg.ru/lV9K

​Веб-разработка: основы статического сайта

Статья для новичков, которые только начинают вливаться в веб-разработку. Здесь вы узнаете базовые моменты создания статического сайта:

https://tprg.ru/b2Sn

Неожиданно 😮

Зацените https://kod.ru.com/news/15344_pavel-durov-zayavil-chto-ne-budet-prodavat-Telegram-i-prosto-tak-za-spasibo-otdast-ego-yutuberu-haudi-ho

UPD: в телеграме появился новый бот, который подделывает новости от известных СМИ.
Будьте осторожны, проверяйте домен.

А мой проект — это сайт-визитка