Forwarded from Точка входа в программирование
Лучший гайд по HTTP для начинающих
HTTP — это ключевой протокол в Интернете. Но начинающим часто бывает сложно разобраться во всех его терминах: что за протокол, что за методы, что за клиенты и серверы?
Я нашёл один из самых понятных и простых гайдов по HTTP, который позволит вам разобраться с ним с полного нуля. Никаких сложных определений и заумных терминов! Только понятные примеры и наглядная графика. Смотрим тут.
#видео #http
HTTP — это ключевой протокол в Интернете. Но начинающим часто бывает сложно разобраться во всех его терминах: что за протокол, что за методы, что за клиенты и серверы?
Я нашёл один из самых понятных и простых гайдов по HTTP, который позволит вам разобраться с ним с полного нуля. Никаких сложных определений и заумных терминов! Только понятные примеры и наглядная графика. Смотрим тут.
#видео #http
YouTube
Лучший Гайд по HTTP для Начинающих за 25 Мин с Нуля
HTTP - это ключевой протокол в Интернете, но начинающим бывает сложно разобраться во всех его терминах: что за протокол, что за методы, что за клиенты и серверы?
Я подготовил лучший гайд по HTTP, который позволит тебе разобраться с ним с полного нуля. Никаких…
Я подготовил лучший гайд по HTTP, который позволит тебе разобраться с ним с полного нуля. Никаких…
💩5🤩3
Что такое всплытие в JavaScript?
Пишите свой вариант в комментах, а потом читайте спойлер.
Всплытие событий в JavaScript — это фаза обработки, когда событие, возникшее на элементе, автоматически поднимается вверх по дереву DOM к его родителям вплоть до document и window.
Например, если кликнуть на кнопку внутри div, сначала событие сработает на кнопке, затем на div, потом на body и так далее. Это позволяет использовать делегирование событий: вместо того чтобы вешать обработчик на каждую кнопку, можно повесить один на контейнер и обрабатывать клики через event.target .
Если нужно остановить всплытие, используется метод event.stopPropagation().
#вопросответ
Пишите свой вариант в комментах, а потом читайте спойлер.
Например, если кликнуть на кнопку внутри div, сначала событие сработает на кнопке, затем на div, потом на body и так далее. Это позволяет использовать делегирование событий: вместо того чтобы вешать обработчик на каждую кнопку, можно повесить один на контейнер и обрабатывать клики через
Если нужно остановить всплытие, используется метод event.stopPropagation().
#вопросответ
👍6🔥2❤1
Делегирование событий в JavaScript: когда обычного всплытия недостаточно
По мере роста фронтенд-приложений управление пользовательскими взаимодействиями становится все более важным. Добавление обработчика событий на каждый интерактивный элемент — плохая практика: это усложняет код, увеличивает расход памяти и снижает производительность. Здесь на помощь приходит делегирование событий (event delegation).
Для разработчиков современных веб-приложений понимание делегирования событий — не просто полезный навык, а жизненно важная необходимость. Поэтому рекомендую прочитать эту статью.
#javascript
По мере роста фронтенд-приложений управление пользовательскими взаимодействиями становится все более важным. Добавление обработчика событий на каждый интерактивный элемент — плохая практика: это усложняет код, увеличивает расход памяти и снижает производительность. Здесь на помощь приходит делегирование событий (event delegation).
Для разработчиков современных веб-приложений понимание делегирования событий — не просто полезный навык, а жизненно важная необходимость. Поэтому рекомендую прочитать эту статью.
#javascript
👍4🤔3❤1
20 приемов TypeScript, которые должен знать каждый разработчик
Подборок с приёмами для JS много, хотя TypeScript может побаловать ещё более интересными решениями, которые сильно упрощают разработку и делают код чище и более поддерживаемым.
Исправляем это упущение и делимся подборкой из 20 советов.
Если знаете что-то ещё крутое, делитесь в комментариях.
#typescript
Подборок с приёмами для JS много, хотя TypeScript может побаловать ещё более интересными решениями, которые сильно упрощают разработку и делают код чище и более поддерживаемым.
Исправляем это упущение и делимся подборкой из 20 советов.
Если знаете что-то ещё крутое, делитесь в комментариях.
#typescript
👍3👎1🔥1
В гайдах для начинающих на такие вопросы вряд ли найдется ответ. А вот в телеграм-канале OTP Tech точно найдется наглядный разбор.
В OTP Tech вы получите реальный опыт внедрения сложных решений в продакшен крупного финтеха. Ну и просто фановый интерактив, который поможет разгрузить голову.
Если вы разрабатываете, проектируете или администрируете и хотите смотреть дальше хеллоу ворлдов — вам будет здесь интересно.
Присоединяйтесь: @otp_tech
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Как устроен Node.js изнутри
Node.js — интересный инструмент для веб-разработчиков. В этой статье мы узнаем, из чего состоит Node.js, разберёмся, как внутренние компоненты Node.js взаимодействуют друг с другом, и изучим репозиторий проекта Node.js на GitHub.
https://www.smashingmagazine.com/2020/04/nodejs-internals/
#бэкенд #nodejs
Node.js — интересный инструмент для веб-разработчиков. В этой статье мы узнаем, из чего состоит Node.js, разберёмся, как внутренние компоненты Node.js взаимодействуют друг с другом, и изучим репозиторий проекта Node.js на GitHub.
https://www.smashingmagazine.com/2020/04/nodejs-internals/
#бэкенд #nodejs
🔥2
Всем тимлидам, разработчикам, тестировщикам и админам!
Счастливого Дня программиста!
Желаем вам всегда зелёных билдов, отзывчивых кластеров и тихих дежурных смен. Пусть ваши логи будут чисты от ошибок, а мониторинг предупреждает о проблемах раньше, чем о них узнают пользователи.
И чтобы пожелание точно сбылось, обязательно воспользуйтесь подарками из нашей IT-коробки. Готовили с любовью в сердце вместе с нашими друзьями.
С праздником!
Счастливого Дня программиста!
Желаем вам всегда зелёных билдов, отзывчивых кластеров и тихих дежурных смен. Пусть ваши логи будут чисты от ошибок, а мониторинг предупреждает о проблемах раньше, чем о них узнают пользователи.
И чтобы пожелание точно сбылось, обязательно воспользуйтесь подарками из нашей IT-коробки. Готовили с любовью в сердце вместе с нашими друзьями.
С праздником!
🔥12❤1
Forwarded from Точка входа в программирование
Деструктуризация в JavaScript
Деструктуризация — это удобный инструмент получения данныхв JS. Он позволяет «распаковывать» сразу много значений из массивов или объектов во множество переменных. Это, например, активно используется в React-хуках.
Простейший пример:
Здесь мы одной строкой задаем значения из массива сразу трём переменным —
Подробнее о возможностях и фишках деструктуризации можно прочитать в этой статье.
#javascript #основы
Деструктуризация — это удобный инструмент получения данныхв JS. Он позволяет «распаковывать» сразу много значений из массивов или объектов во множество переменных. Это, например, активно используется в React-хуках.
Простейший пример:
const timers = [10, 20, 30];
const [first, second, third] = timers;
Здесь мы одной строкой задаем значения из массива сразу трём переменным —
first, second, third.Подробнее о возможностях и фишках деструктуризации можно прочитать в этой статье.
#javascript #основы
❤3👍2
Old but gold: Десять советов по улучшению CSS-переходов и анимации
Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.
Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:
https://joshcollinsworth.com/blog/great-transitions
#css
Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.
Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:
https://joshcollinsworth.com/blog/great-transitions
#css
🔥1
Forwarded from Типичный программист
Лимитка для комьюнити выходит в прод! Успей залететь в розыгрыш
Уже скоро День программиста, и к этому моменту наш безалкогольный IPA будет разлит!
Вы выбрали название и концепт упаковки, а наши коллеги по коллабу из Paradox уже отдали этикетки в печать.
И пока мы с вами ожидаем релиза, запускаем специальный розыгрыш.
Победитель получит коробку «ТОКСИЧНЫЙ ПРОГРАММИСТ» с шестью банками. Подробнее с правилами вы можете ознакомиться здесь.
Для участия достаточно:
— быть подписанным на @tproger и @paradox_beer;
— оставить реакцию и любой комментарий под этим постом;
— нажать кнопку «Участвую».
Итоги подведём 15 сентября. Победителя выберем с помощью бота. Всем удачи!
Участников: 1082
Призовых мест: 1
Дата розыгрыша: 18:00, 15.09.2025 MSK (5 часов)
Уже скоро День программиста, и к этому моменту наш безалкогольный IPA будет разлит!
Вы выбрали название и концепт упаковки, а наши коллеги по коллабу из Paradox уже отдали этикетки в печать.
И пока мы с вами ожидаем релиза, запускаем специальный розыгрыш.
Победитель получит коробку «ТОКСИЧНЫЙ ПРОГРАММИСТ» с шестью банками. Подробнее с правилами вы можете ознакомиться здесь.
Для участия достаточно:
— быть подписанным на @tproger и @paradox_beer;
— оставить реакцию и любой комментарий под этим постом;
— нажать кнопку «Участвую».
Итоги подведём 15 сентября. Победителя выберем с помощью бота. Всем удачи!
Участников: 1082
Призовых мест: 1
Дата розыгрыша: 18:00, 15.09.2025 MSK (5 часов)
🔥3
Вышел Golang 1.25. Что нового?
В первую очередь релиз Golang 1.25 направлен на производительность и улучшение инструментов. Добавили новый сборщик мусора, автонастройку GOMAXPROCS для контейнеров, пакеты testing/synctest, json/v2.
В статье мы собрали самые заметные изменения Go 1.25 и рассказали про сценарии их применения.
#golang #бэкенд
В первую очередь релиз Golang 1.25 направлен на производительность и улучшение инструментов. Добавили новый сборщик мусора, автонастройку GOMAXPROCS для контейнеров, пакеты testing/synctest, json/v2.
В статье мы собрали самые заметные изменения Go 1.25 и рассказали про сценарии их применения.
#golang #бэкенд
🔥3❤1
20 частых антипаттернов в React и как их исправить: кратко, понятно, без мифов
React обеспечивает предсказуемость и прозрачность UI при условии соблюдения его модельных ограничений. Но на практике даже опытные разработчики продолжают совершать ошибки при работе с библиотекой. Как итог — избыточные рендеры, мерцания интерфейса, нестабильные эффекты, расхождения данных и дефекты, плохо поддающиеся диагностике.
Тут собраны типовые антипаттерны, которые можно встретить чаще всего. Но самое главное — советы по их устранению и предотвращению. Рекомендую изучить как начинающим, так и опытным react-разработчикам.
#react #фронтенд
React обеспечивает предсказуемость и прозрачность UI при условии соблюдения его модельных ограничений. Но на практике даже опытные разработчики продолжают совершать ошибки при работе с библиотекой. Как итог — избыточные рендеры, мерцания интерфейса, нестабильные эффекты, расхождения данных и дефекты, плохо поддающиеся диагностике.
Тут собраны типовые антипаттерны, которые можно встретить чаще всего. Но самое главное — советы по их устранению и предотвращению. Рекомендую изучить как начинающим, так и опытным react-разработчикам.
#react #фронтенд
🤔2
Что такое ARIA и для чего используется во фронтенде?
Простой вопрос. Сможете ответить?
ARIA (Accessible Rich Internet Applications) — это набор дополнительных атрибутов, которые расширяют возможности HTML, SVG и других языков для создания более доступных интерфейсов.
ARIA помогает повысить уровень доступности элементов или сделать статичную страницу динамическим веб-приложением для пользователей вспомогательных технологий. С помощью ARIA-разметки можно улучшить доступность интерактивных элементов, связать элементы друг с другом, указать в каком состоянии они находятся, отметить изменения на странице или описать структуру документа.
#вопросответ
Простой вопрос. Сможете ответить?
ARIA помогает повысить уровень доступности элементов или сделать статичную страницу динамическим веб-приложением для пользователей вспомогательных технологий. С помощью ARIA-разметки можно улучшить доступность интерактивных элементов, связать элементы друг с другом, указать в каком состоянии они находятся, отметить изменения на странице или описать структуру документа.
#вопросответ
👍4🤔1
Forwarded from Код найма
Нужен ли ментор, чтобы найти работу? 🐱
Знакомая картина? Отправил 500 откликов за неделю — ни одного ответа. Наконец позвонил HR, назначили собес, а ты уже трясёшься от страха: «Сейчас поймут, что я ничего не знаю». После собеседования слышишь: «Мы с вами свяжемся», но в итоге тишина. Опустить руки в таких условиях проще простого.
Хорошо, если есть человек, который поможет понять, что идет не так, и подскажет, как это исправить. Сергей — основатель Академии Python, ментор, который за 2 года помог 200+ человек получить необходимые навыки и офферы на рынке. Сам прошёл путь от нуля до потолка по зарплате, провёл сотни собеседований с обеих сторон. Его ученики находят работу в среднем за 1,5 месяца после выпуска со средним окладом 200к+😘
Мы упаковали его менторский кейс с Женей в полноценную статью. В ней Сергей не просто объясняет, как удалось довести менти до оффера, но и рассказывает, что происходит на рынке вакансий, и как выудить из взаимодействия с ментором максимум пользы.
🚀 Пока другие боятся менять работу и теряют время, вы можете получить оффер с зарплатой на 50–100% выше. Напишите Сергею в течение 24 часов, получите бесплатную консультацию и заберите проверенный алгоритм апгрейда карьеры.
Знакомая картина? Отправил 500 откликов за неделю — ни одного ответа. Наконец позвонил HR, назначили собес, а ты уже трясёшься от страха: «Сейчас поймут, что я ничего не знаю». После собеседования слышишь: «Мы с вами свяжемся», но в итоге тишина. Опустить руки в таких условиях проще простого.
Хорошо, если есть человек, который поможет понять, что идет не так, и подскажет, как это исправить. Сергей — основатель Академии Python, ментор, который за 2 года помог 200+ человек получить необходимые навыки и офферы на рынке. Сам прошёл путь от нуля до потолка по зарплате, провёл сотни собеседований с обеих сторон. Его ученики находят работу в среднем за 1,5 месяца после выпуска со средним окладом 200к+
Мы упаковали его менторский кейс с Женей в полноценную статью. В ней Сергей не просто объясняет, как удалось довести менти до оффера, но и рассказывает, что происходит на рынке вакансий, и как выудить из взаимодействия с ментором максимум пользы.
🚀 Пока другие боятся менять работу и теряют время, вы можете получить оффер с зарплатой на 50–100% выше. Напишите Сергею в течение 24 часов, получите бесплатную консультацию и заберите проверенный алгоритм апгрейда карьеры.
Please open Telegram to view this post
VIEW IN TELEGRAM
👎3🤔1
Как сделать сайт доступнее: инструменты accessibility, которые вы можете внедрить прямо сейчас
При создании современных веб-сайтов разработчики фокусируются на сроках, дизайне и производительности, ставя доступность на второй план. Но проблемы с доступностью касаются не только людей с инвалидностью.
А ведь решить их на самом деле не так уж сложно, как кажется. Мы подготовили статью, где рассмотрели инструменты, которые помогут вам превратить сложные требования к доступности в понятные и автоматизируемые задачи.
#a11y #фронтенд
При создании современных веб-сайтов разработчики фокусируются на сроках, дизайне и производительности, ставя доступность на второй план. Но проблемы с доступностью касаются не только людей с инвалидностью.
А ведь решить их на самом деле не так уж сложно, как кажется. Мы подготовили статью, где рассмотрели инструменты, которые помогут вам превратить сложные требования к доступности в понятные и автоматизируемые задачи.
#a11y #фронтенд
🔥3
Современный способ разработки серверов на JS
Ели вы когда-нибудь заходили на главную страницу Node, то наверняка видели этот кусок кода с картинки. Это самый простой веб-сервер, с которого сегодня начинается почти каждый сервер, написанный на JS. Да, это всё может быть прикрыто фреймворком, но по сути, все такие сервера делают примерно одно и то же.
Но сегодня существует более современный способ создания сервера, которому не нужно привязываться к сокету. О нём в этой статье.
#nodejs #javascript #бэкенд
Ели вы когда-нибудь заходили на главную страницу Node, то наверняка видели этот кусок кода с картинки. Это самый простой веб-сервер, с которого сегодня начинается почти каждый сервер, написанный на JS. Да, это всё может быть прикрыто фреймворком, но по сути, все такие сервера делают примерно одно и то же.
Но сегодня существует более современный способ создания сервера, которому не нужно привязываться к сокету. О нём в этой статье.
#nodejs #javascript #бэкенд
👍7🗿3
5 технологий, которые через три года станут стандартом для бэкенда: прогноз на основе данных
Мир бэкенда стремительно меняется под влиянием искусственного интеллекта, облачных платформ и новых парадигм разработки. Через три года эти технологии превратятся из модных трендов в привычные инструменты каждого разработчика.
На основе анализа отчётов Gartner, Stack Overflow Developer Survey и открытых данных GitHub мы выделили пять ключевых технологий, которые определят стандарты бэкенд-разработки к 2028 году.
#бэкенд
Мир бэкенда стремительно меняется под влиянием искусственного интеллекта, облачных платформ и новых парадигм разработки. Через три года эти технологии превратятся из модных трендов в привычные инструменты каждого разработчика.
На основе анализа отчётов Gartner, Stack Overflow Developer Survey и открытых данных GitHub мы выделили пять ключевых технологий, которые определят стандарты бэкенд-разработки к 2028 году.
#бэкенд
❤2