​​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

Пожалуй, самое наглядное объяснение 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

Гонка на столбчатой диаграмме

Вы наверняка встречали такие видео, когда речь шла о бенчмарке GPT или экономиках стран. Библиотека sjvisualizer как раз позволяет создавать такие. Принимает данные в популярных форматах (.xslx, датафрейм pandas), поддерживает круговые / линейные диаграммы.

Репозиторий проекта

#библиотека

@zen_of_python

Если бы существовал закон о защите чувств программистов, что бы он запрещал?

Запретить go to, километр в 1000 метров, называть компьютер «процессором» — какие ещё пункты должны быть в законопроекте о защите чувств программистов?

#обсуждение

Видеокурс: Изучаем Three.js на пяти реальных проектах

Three.js — кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D-графики при разработке веб-приложений.

На freeCodeCamp вышел часовой курс про основные приёмы создания потрясающих 3D-анимаций и эффектов в реальном времени с помощью JavaScript: https://www.youtube.com/watch?v=UMqNHi1GDAE

#javascript

Как вычислить тимлида на созвоне