Веб-страница
А вот давайте будем честными и ответим сами себе на вопрос «Почему я (хочу) в IT?»
«Я занимаюсь программированием из-за своей срасти к алгоритмам и точности»
Моя страсть к алгоритмам и точности:
Моя страсть к алгоритмам и точности:
😁38👍4❤3👎2
Forwarded from Представляешь,
ИИ-браузер OpenAI Atlas взламывают промт-инъекциями — создатели признали уязвимость
Исследователи из Brave и независимые специалисты по безопасности показали, что новый браузер Atlas можно обмануть, встроив скрытые команды прямо в контент страницы.
Atlas «повёлся» даже на невидимую инструкцию в Google Docs — вместо резюме вывел сообщение «не доверяй ИИ». В OpenAI признали, что промт-инъекции — одна из самых сложных и пока нерешённых проблем безопасности агентных ИИ-систем.
@your_tech
Исследователи из Brave и независимые специалисты по безопасности показали, что новый браузер Atlas можно обмануть, встроив скрытые команды прямо в контент страницы.
Atlas «повёлся» даже на невидимую инструкцию в Google Docs — вместо резюме вывел сообщение «не доверяй ИИ». В OpenAI признали, что промт-инъекции — одна из самых сложных и пока нерешённых проблем безопасности агентных ИИ-систем.
@your_tech
Tproger
ИИ-браузер OpenAI Atlas научились ломать с помощью промт-инъекций. Создатели признали проблему — Tproger
ИИ-браузер OpenAI Atlas оказался уязвим к промт-инъекциям: исследователи смогли заставить его выполнять скрытые команды на сайтах
😁9❤2💩2
Забавная статистика: только 1% разработчиков использует debug в VS Code
Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.
После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.
А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.
А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет
#новость #vscode
Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.
После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.
А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.
А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет
#новость #vscode
👎133👍27😁3
Веб-страница
Забавная статистика: только 1% разработчиков использует debug в VS Code Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика. После анализа 11 805 сессий 68 программистов…
Типичный подписчик канала
😁73🫡10👍3
Почему вам не стоит использовать экспорт приватных типов в Go
Когда разработчик переходит с одного языка программирования на другой, логично, что он по привычке потянет за собой и различные фишки и паттерны оттуда. Так, разрабы на Java или PHP приносят с собой привычку экспортировать приватные типы. Только вот в Go это не просто ненужно, но и вредно.
А почему так, подробно рассказали в статье у нас на сайте.
#golang #паттерны
Когда разработчик переходит с одного языка программирования на другой, логично, что он по привычке потянет за собой и различные фишки и паттерны оттуда. Так, разрабы на Java или PHP приносят с собой привычку экспортировать приватные типы. Только вот в Go это не просто ненужно, но и вредно.
А почему так, подробно рассказали в статье у нас на сайте.
#golang #паттерны
🤔3❤1
Media is too big
VIEW IN TELEGRAM
Учимся работать с DOM в JS
Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:
— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.
Смотреть можно здесь или на YouTube.
#видео #javanoscript #начинающим
Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:
— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.
Смотреть можно здесь или на YouTube.
#видео #javanoscript #начинающим
🔥6
Forwarded from Типичный программист
Нашёл шикарный инструмент, который упаковывает любую веб‑страницу в один аккуратный HTML‑файл
В отличие от обычной функции «Сохранить как», тулза не разбрасывает файлы по папкам, а сразу встраивает CSS, изображения и JS как data‑URI, и получается один полноценный HTML5‑документ. Который откроется так же, как сайт в сети, даже при отсутствии доступного сетевого соединения.
Сохраняйте😮💨
В отличие от обычной функции «Сохранить как», тулза не разбрасывает файлы по папкам, а сразу встраивает CSS, изображения и JS как data‑URI, и получается один полноценный HTML5‑документ. Который откроется так же, как сайт в сети, даже при отсутствии доступного сетевого соединения.
Сохраняйте
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥5❤1🤔1
Разница между @media и @container
Оба эти инструмента помогают сделать сайт удобным на разных экранах, но реагируют на разное.
@media — смотрит на экран
Тут меняются стили в зависимости от размера окна браузера. Например, на большом экране карточки стоят в ряд, а на мобильном одна под другой.
Тут если окно меньше 600px, текст уменьшается.
@container — смотрит на блок, внутри которого элемент
Иногда размер окна большой, но карточку зажали в узкую колонку. Тогда @media не поможет — ведь окно-то широкое. Но тут спасает @container.
Сначала говорим контейнеру, что он может влиять на детей:
А теперь следим за его размером:
Если сам контейнер становится узким, то карточка подстраивается. Это позволяет каждому компоненту быть более адаптивным.
#простымисловами
Оба эти инструмента помогают сделать сайт удобным на разных экранах, но реагируют на разное.
@media — смотрит на экран
Тут меняются стили в зависимости от размера окна браузера. Например, на большом экране карточки стоят в ряд, а на мобильном одна под другой.
@media (max-width: 600px) {
.card {
font-size: 14px;
}
}Тут если окно меньше 600px, текст уменьшается.
@container — смотрит на блок, внутри которого элемент
Иногда размер окна большой, но карточку зажали в узкую колонку. Тогда @media не поможет — ведь окно-то широкое. Но тут спасает @container.
Сначала говорим контейнеру, что он может влиять на детей:
.card-container {
container-type: inline-size;
}А теперь следим за его размером:
@container (max-width: 400px) {
.card {
font-size: 14px;
}
}Если сам контейнер становится узким, то карточка подстраивается. Это позволяет каждому компоненту быть более адаптивным.
#простымисловами
👍17🔥5❤1🤔1
ИИ-агент на PHP
Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про JS и Python. Но никак про PHP. Хотя для него есть хороший фреймворк, который даёт те же возможности, что и другие языки. Называется он Neuron — первый enterprise‑ready агентный фреймворк на PHP.
В этой статье подробнее о возможностях фреймворка, фичах и даже пример его использования на реальном ИИ-агенте.
#php #ml
Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про JS и Python. Но никак про PHP. Хотя для него есть хороший фреймворк, который даёт те же возможности, что и другие языки. Называется он Neuron — первый enterprise‑ready агентный фреймворк на PHP.
В этой статье подробнее о возможностях фреймворка, фичах и даже пример его использования на реальном ИИ-агенте.
#php #ml
😁8🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
🤯16❤13🔥7👍6👎1
5 вещей, которые нужно знать фронтенд-разработчику про Docker
Граница между фронтендом и бэкендом становится всё тоньше. Современные фреймворки предлагают вам решения, которые требуют знаний с обоих направлений. В том числе и знаний Docker.
Хотя Podman и наступает на пятки Docker, второй всё ещё остаётся стандартом индустрии. Поэтому в этой статье мы пройдёмся по основам: от создания образа и управления контейнерами до настройки полноценного стека с бэкендом при помощи Docker Compose.
#docker
Граница между фронтендом и бэкендом становится всё тоньше. Современные фреймворки предлагают вам решения, которые требуют знаний с обоих направлений. В том числе и знаний Docker.
Хотя Podman и наступает на пятки Docker, второй всё ещё остаётся стандартом индустрии. Поэтому в этой статье мы пройдёмся по основам: от создания образа и управления контейнерами до настройки полноценного стека с бэкендом при помощи Docker Compose.
#docker
👍7❤1
Forwarded from Типичный программист
Лол: Преподы из Пензы вдохновились YoptaScript и теперь учат студентов писать на JS… полностью на кириллице 😧
🔘 Преподаватели перевели синтаксис задач и учебные материалы на русский. И теперь студенты пишут код без латиницы.
🔘 Цель — убрать языковой барьер и «укрепить национальный язык в IT», часть заданий проверяется автотестами на русском.
🔘 И это, конечно, круто для начальной школы и вовлечения. Но спецы считают что выпускники потом обосрутся в продакшне. И столкнутся с проблемами при работе с либами и стандартами.
Please open Telegram to view this post
VIEW IN TELEGRAM
💩48😁12🔥4❤2🗿2
Вышла версия Jeasx 2.1.0 — серверного фреймворка на основе JSX и Fastify
Этот фреймворк объединил простоту JSX и удобство SSR без необходимости использовать кучу разных инструментов. Он использует современные HTML и CSS, дополняя их асинхронным JSX на стороне сервера.
В последнем обновлении он получил:
— Node 24 (LTS) по умолчанию,
— улучшенный процесс заполнения среды приложения,
— и поддержку файлов .env.js.
Пробовали этот фреймворк?
#новости #ssr #jeasx
Этот фреймворк объединил простоту JSX и удобство SSR без необходимости использовать кучу разных инструментов. Он использует современные HTML и CSS, дополняя их асинхронным JSX на стороне сервера.
В последнем обновлении он получил:
— Node 24 (LTS) по умолчанию,
— улучшенный процесс заполнения среды приложения,
— и поддержку файлов .env.js.
Пробовали этот фреймворк?
#новости #ssr #jeasx
🗿4❤3
Кладбище сайтов: цифровой некрополь эпохи веб 2.0
Вы вспоминаете старый форум, забавную флеш-игру или сайт любимой группы. Кликаете по сохранённой в закладках ссылке или находите адрес в поиске. В ответ — ошибка 404. Страница не найдена. Такая ситуация знакома каждому. Десятки тысяч сайтов исчезли — их больше нет в доступе.
Что происходит с веб-наследием? Почему сайты превращаются в цифровых зомби или вовсе исчезают без следа? Можно ли вернуть их из небытия? И кто за всем этим стоит? Это расследование проведёт вас по лабиринтам старых мёртвых доменов и покажет реальную картину интернет-кладбища.
Вы вспоминаете старый форум, забавную флеш-игру или сайт любимой группы. Кликаете по сохранённой в закладках ссылке или находите адрес в поиске. В ответ — ошибка 404. Страница не найдена. Такая ситуация знакома каждому. Десятки тысяч сайтов исчезли — их больше нет в доступе.
Что происходит с веб-наследием? Почему сайты превращаются в цифровых зомби или вовсе исчезают без следа? Можно ли вернуть их из небытия? И кто за всем этим стоит? Это расследование проведёт вас по лабиринтам старых мёртвых доменов и покажет реальную картину интернет-кладбища.
❤3
Forwarded from Типичный программист
This media is not supported in your browser
VIEW IN TELEGRAM
designMode: читерский способ редактировать страницы прямо в браузере 😎
С помощью этой функции можно быстро изменить содержимое страницы, прикинуть, как интерфейс смотрится с вашими изменениями, ну или на крайняк скинуть клиенту,который уже неделю хочет на это взлянуть.
Как это сделать:
0️⃣ Нажмите
1️⃣ Перейдите в Console.
2️⃣ Введите:
3️⃣ Вы великолепны!
Теперь можете закрыть DevTools и свободно редактировать страницу: менять или двигать картинки, текст и издеваться над прочими элементами. Поддерживается во всех современных браузерах!
#design #лайфхаки
С помощью этой функции можно быстро изменить содержимое страницы, прикинуть, как интерфейс смотрится с вашими изменениями, ну или на крайняк скинуть клиенту,
Как это сделать:
F12, чтобы открыть DevTools.document.designMode="on".Теперь можете закрыть DevTools и свободно редактировать страницу: менять или двигать картинки, текст и издеваться над прочими элементами. Поддерживается во всех современных браузерах!
#design #лайфхаки
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🤣10🗿3😁2
This media is not supported in your browser
VIEW IN TELEGRAM
CSS лифт: конечный автомат на CSS для навигации между этажами
Ещё одна крутая демонстрация современных возможностей CSS. В этой интерактивной модели автор реализовал конечный автомат, который позволяет управлять лифтом, двигающемся между 4 этажами.
Рекомендую изучить, если хотите лучше понимать всю мощь CSS.
#css
Ещё одна крутая демонстрация современных возможностей CSS. В этой интерактивной модели автор реализовал конечный автомат, который позволяет управлять лифтом, двигающемся между 4 этажами.
Рекомендую изучить, если хотите лучше понимать всю мощь CSS.
#css
🔥5🤔4👍2❤1
Media is too big
VIEW IN TELEGRAM
Во-первых, это красиво
Автор этого codepen-проекта создал реально красивую анимированную кнопку закладки. Может вы и не найдёте ей применения у себя, но, как минимум, полюбоваться ей приятно.
#codepen
Автор этого codepen-проекта создал реально красивую анимированную кнопку закладки. Может вы и не найдёте ей применения у себя, но, как минимум, полюбоваться ей приятно.
#codepen
🤔11🤣7👍3👎2