Все ещё пишете сложные, непроизводительные и «жирные» сайты? Тогда HTMX идёт к вам!
HTMX — библиотека, которая позволяет создавать динамические веб-интерфейсы, используя только HTML и немного JavaScript. И вот небольшое демо, как она работает: https://htmx.org/examples/click-to-edit/#demo
Идея в том, что мы можем запускать интерактивные элементы, написанные с помощью AJAX, CSS Transitions, WebSockets и Server Sent Events, прямо из HTML-кода. HTMX сохраняет преимущества SPA, не требуя полной перезагрузки страницы, и в то же время по простоте она ближе к MPA.
В статье рассказали про Карсона Гросса, создателя HTMX, и про HTMX — красивую альтернативу клиентскому рендерингу на JavaScript: https://habr.com/ru/companies/ruvds/articles/814193/
#javascript
HTMX — библиотека, которая позволяет создавать динамические веб-интерфейсы, используя только HTML и немного JavaScript. И вот небольшое демо, как она работает: https://htmx.org/examples/click-to-edit/#demo
Идея в том, что мы можем запускать интерактивные элементы, написанные с помощью AJAX, CSS Transitions, WebSockets и Server Sent Events, прямо из HTML-кода. HTMX сохраняет преимущества SPA, не требуя полной перезагрузки страницы, и в то же время по простоте она ближе к MPA.
В статье рассказали про Карсона Гросса, создателя HTMX, и про HTMX — красивую альтернативу клиентскому рендерингу на JavaScript: https://habr.com/ru/companies/ruvds/articles/814193/
#javascript
В комментариях коллеги подытожили насчет высшего образования в IT.
К сожалению, в основном так и есть...
К сожалению, в основном так и есть...
Forwarded from Сохранёнки программиста
Шпаргалка по всем шпаргалкам
Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.
Сайт, который достоин быть в закладках
#шпаргалка #general #ru
Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.
Сайт, который достоин быть в закладках
#шпаргалка #general #ru
Кто такой Head of Profession и зачем он нужен компании
Head of Profession — это суперквалифицированный инженер. У него достаточно знаний по теме, большой опыт, есть определённые успехи, он уже запускал какие-то крупные продукты. И что важно — готов и умеет делиться опытом и знаниями с другими.
Если вы обладаете вышеописанными качествами и вас интересует такой трек развития, рекомендуем ознакомиться с этой статьёй. Там детально разобрали его роль и навыки. А также показали на примере команды системных аналитиков, насколько появление такого специалиста повлияло на рабочие процессы.
#советы
Head of Profession — это суперквалифицированный инженер. У него достаточно знаний по теме, большой опыт, есть определённые успехи, он уже запускал какие-то крупные продукты. И что важно — готов и умеет делиться опытом и знаниями с другими.
Если вы обладаете вышеописанными качествами и вас интересует такой трек развития, рекомендуем ознакомиться с этой статьёй. Там детально разобрали его роль и навыки. А также показали на примере команды системных аналитиков, насколько появление такого специалиста повлияло на рабочие процессы.
#советы
Основные коды состояния HTTP на котиках
Недавно писали про расшифровку большинства самых популярных кодов состояния HTTP. А вот забавный проект, который показывает коды состояния на котиках.
Можно использовать в своих проектах — по ссылке с указанием кода сервис отдаёт мем, который наглядно иллюстрирует код ошибки: https://http.cat/
#инструменты
Недавно писали про расшифровку большинства самых популярных кодов состояния HTTP. А вот забавный проект, который показывает коды состояния на котиках.
Можно использовать в своих проектах — по ссылке с указанием кода сервис отдаёт мем, который наглядно иллюстрирует код ошибки: https://http.cat/
#инструменты
Docker Hub перестал работать в России: что делать?
При попытке зайти на сайт Docker Hub юзеры сталкиваются с ошибкой «403 Forbidden»: https://tproger.ru/news/docker-hub-perestal-rabotat-v..
Пришла пора для https://huecker.io/
Ждем docker pull ubuntu:zver-edition
#docker
При попытке зайти на сайт Docker Hub юзеры сталкиваются с ошибкой «403 Forbidden»: https://tproger.ru/news/docker-hub-perestal-rabotat-v..
Пришла пора для https://huecker.io/
Ждем docker pull ubuntu:zver-edition
#docker
Видеоурок: Пишем шахматы на JS
Подробный трехчасовой туториал по разработке шахмат на JavaScript с использованием Stockfish API: https://youtu.be/fJIsqZmQVZQ
#javascript
Подробный трехчасовой туториал по разработке шахмат на JavaScript с использованием Stockfish API: https://youtu.be/fJIsqZmQVZQ
#javascript
Forwarded from IT Юмор
Годных codepen-проектов вам в ленту: Vanilla JS Snake
Проект реализован с помощью Canvas и библиотеки Vanila.js. Исходники: https://codepen.io/fariati/pen/mdRpEYP
👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg
#codepen
Проект реализован с помощью Canvas и библиотеки Vanila.js. Исходники: https://codepen.io/fariati/pen/mdRpEYP
👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg
#codepen
5 ошибок, которые можно допустить при запуске первого проекта React
Даже самая лучшая документация не охватывает абсолютно всё. Поэтому, работая с новым инструментом, можно столкнуться с различного рода ошибками и проблемами. Это касается даже такой популярной библиотеки, как React.
В этой статье автор поделился ошибками, которые допустил он и можете допустить вы, начиная свой первый проект:
https://css-tricks.com/5-mistakes-starting-react/
#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
На днях разработчики опубликовали выпуск высокопроизводительного 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
Логика — фундаментальный инструмент, который помогает принимать решения и преодолевать проблемы. Она применима во всём — от простых повседневных действий до сложных научных исследований. И, конечно же, она играет огромную роль в дизайне интерфейсов.
Логика и дизайн-мышление помогают создавать выдающиеся интерфейсы. О том, как это работает, и как «прокачать» эти навыки, рассказывает наш читатель Иван Сержантов: 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
Сегодня существует множество стилей в веб-дизайне, которые сменяют друг друга чуть ли не каждый день. Уследить за каждым сложно, также как и уметь реализовывать их с помощью CSS.
Поэтому в этой статье мы рассмотрим некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень, облегчая создание современного UI:
https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn
#css
Forwarded from Сохранёнки программиста
Поздравляем!
Вы так долго листали, что долистали до подборки бесплатных книг. Обмана нет, вот ссылка на репозиторий.
Помимо большого количества технических книг по разным ЯП, инструментам, фреймворкам и стекам, тут есть и полезные статьи, подкасты и прочие обучающие материалы. Все ресурсы рассортированы по языкам. Есть в том числе и русский.
#подборка #книга
Вы так долго листали, что долистали до подборки бесплатных книг. Обмана нет, вот ссылка на репозиторий.
Помимо большого количества технических книг по разным ЯП, инструментам, фреймворкам и стекам, тут есть и полезные статьи, подкасты и прочие обучающие материалы. Все ресурсы рассортированы по языкам. Есть в том числе и русский.
#подборка #книга
Осваиваем WordpPress с помощью ИИ
Гайд по основам работы с WordPress от ребят с freeCodeCamp: https://www.youtube.com/watch?v=2mrxvLvz_rk
#wordpress
Гайд по основам работы с 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
#обсуждение
Наш читатель столкнулся с тем, что в одном из проектов контекст API начал сильно тормозить при большом количестве компонентов. Пробовали Redux, но он оказался громоздким. Рассматривали Context API, но столкнулись с prop drilling.
Призываем на помощь знатоков! Как решаете проблемы с производительностью и масштабируемостью? Делитесь в комментариях на сайте: https://tproger.ru/articles/upravlenie-sostoyaniem-v-bolwih-react-prilozheniyah-250768
#обсуждение
