Пожалуй, самое наглядное объяснение DDOS-атаки через аниме:

Действительно страшно...

CSS Peek | Хинты

Напрашивающееся расширение для VSCode, показывающее CSS-класс при наведении на объект.

Цена: бесплатно
Расширение на Visual Studio Code Marketplace

@prog_tools

Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов

— Разбор 30 самых популярных вопросов с собеседованиий: https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika/

— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут: https://tprg.ru/Mbsq

— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд (https://github.com/yangshun/front-end-interview-handbook) и перевод на русский (https://www.frontendinterviewhandbook.com/ru/html-questions).

— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями: https://github.com/lydiahallie/javascript-questions

#фронтенд #собеседование #javascript

Гонка на столбчатой диаграмме

Вы наверняка встречали такие видео, когда речь шла о бенчмарке GPT или экономиках стран. Библиотека sjvisualizer как раз позволяет создавать такие. Принимает данные в популярных форматах (.xslx, датафрейм pandas), поддерживает круговые / линейные диаграммы.

Репозиторий проекта

#библиотека

@zen_of_python

Если бы существовал закон о защите чувств программистов, что бы он запрещал?

Запретить go to, километр в 1000 метров, называть компьютер «процессором» — какие ещё пункты должны быть в законопроекте о защите чувств программистов?

#обсуждение

Видеокурс: Изучаем Three.js на пяти реальных проектах

Three.js — кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D-графики при разработке веб-приложений.

На freeCodeCamp вышел часовой курс про основные приёмы создания потрясающих 3D-анимаций и эффектов в реальном времени с помощью JavaScript: https://www.youtube.com/watch?v=UMqNHi1GDAE

#javascript

Как вычислить тимлида на созвоне

​​Работа над Serverless SSR, новости CSS и партия в DnD — ретроперспектива недели с Сергеем Совой

Запускаем новую рубрику на Tproger. В первом выпуске — Сергей Сова, разработчик, фронтендер и подкастер, делится своими мыслями о Serverless SSR, новостях CSS и мастхев книге.

Айда читать: https://tproger.ru/articles/rabota-nad-serverless-ssr--novostyah-css-i-partiyu-v-dnd--retroperspektiva-nedeli-s-sergeem-sovoj

#фронтенд #советы

Простой путь к публикации Vue3-модуля на NPM с помощью Vite

npmjs.com – это бесплатный реестр совместного использования кода JavaScript и крупнейший реестр программного обеспечения в мире, насчитывающий более двух миллионов пакетов.

Для веб-разработчика создание собственных модулей и публикация их в open source может казаться сложным процессом. В этой статье показывают один из самых простых и быстрых способов публикации своего модуля на NPM при помощи бандлера Vite.

Этот метод не только облегчит процесс публикации вашего модуля, но также упростит рабочий процесс в целом: https://habr.com/ru/companies/croc/articles/816803/

#javascript

Годных codepen-проектов вам в ленту: Guess the movie.

Это — игра, в которой нужно угадать фильм по фото. Проект реализован с помощью CSS и JavaScript. Исходники: https://codepen.io/ecemgo/pen/eYXVpGp

👍 — годно
🗿 — безделушка

#codepen

​Генератор градиентного фона

Хотите создавать действительно крутой градиент, а не полоски из 2-3 цветов? Тогда присмотритесь к Mesher — инструменту, который позволяет создавать очень сложные комбинации цветов, смешивая их так, как нужно именно вам.

Убедитесь сами:

https://csshero.org/mesher/

#инструменты #фронтенд

можно сделать свой URL длиннее. Нет, ещё длиннее, чем вы подумали!

Тут нашли проект, который удлиняет урлы сайтов. Зачем? А что, сокращатель есть, значит нужен и удлинитель!

Мы уже поигрались, tproger будет выглядеть вот так:

https://loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo.ong/loooooooooOOoOooooooooooooOOOoOoooooooooooOOOoOoooooooooooOOOoooooooooooooOOOooOOooooooooooOOOoOoooooooooooOoOOOOooooooooooOoOOOOoooooooooOOOoOoooooooooooOOOoooooooooooooOOOooOooooooooooOOoOOOOoooooooooOOooOOOoooooooooOOooOoOoooooooooOOOooOoooooooooooOoOOOooooooooooOOOooOooooooooooOOOoOoOooooooooooOoOOOOng

За другими «удлинёнными» ссылками сюда: https://loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo.ong

@your_tech

​​​JavaScript localStorage: что такое и как использовать?

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage в JS: https://tproger.ru/articles/javascript-localstorage-polnoe-rukovodstvo/

#js

​Regex Previewer: работа регулярки в соседней вкладке VSCode

Расширение позволяет валидировать регулярное выражение на ваших примерах в параллельных вкладках IDE.

Расширение на Visual Studio Marketplace

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

​​Что нового в React 19?

Видеообзор, в котором можно узнать все о новых интересных функциях, которые появятся в React 19, включая готовые способы обработки действий, оптимистичные обновления, статусы форм, новый API use() и многое другое: https://youtu.be/81uAxzeyL2I

#react

​​​​Сделайте так, чтобы комментарии выглядели как история браузера веб-разработчика, который точно не пройдет собес

#обсуждение

​Джун показывает абсолютно новый фреймворк, который он написал сам:

​​Паттерны для веб-разработчиков

Делимся ресурсом по изучению различных видов паттернов с упором на веб. Есть секции по общему проектированию и секции по фреймворкам: https://www.patterns.dev/

#паттерны #инструменты

​Годных codepen-проектов вам в ленту: Procedural Birb

Генератор птичек, реализованный с помощью CSS и JavaScript. Исходники: https://codepen.io/Bupeldox/pen/wvrLwQg

👍 — полезно
🤔 — бесполезно, но очень мило

#codepen