​​Видеоурок: Пишем шахматы на JS

Подробный трехчасовой туториал по разработке шахмат на JavaScript с использованием Stockfish API: https://youtu.be/fJIsqZmQVZQ

#javascript

​​Вся команда на дейлике: делится сделанными задачами

Сеньор с зарплатой 5к долларов:

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

Проект реализован с помощью Canvas и библиотеки Vanila.js. Исходники: https://codepen.io/fariati/pen/mdRpEYP

👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

​​​5 ошибок, которые можно допустить при запуске первого проекта React

Даже самая лучшая документация не охватывает абсолютно всё. Поэтому, работая с новым инструментом, можно столкнуться с различного рода ошибками и проблемами. Это касается даже такой популярной библиотеки, как React.

В этой статье автор поделился ошибками, которые допустил он и можете допустить вы, начиная свой первый проект:

https://css-tricks.com/5-mistakes-starting-react/

#react

​​Вышел nginx 1.27.0

На днях разработчики опубликовали выпуск высокопроизводительного HTTP-сервера и многопротокольного прокси-сервера nginx 1.27.0.

Основные улучшения и изменения в nginx 1.27.0:
— в директивах proxy_limit_rate, fastcgi_limit_rate, scgi_limit_rate и uwsgi_limit_rate добавлена поддержка указания переменных;
— снижено потребление памяти при обработке долгоживущих запросов в конфигурациях, в которых используются директивы gzip, gunzip, ssi, sub_filter или grpc_pass;
— решены проблемы со сброкой в GCC 14 при использовании опции "--with-atomic";
— исправлены ошибки в реализации HTTP/3.

В основном в релиз попали изменения, связанные с устранением серьёзных ошибок и уязвимостей. В новом выпуске устранены 4 уязвимости: CVE-2024-34161, CVE-2024-31079, CVE-2024-32760 и CVE-2024-35200.

Они затрагивают экспериментальный модуль ngx_http_v3 (отключён по умолчанию), обеспечивающий поддержку протокола HTTP/3, использующего протокол QUIC в качестве транспорта для HTTP/2. Проблемы проявляются только при активации модуля ngx_http_v3_module и выставлении опции quic в директиве listen.

Уязвимость CVE-2024-34161 приводит к утечке содержимого памяти рабочего процесса на системах с MTU, выставленным в значение больше 4096 байт. Утечка содержимого памяти возникает в случае отправки кадров CRYPTO, используемых при согласовании соединения, на стадии после отправки клиентом финализирующего сообщения.

Уязвимости CVE-2024-31079, CVE-2024-32760 и CVE-2024-35200 вызваны повреждением памяти и позволяют удалённому атакующему добиться аварийного завершения рабочего процесса nginx через установку специально оформленного сеанса на базе протокола QUIC.

Подробнее: https://mailman.nginx.org/pipermail/nginx-announce/2024/TYTF6MMPG334S66IYMTAOYFO2LU7XN4R.html

#nginx

​Когда контейнер упал, и тебе нужно посмотреть логи:

​​Когда мем — это аргумент: @Scruser эпично поставил точку в вопросе о высшем образовании

👍— согласен, вышка не нужна
👎— не согласен, вышка нужна

​​Про UI/UX в двух словах: как и зачем применяют принципы логики в дизайне интерфейсов?

Логика — фундаментальный инструмент, который помогает принимать решения и преодолевать проблемы. Она применима во всём — от простых повседневных действий до сложных научных исследований. И, конечно же, она играет огромную роль в дизайне интерфейсов.

Логика и дизайн-мышление помогают создавать выдающиеся интерфейсы. О том, как это работает, и как «прокачать» эти навыки, рассказывает наш читатель Иван Сержантов: https://tproger.ru/articles/kak-i-zachem-primenyayut-principy-logiki-v-dizajne-interfejsov

#дизайн #ux

​​​10 инструментов для CSS: анимация, сетки и дизайн

Сегодня существует множество стилей в веб-дизайне, которые сменяют друг друга чуть ли не каждый день. Уследить за каждым сложно, также как и уметь реализовывать их с помощью CSS. 

Поэтому в этой статье мы рассмотрим некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень, облегчая создание современного UI:

https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn

#css

​​Поздравляем!

