Forwarded from Точка входа в программирование
10 ошибок, которые портят ваши проекты на React и Next JS
Иногда мы сами себе усложняем жизнь, выбирая неправильные решения. В этом видео разобраны 10 таких ситуаций — от неправильного размещения логики в компонентах до неэффективной загрузки данных.
Посмотрите и, возможно, узнаете здесь себя.
#react #nextjs
Иногда мы сами себе усложняем жизнь, выбирая неправильные решения. В этом видео разобраны 10 таких ситуаций — от неправильного размещения логики в компонентах до неэффективной загрузки данных.
Посмотрите и, возможно, узнаете здесь себя.
#react #nextjs
YouTube
10 ОШИБОК, которые ЛОМАЮТ ваши ПРОЕКТЫ!
🔥 Забрать подписку и получить интенсив next js 15 бесплатно при выходе (потом подписки не будет!) - https://htmllessons.link/vPHheBx
❤️ Отзывы тут - https://xn--r1a.website/htmllessons_reviews
🦋 Наш ТГ канал - https://xn--r1a.website/redgroup
Забрать сервисы Kubernetes со скидкой…
❤️ Отзывы тут - https://xn--r1a.website/htmllessons_reviews
🦋 Наш ТГ канал - https://xn--r1a.website/redgroup
Забрать сервисы Kubernetes со скидкой…
👎4❤1🔥1
Гайд по 2FA и MFA: как правильно внедрить многофакторную аутентификацию
По данным IBM, компрометация учётных данных стала топ-вектором атак со средней ценой ошибки $4,81 млн. Обычной связки «пароль + код из СМС» уже недостаточно для обеспечения безопасности данных.
Сегодня всё востребованнее становится двухфакторная и многофакторная аутентификация, которые предлагают более сложные методы проверок. Так уже работают некоторые банки, криптобиржи и другие сервисы, требующие действительно тщательной проверки.
В статье рассказываем, какие варианты внедрения MFA есть сегодня, что обеспечивает безопасность и как сделать безопасность удобной для пользователей. А ещё дарим чек-лист для успешного внедрения 2FA и MFA.
#безопасность
По данным IBM, компрометация учётных данных стала топ-вектором атак со средней ценой ошибки $4,81 млн. Обычной связки «пароль + код из СМС» уже недостаточно для обеспечения безопасности данных.
Сегодня всё востребованнее становится двухфакторная и многофакторная аутентификация, которые предлагают более сложные методы проверок. Так уже работают некоторые банки, криптобиржи и другие сервисы, требующие действительно тщательной проверки.
В статье рассказываем, какие варианты внедрения MFA есть сегодня, что обеспечивает безопасность и как сделать безопасность удобной для пользователей. А ещё дарим чек-лист для успешного внедрения 2FA и MFA.
#безопасность
🔥3❤2👍1
Go Cookbook — кулинарная книга для гошников
На этом сайте собрана обширная коллекция полезных фрагментов кода на Go, примеров и рецептов для создания эффективных, надёжных и масштабируемых приложений.
Заходите, находите решение под вашу задачу и просто копируйте.
#golang
На этом сайте собрана обширная коллекция полезных фрагментов кода на Go, примеров и рецептов для создания эффективных, надёжных и масштабируемых приложений.
Заходите, находите решение под вашу задачу и просто копируйте.
#golang
🔥7❤3
Почему Next.js ломает архитектуру и мешает строить масштабируемые системы
Разработчик и архитектор Харшал Патил жестко раскритиковал Next.js, назвав его «инструментом рендеринга, притворяющимся фреймворком». По его словам, система нарушает базовые принципы проектирования и только ухудшает разработку.
Подробнее можно прочитать у нас на сайте.
А вы согласны с ним?
#nextjs
Разработчик и архитектор Харшал Патил жестко раскритиковал Next.js, назвав его «инструментом рендеринга, притворяющимся фреймворком». По его словам, система нарушает базовые принципы проектирования и только ухудшает разработку.
Подробнее можно прочитать у нас на сайте.
А вы согласны с ним?
#nextjs
🔥17💩5
Веб-страница
Вам больше не нужен JavaScript И не потому, что вы будете писать на другом языке. Просто сегодня CSS и HTML могут заменить значительную часть JS-кода. Здесь собраны интересные решения CSS, которые сегодня отлично работают и освобождают вас от необходимости…
JavaScript, отдохни! Делаем интерактивные вещи на HTML и CSS
Продолжаем делиться современными возможностями HTML и JS. Здесь собрали ещё пачку кейсов, где вы можете сократить количество JS-кода и облегчить свой сайт.
#javascript #html #css
Продолжаем делиться современными возможностями HTML и JS. Здесь собрали ещё пачку кейсов, где вы можете сократить количество JS-кода и облегчить свой сайт.
#javascript #html #css
❤6👍3
Как работать с Auto Layout в Figma
Небольшой видеоурок, в котором вы за 5 минут научитесь пользоваться Авто лейаутом, поймёте зачем он нужен и чем может быть полезен.
Полезно и дизайнерам, и фронтендерам.
#figma #видео #дизайн
Небольшой видеоурок, в котором вы за 5 минут научитесь пользоваться Авто лейаутом, поймёте зачем он нужен и чем может быть полезен.
Полезно и дизайнерам, и фронтендерам.
#figma #видео #дизайн
YouTube
Авто лейаут / Auto layout в Figma за 5 минут
Заказать сайт: https://a.yrokiwp.ru
Коммерческие запросы: https://xn--r1a.website/dmitry_litvi
В этом видео Максим покажет, как пользоваться таким инструментом, как Авто лейаут (Auto layout), расскажет о том, зачем он нужен и чем может быть полезен. Видео учитывает…
Коммерческие запросы: https://xn--r1a.website/dmitry_litvi
В этом видео Максим покажет, как пользоваться таким инструментом, как Авто лейаут (Auto layout), расскажет о том, зачем он нужен и чем может быть полезен. Видео учитывает…
🔥2
Представьте, что вам выпала возможность передать себе из прошлого совет
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
😁2
Лучшие практики для ускорения фронтенда: чек-лист 2025 года
Скорость сайта — ключ к удержанию пользователей и росту конверсии. Этот чек-лист объединяет лучшие практики оптимизации фронтенда, которые помогут сделать ваш веб-проект быстрее и эффективнее. Узнайте, как сократить время загрузки и улучшить пользовательский опыт, независимо от платформы.
#фронтенд
Скорость сайта — ключ к удержанию пользователей и росту конверсии. Этот чек-лист объединяет лучшие практики оптимизации фронтенда, которые помогут сделать ваш веб-проект быстрее и эффективнее. Узнайте, как сократить время загрузки и улучшить пользовательский опыт, независимо от платформы.
#фронтенд
🔥5❤2👍2
Forwarded from Типичный программист
This media is not supported in your browser
VIEW IN TELEGRAM
Почему гиперссылки синие? Всё просто — этот цвет нравился их создателю
Оказывается, ссылки в браузерах выделяются синим просто потому, что этот цвет нравился Марку Андриссену — одному из создателей NCSA Mosaic, первого массового веб-браузера.
В эпоху 256-цветных мониторов он просто выбрал синий из палитры, потому что остальные не понравились. Никаких тестов, аналитики и UX — чисто вкусовщина.
Уровень уверенности💪
Оказывается, ссылки в браузерах выделяются синим просто потому, что этот цвет нравился Марку Андриссену — одному из создателей NCSA Mosaic, первого массового веб-браузера.
В эпоху 256-цветных мониторов он просто выбрал синий из палитры, потому что остальные не понравились. Никаких тестов, аналитики и UX — чисто вкусовщина.
Уровень уверенности
Please open Telegram to view this post
VIEW IN TELEGRAM
👍44❤7
Типичные ошибки новичков в React JS: useState, useEffect, props drilling и useContext
Даже если вы уже какое-то время работаете с React, вы не застрахованы от ошибок и неправильных практик. В этом видео вы разберёте типичные ошибки, которые встречаются в проектах у начинающих React-разработчиков и узнаете:
🔘 как правильно изменять состояние в компоненте используя useState;
🔘 почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него;
🔘 что такое props drilling и как от него избавиться с помощью использования createContext и useContext.
#видео #react
Даже если вы уже какое-то время работаете с React, вы не застрахованы от ошибок и неправильных практик. В этом видео вы разберёте типичные ошибки, которые встречаются в проектах у начинающих React-разработчиков и узнаете:
#видео #react
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥1
Трюк с радиокнопкой в корзине товаров
Отличный способ реализовать интерактивный и понятный UI, не перегружая страницу лишних JS-кодом, предложила автор этой статьи. Для этого она задействовали радиокнопку и немного CSS-кода.
Подробнее в материале.
#фронтенд #css
Отличный способ реализовать интерактивный и понятный UI, не перегружая страницу лишних JS-кодом, предложила автор этой статьи. Для этого она задействовали радиокнопку и немного CSS-кода.
Подробнее в материале.
#фронтенд #css
❤4🔥3👍1
6 архитектурных паттернов 2025 года, которые реально работают
При создании любого мало-мальски серьёзного проекта важно продумать архитектуру, чтобы его можно было удобно развивать и масштабировать. Вариантов архитектур огромное множество.
В статье мы с вами разберём шесть архитектурных паттернов, которые реально работают и помогут вам построить отказоустойчивый проект.
#паттерны
При создании любого мало-мальски серьёзного проекта важно продумать архитектуру, чтобы его можно было удобно развивать и масштабировать. Вариантов архитектур огромное множество.
В статье мы с вами разберём шесть архитектурных паттернов, которые реально работают и помогут вам построить отказоустойчивый проект.
#паттерны
😁8❤5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Говорят, ЛикПуСси влияет на квартальную премию.
У кого в команде также?
У кого в команде также?
🤣49❤3🫡2
Пробуем использовать cross-fade() в CSS
Функция CSS
Как этим пользоваться рассказали в статье.
#css #фронтенд
Функция CSS
cross-fade() смешивает фоновое изображение и маску с заданным значением прозрачности. То есть вы можете сделать плавный переход между слоями изображений, расположенных друг над другом. Для каждого слоя можно использовать свой уровень прозрачности и это даёт возможность создавать сложные переходы и даже анимации.Как этим пользоваться рассказали в статье.
#css #фронтенд
❤5👍1
Forwarded from Инструменты программиста
This media is not supported in your browser
VIEW IN TELEGRAM
Google представил CodeMender — ИИ, который самостоятельно исправляет уязвимости в коде
Техногигант представил инструмент, способный автоматически обнаруживать и исправлять дефекты безопасности в коде. Под капотом — BigSleep (генерация изображений) и OSS-Fuzz (инструмент для fuzz-тестирования — скармливания большого количества неупорядоченных данных). Ключевой компонент системы — Gemini, применяемая для корневого анализа причин ошибок.
Процесс устроен так: ИИ генерирует патчи, затем они проходят проверку другими ИИ — агентами-критиками, которые оценивают безопасность и качество исправлений. Только после этого результат отправляется на утверждение человеку.
Платформа предлагает также новую программу вознаграждений за найденные баги (до $20 000).
@prog_tools
Техногигант представил инструмент, способный автоматически обнаруживать и исправлять дефекты безопасности в коде. Под капотом — BigSleep (генерация изображений) и OSS-Fuzz (инструмент для fuzz-тестирования — скармливания большого количества неупорядоченных данных). Ключевой компонент системы — Gemini, применяемая для корневого анализа причин ошибок.
Процесс устроен так: ИИ генерирует патчи, затем они проходят проверку другими ИИ — агентами-критиками, которые оценивают безопасность и качество исправлений. Только после этого результат отправляется на утверждение человеку.
Платформа предлагает также новую программу вознаграждений за найденные баги (до $20 000).
@prog_tools
🔥5
Что такое миксины?
Миксины — это способ повторно использовать общий функционал в разных частях приложения без наследования.
Если объяснять простыми словами, это как «набор инструментов», который можно «примешать» к разным компонентам или классам.
В контексте веб-разработки термин чаще всего встречается в двух случаях:
1️⃣ CSS / препроцессоры (Sass, Less):
🔘 Миксин — это блок стилей, который можно вызывать повторно в разных селекторах.
🔘 Он позволяет не дублировать одинаковый CSS.
🔘 В отличие от обычного класса, миксин не привязан к конкретному селектору — он просто вставляет набор правил туда, где его вызвали.
2️⃣ JavaScript (особенно до появления современных паттернов)
🔘 Миксин — объект или функция с методами, которые можно добавить к другим классам или объектам, не меняя их иерархию.
🔘 Это альтернатива множественному наследованию, которого в JS нет.
Пример: если разным компонентам нужна одинаковая логика — например, логирование или валидация — её можно вынести в миксин и «примешать» туда, где нужно.
В современных фреймворках миксины часто заменяют другими подходами — например, хуками в React или композицией во Vue 3. Но идея остаётся та же — разделение общей логики и повторное использование.
#вопросответ
Если объяснять простыми словами, это как «набор инструментов», который можно «примешать» к разным компонентам или классам.
В контексте веб-разработки термин чаще всего встречается в двух случаях:
Пример: если разным компонентам нужна одинаковая логика — например, логирование или валидация — её можно вынести в миксин и «примешать» туда, где нужно.
В современных фреймворках миксины часто заменяют другими подходами — например, хуками в React или композицией во Vue 3. Но идея остаётся та же — разделение общей логики и повторное использование.
#вопросответ
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍5❤1
Media is too big
VIEW IN TELEGRAM
Полезная краткая лекция о прохождении IP-пакетов между сетями
Чтобы глубже понять технологию и использовать её максимально эффективно, важно разобраться в её внутреннем устройстве. Эта лекция как раз для таких случаев.
Идеально подойдёт сетевым инженерам, системным администраторам и разработчикам, работающим с сетями.
#general #hardware #ru
Чтобы глубже понять технологию и использовать её максимально эффективно, важно разобраться в её внутреннем устройстве. Эта лекция как раз для таких случаев.
Идеально подойдёт сетевым инженерам, системным администраторам и разработчикам, работающим с сетями.
#general #hardware #ru
👍15🔥3❤1
5 шагов для защиты бэкенда: чек-лист от уязвимостей
В мире, где киберугрозы становятся всё более изощрёнными, защита бэкенда от уязвимостей становится ключевым элементом безопасности. Здесь мы вместе с Семёнов Шаплыгиным, Senior Software Developer в Yandex и экспертом Эйч, рассказали пять основных шагов, которые помогут вам минимизировать риски и сделать серверную часть более защищённой.
#бэкенд #безопасность
В мире, где киберугрозы становятся всё более изощрёнными, защита бэкенда от уязвимостей становится ключевым элементом безопасности. Здесь мы вместе с Семёнов Шаплыгиным, Senior Software Developer в Yandex и экспертом Эйч, рассказали пять основных шагов, которые помогут вам минимизировать риски и сделать серверную часть более защищённой.
#бэкенд #безопасность
🔥4
Упаковка проекта с большой анимацией в один HTML файл или как кодировка Windows-1251 избавила от лишних 52МБ
Необычный опыт разработки упаковщика проекта с большой анимационной сценой в один независимый HTML-файл, который может воспроизводиться в любом браузере без интернета и веб-сервера.
Смогли бы повторить?
#html
Необычный опыт разработки упаковщика проекта с большой анимационной сценой в один независимый HTML-файл, который может воспроизводиться в любом браузере без интернета и веб-сервера.
Смогли бы повторить?
#html
🔥10