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

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

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

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

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

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

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

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

​​Осваиваем 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

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

Всё о CSS Grid за 13 минут

CSS Grid — это мощный инструмент для упрощения создания сложных макетов на веб-страницах. Он позволяет разработчикам легко управлять расположением элементов на странице, обеспечивая гибкость и контроль над их позиционированием.

Также использование CSS Grid помогает сократить количество кода, улучшить читаемость стилей и сделать макеты более предсказуемыми и контролируемыми.

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

https://youtu.be/MEOR2b69Pl4?si=Jk6MQxo7VHO-VP_v

@prog_point #web #frontend #css

Мы нашли вход в айтишную Нарнию

И он оказался не в шкафу, а в Telegram. Если интересуетесь темой IT, то скорее вступайте в чат типичных айтишников! Там вы найдёте единомышленников и сможете обсудить волнующие вас вопросы.

Вход в айтишную Нарнию по ссылке.

​​Какой самый важный навык необходим для веб-разработки? Отвечает ваш Т9!

В комментах пишите начало фразы Лучший навык для веб-разработки — это, а продолжит её пускай автодополнение.

#обсуждение

​​React-хуки + интеграция с Zod и Material UI для начинающих

Узнайте, как использовать React Hook Form, который упрощает добавление форм в React с аутентификацией. В этом курсе вы узнаете, как обрабатывать самые сложные сценарии CRUD-форм в React и полностью интегрировать их с Zod и Material UI: https://youtu.be/JyeWoqWsQFo

#react

Алгоритм Дейкстры: как работает и где используется?

Алгоритм Дейкстры используют для решения «задачи о кратчайших путях с единственным источником». Она заключается в поиске кратчайших путей от заданной вершины до всех остальных во взвешенном графе с неотрицательными весами.

Как выбрать оптимальный маршрут для автомобиля или определить самый выгодный вариант перелёта с учетом возможных пересадок? Алгоритм Дейкстры предлагает эффективное решение задачи поиска в графе кратчайших путей от заданной вершины. Разбираем подробнее: https://tproger.ru/articles/algoritm-dejkstry--kak-rabotaet-i-gde-ispolzuetsya

#алгоритмы

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

Проект реализован с помощью HTML и SCSS. Исходники: https://codepen.io/klaufel/pen/OJQBpVQ

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

#codepen

Адаптив без боли: как сделать резиновую вёрстку с заботой обо всех разрешениях?

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

В этой статье автор рассказывает, как сделать все размеры элементов зависимыми от font-size у html-элемента, придать им «резиновость» и получить удобство в разработке.

У такого подхода тоже есть свои нюансы, но с ним:
— Код легко читается.
— Все значения указываются в понятном виде — так, как в макете.
— При разработке не нужно учитывать промежуточные размеры viewport.
— Сайт всегда будет выглядеть так, как задумывалось, на любом размере экрана в пределах своей категории, определяемой брейкпоинтами и базовым разрешением.
— Есть системность: использовать rem() всегда и везде, за исключением, где нужны em, %, ch и другие единицы.

Подробнее: https://habr.com/ru/articles/819565/

#фронтенд

​​Что нужно знать о современном CSS на начало лета 2024 года?

Цель этой статьи — познакомить вас с новыми и потрясающими возможностями, которые недавно появились в CSS. Автор показал их плюсы, продемонстрировал базовый синтаксис и примеры использования, чтобы вы при желании могли исследовать тему глубже:

https://habr.com/ru/articles/816541/

#css