​Тимлид, когда джун на общем созвоне предложил переписать бэкенд на 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 года и прокомментировал старый пост: 😭

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

Разыскиваем системных аналитиков с опытом.

Стек: Java / Kotlin (JDK 11), Spring Boot, PostgreSQL, Apache Kafka, Openshift/ Kubernetes, TypeScript, React, React Native.
 
Задачи:
— Анализ функциональности ПО.
— Проектирование интеграции с источниками данных.
— Поддержка документации.
 
Бонусы:
— Зарплата до 330 000 рублей на руки, премии и скидки.
— Возможность выстроить свою систему на новом проекте.
— Нет legacy и есть полная свобода в выборе инструментов.

Откликайтесь тут

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

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

Пожалуй, самое наглядное объяснение DDOS-атаки через аниме:

Действительно страшно...

CSS Peek | Хинты

Напрашивающееся расширение для VSCode, показывающее CSS-класс при наведении на объект.

Цена: бесплатно
Расширение на Visual Studio Code Marketplace

@prog_tools

Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов

— Разбор 30 самых популярных вопросов с собеседованиий: https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika/

— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут: https://tprg.ru/Mbsq

— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд (https://github.com/yangshun/front-end-interview-handbook) и перевод на русский (https://www.frontendinterviewhandbook.com/ru/html-questions).

— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями: https://github.com/lydiahallie/javascript-questions

#фронтенд #собеседование #javascript