Вы так долго листали, что долистали до подборки бесплатных книг. Обмана нет, вот ссылка на репозиторий.

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

#подборка #книга

Мы расширяемся и ищем новых редакторов в команду!

Если вам нравятся наши соцсети и вы хотите принять участие в их развитии, то у вас появилась такая возможность.

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

#вакансии #работа

​​Осваиваем WordpPress с помощью ИИ

Гайд по основам работы с WordPress от ребят с freeCodeCamp: https://www.youtube.com/watch?v=2mrxvLvz_rk

#wordpress

​​Когда наврал в резюме, но тебя всё равно взяли на работу:

​​Вопрос от читателя: «Какой state management вы используете в больших React-приложениях?»

Наш читатель столкнулся с тем, что в одном из проектов контекст API начал сильно тормозить при большом количестве компонентов. Пробовали Redux, но он оказался громоздким. Рассматривали Context API, но столкнулись с prop drilling.

Призываем на помощь знатоков! Как решаете проблемы с производительностью и масштабируемостью? Делитесь в комментариях на сайте: https://tproger.ru/articles/upravlenie-sostoyaniem-v-bolwih-react-prilozheniyah-250768

#обсуждение

​Тимлид, когда джун на общем созвоне предложил переписать бэкенд на JavaScript:

​​​Скрытые функции Google Chrome для разработчика

Chrome Dev Tools — один из самых популярных инструментов среди веб-разработчиков. Однако в неём есть некоторые полезные функции, о которых большинство разработчиков не знает. 

В этой статье вы сможете узнать о пяти основных функциях Chrome DevTools, которые могут вам пригодиться:

https://webformyself.com/skrytye-funkcii-google-chrome-dlya-razrabotchika/

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

​​В VSCode нашли расширения с вирусами и миллионами установок

Эксперты из Израиля обнаружили вредоносные расширения для Visual Studio Code (VSCode), установленные миллионами пользователей. Они позволяют злоумышленникам красть учетные данные, информацию о системе и устанавливать удаленные оболочки на компьютеры жертв.

В ходе анализа исследователи обнаружили следующие проблемы:
— Было выявлено 1283 расширения с известным вредоносным кодом, установленных 229 млн раз.
— 8161 расширение общается с жестко закодированными IP-адресами.
— 1452 расширения запускают неизвестные исполняемые файлы.
— 2304 расширения используют GitHub-репозитории неоригинальных издателей, что указывает на их подделку​.

Подробнее: https://tproger.ru/news/v-vscode-nawli-raswireniya-s-virusami-i-millionami-ustanovok

#vscode #безопасность

​​6 возможностей использования ИИ при разработке сайта

В этой статье разобрали применение ИИ в разработке сайтов и поделились мнениями действующих разработчиков об использовании нейросетей в своей работе.

Интересно, чтобы понять, действительно ли разрабам уже сегодня есть какая-то помощь и польза от ИИ, и от каких инструментов конкретно: https://tproger.ru/articles/6-vozmozhnostej-ispolzovaniya-ii-pri-razrabotke-sajta

#ии

Говорят, что мужчины не плачут. Также админ, когда @konstantin_1990 пролистал весь контент до 2020 года и прокомментировал старый пост: 😭

А вы листаете старые записи? Если да, расскажите, почему так делаете и что ищете?

Perspective — API для модерации комментариев и обсуждений

Инструмент использует технологию машинного обучения для распознавания "токсичных" формулировок: оскорблений, угроз, домогательств. Набор триггеров выбирается самостоятельно. Каждый комментарий получает оценку по 100-балльной шкале, чем выше оценка — тем оскорбительнее комментарий. Это значительно упрощает модерацию — достаточно только отфильтровать обсценные высказывания и отклонить их. Со стороны пользователя предусмотрена сортировка по шкале оскорбительности, чтобы не сталкиваться с такими высказываниями. Инструмент также можно внедрить в поле написания комментария — тогда пользователь сразу будет знать оценку оскорбительности. 

Доступно для русского, английского, китайского, французского, немецкого и других языков. 

Стоимость: #бесплатно. 

#API #веб @prgg_tools

​​​Создание и деплой полнофункционального приложения для обмена сообщениями в чате

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

Все подробности в видео: https://www.youtube.com/watch?v=MJzbJQLGehs

#фронтенд #бэкенд #видео