Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai
Какой самый важный навык необходим для веб-разработки? Отвечает ваш Т9!
В комментах пишите начало фразы Лучший навык для веб-разработки — это
, а продолжит её пускай автодополнение.
#обсуждение
Всё о CSS Grid за 13 минут
CSS Grid — это мощный инструмент для упрощения создания сложных макетов на веб-страницах. Он позволяет разработчикам легко управлять расположением элементов на странице, обеспечивая гибкость и контроль над их позиционированием.
Также использование CSS Grid помогает сократить количество кода, улучшить читаемость стилей и сделать макеты более предсказуемыми и контролируемыми.
Видео начинается с теории, а затем автор показывает, как настроить сетку с помощью CSS Grid, включая создание колонок и строк, зазоры между элементами, автоматические строки, а также выравнивание и позиционирование элементов. Тут также рассматривается работа с областями и настройка начала и конца строк и колонок.
https://youtu.be/MEOR2b69Pl4?si=Jk6MQxo7VHO-VP_v
@prog_point #web #frontend #css
Perspective — API для модерации комментариев и обсуждений
Инструмент использует технологию машинного обучения для распознавания "токсичных" формулировок: оскорблений, угроз, домогательств. Набор триггеров выбирается самостоятельно. Каждый комментарий получает оценку по 100-балльной шкале, чем выше оценка — тем оскорбительнее комментарий. Это значительно упрощает модерацию — достаточно только отфильтровать обсценные высказывания и отклонить их. Со стороны пользователя предусмотрена сортировка по шкале оскорбительности, чтобы не сталкиваться с такими высказываниями. Инструмент также можно внедрить в поле написания комментария — тогда пользователь сразу будет знать оценку оскорбительности.
Доступно для русского, английского, китайского, французского, немецкого и других языков.
Стоимость: #бесплатно.
#API #веб @prgg_tools
Говорят, что мужчины не плачут. Также админ, когда кто-то пролистал весь контент до 2020 года и прокомментировал старый пост: 😭
А вы листаете старые записи? Если да, расскажите, почему так делаете и что ищете?
В 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 #безопасность
Скрытые функции Google Chrome для разработчика
Chrome Dev Tools — один из самых популярных инструментов среди веб-разработчиков. Однако в неём есть некоторые полезные функции, о которых большинство разработчиков не знает.
В этой статье вы сможете узнать о пяти основных функциях Chrome DevTools, которые могут вам пригодиться:
https://webformyself.com/skrytye-funkcii-google-chrome-dlya-razrabotchika/
#devtools #инструменты
Вопрос от читателя: «Какой state management вы используете в больших React-приложениях?»
Наш читатель столкнулся с тем, что в одном из проектов контекст API начал сильно тормозить при большом количестве компонентов. Пробовали Redux, но он оказался громоздким. Рассматривали Context API, но столкнулись с prop drilling.
Призываем на помощь знатоков! Как решаете проблемы с производительностью и масштабируемостью? Делитесь в комментариях на сайте: https://tproger.ru/articles/upravlenie-sostoyaniem-v-bolwih-react-prilozheniyah-250768
#обсуждение
Когда наврал в резюме, но тебя всё равно взяли на работу:
Читать полностью…Мы расширяемся и ищем новых редакторов в команду!
Если вам нравятся наши соцсети и вы хотите принять участие в их развитии, то у вас появилась такая возможность.
Подробнее с вакансией можно познакомиться по ссылке.
#вакансии #работа
10 инструментов для CSS: анимация, сетки и дизайн
Сегодня существует множество стилей в веб-дизайне, которые сменяют друг друга чуть ли не каждый день. Уследить за каждым сложно, также как и уметь реализовывать их с помощью CSS.
Поэтому в этой статье мы рассмотрим некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень, облегчая создание современного UI:
https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn
#css
Когда мем — это аргумент: @Scruser эпично поставил точку в вопросе о высшем образовании
👍— согласен, вышка не нужна
👎— не согласен, вышка нужна
Когда контейнер упал, и тебе нужно посмотреть логи:
Читать полностью…Вышел 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
Годных codepen-проектов вам в ленту: Vanilla JS Snake
Проект реализован с помощью Canvas и библиотеки Vanila.js. Исходники: https://codepen.io/fariati/pen/mdRpEYP
👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg
#codepen
Видеоурок: Пишем шахматы на JS
Подробный трехчасовой туториал по разработке шахмат на JavaScript с использованием Stockfish API: https://youtu.be/fJIsqZmQVZQ
#javascript
Мы нашли вход в айтишную Нарнию
И он оказался не в шкафу, а в Telegram. Если интересуетесь темой IT, то скорее вступайте в чат типичных айтишников! Там вы найдёте единомышленников и сможете обсудить волнующие вас вопросы.
Вход в айтишную Нарнию по ссылке.
Создание и деплой полнофункционального приложения для обмена сообщениями в чате
В этом видео автор предлагает с нуля создать полноценное приложение для чата с личными и групповыми чатами, эмодзи и реакциями, встроенной поддержкой Gif, возможностью редактировать и удалять сообщения, специализированными командами и многим другим.
Все подробности в видео: https://www.youtube.com/watch?v=MJzbJQLGehs
#фронтенд #бэкенд #видео
Разыскиваем системных аналитиков с опытом.
Стек: Java / Kotlin (JDK 11), Spring Boot, PostgreSQL, Apache Kafka, Openshift/ Kubernetes, TypeScript, React, React Native.
Задачи:
— Анализ функциональности ПО.
— Проектирование интеграции с источниками данных.
— Поддержка документации.
Бонусы:
— Зарплата до 330 000 рублей на руки, премии и скидки.
— Возможность выстроить свою систему на новом проекте.
— Нет legacy и есть полная свобода в выборе инструментов.
Откликайтесь тут
#вакансии #работа
6 возможностей использования ИИ при разработке сайта
В этой статье разобрали применение ИИ в разработке сайтов и поделились мнениями действующих разработчиков об использовании нейросетей в своей работе.
Интересно, чтобы понять, действительно ли разрабам уже сегодня есть какая-то помощь и польза от ИИ, и от каких инструментов конкретно: https://tproger.ru/articles/6-vozmozhnostej-ispolzovaniya-ii-pri-razrabotke-sajta
#ии
Открытый курс по JavaScript запустила команда AvitoTech (а это уже гарантия качественного контента)
1. Для всех уровней разработки (но с базой в программировании будет попроще).
2. Доступным языком.
3. Про JavaScript / HTML / CSS.
Первый выпуск посвящён базовым понятиям: технология веба, браузер, клиент, сервер. Лекция уже доступна на канале AvitoTech.
Смотрите, это бесплатно!
Это #партнёрский пост
Тимлид, когда джун на общем созвоне предложил переписать бэкенд на JavaScript:
Читать полностью…Утром стулья, а вечером деньги: платите за обучение только после трудоустройства
На курсе по JavaScript от Kata Academy вы обучитесь этому популярному языку веб-разработки. А по истечению 9 месяцев HR-специалист поможет составить резюме и выбрать компании для откликов. Win-win.
Подавайте заявку на обучение и становитесь Frontend-разработчиком.
Это #партнёрский пост
Осваиваем WordpPress с помощью ИИ
Гайд по основам работы с WordPress от ребят с freeCodeCamp: https://www.youtube.com/watch?v=2mrxvLvz_rk
#wordpress
Поздравляем!
Вы так долго листали, что долистали до подборки бесплатных книг. Обмана нет, вот ссылка на репозиторий.
Помимо большого количества технических книг по разным ЯП, инструментам, фреймворкам и стекам, тут есть и полезные статьи, подкасты и прочие обучающие материалы. Все ресурсы рассортированы по языкам. Есть в том числе и русский.
#подборка #книга
Про UI/UX в двух словах: как и зачем применяют принципы логики в дизайне интерфейсов?
Логика — фундаментальный инструмент, который помогает принимать решения и преодолевать проблемы. Она применима во всём — от простых повседневных действий до сложных научных исследований. И, конечно же, она играет огромную роль в дизайне интерфейсов.
Логика и дизайн-мышление помогают создавать выдающиеся интерфейсы. О том, как это работает, и как «прокачать» эти навыки, рассказывает наш читатель Иван Сержантов: https://tproger.ru/articles/kak-i-zachem-primenyayut-principy-logiki-v-dizajne-interfejsov
#дизайн #ux
Инженерные истории со смыслом
Хотите узнать больше про создание и эксплуатацию систем и приложений, платформенную разработку, базы данных и облачные технологии, тестирование и безопасность, ML-инфраструктуру и опенсорс-решения? Всё это ждёт вас на infra.conf — конференции про создание инфраструктуры и эксплуатацию высоконагруженных систем.
Программа включает 18 докладов, разделённых на два трека: Bounce и Pulsar. Уже через час начнутся доклады:
— «Как удобно жить на железе в 2К24 базовой инфраструктуре» Бориса Литвиненко, ведущего разработчика группы разработки сетевой инфраструктуры и мониторинга, Yandex Infrastructure.
— «YDB Topics: история взаимоотношений с Kafka» Александра Зевайкина, руководителя группы разработки, YDB.
Смотреть подробную программу мероприятия и прямую трансляцию обоих треков
Реклама. Рекламодатель: ООО «Яндекс.Облако» ИНН 7704458262, erid: LjN8KXcTB
Если вы когда-нибудь пытались парсить сайты привычными bs4 + selenium, то наверняка заметили, что «плавающей» капчей уже не ограничиваются: антибот-защита теперь учитывает поведение пользователей и браузерные отпечатки. В некоторых случаях стандартными библиотеками уже не обойтись.
Команда из Octo Browser рассказывает, как устроена такая защита сайта и что нужно для ее обхода: ведь не все роботы вредные.
#факты
Это #партнёрский пост
5 ошибок, которые можно допустить при запуске первого проекта React
Даже самая лучшая документация не охватывает абсолютно всё. Поэтому, работая с новым инструментом, можно столкнуться с различного рода ошибками и проблемами. Это касается даже такой популярной библиотеки, как React.
В этой статье автор поделился ошибками, которые допустил он и можете допустить вы, начиная свой первый проект:
https://css-tricks.com/5-mistakes-starting-react/
#react
Вся команда на дейлике: делится сделанными задачами
Сеньор с зарплатой 5к долларов:
Docker Hub перестал работать в России: что делать?
При попытке зайти на сайт Docker Hub юзеры сталкиваются с ошибкой «403 Forbidden»: https://tproger.ru/news/docker-hub-perestal-rabotat-v..
Пришла пора для https://huecker.io/
Ждем docker pull ubuntu:zver-edition
#docker