tproger_web | Unsorted

Telegram-канал tproger_web - Веб-страница

32605

Всё по фронтенду, бэкенду и девопсу в одном месте Купить рекламу: ad.tproger.ru/telegram/ По вопросам рекламы: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels

Subscribe to a channel

Веб-страница

Нашли ещё один отличный значок загрузки для сайта.

Кто-нибудь знает, как найти codepen проекта?

Читать полностью…

Веб-страница

​​Роадмап по фронтенду на 2024: сравнение 2017 vs 2021 vs 2024. Что действительно должен знать джун сегодня?

Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU

@tproger_web #начинающим

Читать полностью…

Веб-страница

Ещё в комментах накидали вариант со статусом 432 - «Я это не понимаю, мне это не интересно»

@ithumor

Читать полностью…

Веб-страница

— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?

Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4

#css @tproger_web

Читать полностью…

Веб-страница

​​Курс: Основы API

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

Понимание принципов работы API становится всё более актуальным для карьеры в индустрии разработки ПО. На курсе вы изучите некоторые фундаментальные концепции API и определите общую модель того, как он используется: https://stepik.org/course/124947/promo?search=3345883703

@tproger_web #инструменты #курс

Читать полностью…

Веб-страница

​​Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано?

В статье рассказали и показали, как сверстать письмо, чтобы оно наверняка правильно отображалось во всех почтовых клиентах — особенно в Outlook, который до сих пор возглавляет подборки по популярности в РФ: https://habr.com/ru/companies/kts/articles/798615/

@tproger_web #дизайн #вёрстка

Читать полностью…

Веб-страница

​​CSS для печати на бумаге

Интересная статья, в которой рассмотрели особенности стилизации веб-страниц для экспорта в печатный вид: https://habr.com/ru/articles/798765/

@tproger_web #css

Читать полностью…

Веб-страница

Я: *Говорю вслух, что я HTML-программист*

Шкаф, когда это услышал:

Читать полностью…

Веб-страница

12 алгоритмов в гифках, которые должен знать каждый разработчик

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

Так неужели знания в области алгоритмов бесполезны? Конечно, нет. Что по-настоящему важно, так это умение думать алгоритмически. Не только чтобы воспроизводить и изменять стандартные алгоритмы, но и чтобы вам было комфортно использовать код для решения задач, с которыми вы столкнетесь в роли разработчика.

Держите статью, где на пальцах объясняют принцип работы 12 популярных алгоритмов: поиски, сортировки, кодирование и другое. Для упрощения понимания у каждого алгоритма есть визуализация.

#алгоритмы #теория

Читать полностью…

Веб-страница

Что модно в этом сезоне на наш взгляд и на взгляд Lamoda Tech?

Просто fun to remember, что сейчас очень модные neural network, очень модные pet-projects с какими-то details, облачные services модные. И это всё on design.

А как бы выглядел весь этот fashion-стек технологий Lamoda Tech в виде аутфитов с Lamoda? Мы уже представили, очень affordable получилось. Решать вам — подходят ли логотипам такие капсулы? 

Но самое главное: Lamoda Tech запустила у себя в канале конкурс на лучшую couple IT-инструмента и наряда. Subscribe на канал Lamoda Tech и присылайте им свои варианты сочетаний. Самым стильным модникам достанется сертификат Lamoda на shopping суммой 10 000 рублей.

Удачи и XO XO

Реклама

Читать полностью…

Веб-страница

Присоединяйтесь к конкурсам GitVerse!

Объявлена регистрация на конкурсы в рамках олимпиады «IT-Планета 2024». Вас ждут два трека, увлекательные задания и призовой фонд в размере 500 тыс. рублей*!

Готовы принять новый вызов?

До 31 марта зарегистрируйтесь и пройдите отборочное тестирование на площадке для разработчиков GitVerse от СберТеха. Вы можете принять участие в двух конкурсах:

«Прикладное программирование if...else»

Конкурс для разработчиков в возрасте от 18 до 35 лет, которые создают прикладное ПО. Требования к участникам — знать C/C++/Java/Python, разбираться в алгоритмах и уметь применять их на практике.

Подробные условия конкурсов и регистрация.

«Разработка игр – GameDev»

Соревнование для разработчиков игр от 18 до 35 лет. Участвовать можно самостоятельно или вместе с командой до 4 человек. Требования — классно разбираться в игровых механиках, знать все о движках и выбирать правильное решение для прототипирования игры.

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

Подробные условия конкурсов и регистрация.

Следите за новостями!

*За вычетом НДФЛ

Реклама

Читать полностью…

Веб-страница

​​Осторожно, PHP калечит людей...

@tproger_web

Читать полностью…

Веб-страница

​​CreateHtmlForm — простой инструмент для создания HTML-форм с помощью Markdown

Результат можно отображать в виде кода для фреймворков pico.css, Bootstrap или Tailwindcss: https://www.producthunt.com/products/create-html-form

@tproger_web #инструменты

Читать полностью…

Веб-страница

​​Какую профессию вы бы выбрали, если бы не IT?

Представьте, что профессии фронтендера, бэкендера, сисадмина, да и всего IT никогда не существовало. Чем бы вы занялись и какую профессию освоили?

@tproger_web #обсуждение

Читать полностью…

Веб-страница

Как выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ

Можно ли выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ? Узнали у экспертов, какими источниками пользоваться, чтобы начать карьеру во фронтенде: https://tproger.ru/articles/kak-besplatno-vyuchit-html-i-css

#фронтенд

Читать полностью…

Веб-страница

Доклады YaTalks на Яндекс Музыке 

Стартовал новый сезон подкаста YaTalks: ReRun. Вышло уже шесть выпусков в рамках Техномарафона — это совместный спецпроект с командой Яндекс Музыки. Дальше продолжим собирать самые интересные доклады в выпусках подкаста.

Смотрите в готовых выпусках:

— Ускоритель в масштабе планеты: как инженеры управляют временем.
— Дебаты: AI недооценён или переоценён?
— Человек и проект: как создаётся технологическое чудо.
— Свой среди чужих: как выжить в интернациональных командах?
— Как разговаривать с программистами, чтобы они всё правильно поняли.
— Restart как образ жизни. Как опять и опять начинать всё заново с нуля.

Добавляйте подкаст в избранное на Яндекс Музыке — скоро выйдут ещё много крутых выступлений!

Реклама

Читать полностью…

Веб-страница

Встречайте GigaCode — российский AI-инструмент для ускорения работы с кодом!

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

GigaCode поддерживает 15 языков программирования и может предлагать полные конструкции функций, циклов и других элементов кода. AI-ассистента можно использовать в любой привычной среде разработки, такой как IDEA, PyCharm, VSCode, Jupyter и других. Он генерирует варианты завершения кода в режиме реального времени, что ускоряет и упрощает процесс работы.

GigaCode развивается вместе c сервисом GigaChat. В AI-ассистенте есть нейросетевые модели, которые обучены на больших корпусах исходного кода и специализируются на определенных задачах разработки. А по опыту команд в Сбере, GigaCode может сокращать время для создания кода до 25%.

AI-ассистент доступен для использования на площадке GitVerse — платформе для работы с исходным кодом от СберТеха. Здесь можно размещать проекты с открытым и закрытым кодом, вести совместную разработку и участвовать в жизни комьюнити.

Чтобы получить ранний доступ к GigaCode, зарегистрируйтесь на GitVerse. Проект доступен всем желающим.
Не упустите возможность ускорить свою работу с кодом!

*AI, artificial intelligence — искусственный интеллект

Реклама

Читать полностью…

Веб-страница

​​Какой инструмент для сборки лучше: Webpack или vite?

Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.

Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?

@tproger_web #обсуждение

Читать полностью…

Веб-страница

​​«Как я случайно превратила свой сокращатель ссылок в приманку для мошенников?»

Автор статьи запустила собственный навороченный сокращатель для ссылок. Она разработала лучший в своём роде сокращатель со всеми возможными примочками, начиная с обширной кастомизации и заканчивая хорошей аналитикой трафика. И сделала доступ бесплатным и неограниченным, опираясь на принцип: «бесплатность — лучшая маркетинговая стратегия».

Но с первого же дня ресурс облюбовали мошенники. Как так получилось и что делать, чтобы не допустить такого у себя на проекте — читайте в статье: https://habr.com/ru/companies/ruvds/articles/798649/

@tproger_web #безопасность

Читать полностью…

Веб-страница

​​Вопросы на собеседовании на фронтенд-разработчика

Это — видеокаст, в котором Евгений Ковальчук помогает подготовиться к собеседованиям на позицию джуна и мидла фронтенд-разработчика. В нем вы найдёте технические вопросы, которые можно получить на интервью.

Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=RKFu0MC1aUs

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

Читать полностью…

Веб-страница

​​Как начать карьеру веб-разработчика?

Веб-разработка, и в частности фронтенд — одна из областей, где от начинающего специалиста не требуют понимания алгоритмов или глубокого погружения в математику.

Подборка советов, с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе: https://tproger.ru/articles/kak-nachat-kareru-veb-razrabotchika

@tproger_web #начинающим #карьера

Читать полностью…

Веб-страница

«Первая» дарит подарки в честь 28-летия!

В свой день рождения УК «Первая» разыгрывает 28 сертификатов МВидео на покупку любой техники.

Какие призы можно выиграть:

За первое место — 50 000 ₽,
За второе место — 35 000 ₽,
За третье место — 15 000 ₽,
За места с 4-е по 28-е — 4000 ₽.

Как поучаствовать:

— Подпишитесь канал «Первый инвестиционный»;
— Нажмите на кнопку «Участвую» под этим постом. 

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

Подписывайтесь на «Первый инвестиционный», чтобы принять участие в розыгрыше и быть в курсе всего, что происходит на фондовом рынке. А ещё в канале есть инвестиционные идеи и новости о ПИФах от экспертов УК.

Удачи в конкурсе!

Реклама

Читать полностью…

Веб-страница

​​Разработчики знают, что ChatGPT до них далеко

@tproger_web

Читать полностью…

Веб-страница

​​Состоялся релиз WinterJS — самой быстрой среды выполнения JavaScript

Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.

WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.

Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.

Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs

@tproger_web #javascript

Читать полностью…

Веб-страница

Интересный codepen-проект: Book Writing Animation

Анимация набора текста сделана при помощи пакета typewriter-effect. Он позволяет создать зрелищные и динамичные эффекты печати текста на веб-страницах.

Исходники: https://codepen.io/wakana-k/pen/bGxaoNv

@tproger_web #codepen

Читать полностью…

Веб-страница

​​​Наглядные примеры использования React Hooks

В этой статье вы узнаете различные особенности React Hooks и получите полезные советы по их использованию. Автор объясняет, как работать с хуками жизненного цикла, кастомными хуками и хуками контекста, а также как обрабатывать ошибки в хуках на наглядных примерах с кодом.

https://css-tricks.com/react-hooks-the-deep-cuts/

@tproger_web #react #фронтенд

Читать полностью…

Веб-страница

29 марта в 10:00 СберТех приглашает на онлайн-презентацию «GitVerse: открой вселенную кода» 

Гостей мероприятия познакомят с GitVerse — платформой для работы с исходным кодом. Она позволяет создавать проекты с открытым и закрытым исходным кодом и развивать их вместе с ИТ-сообществом.

Что ждёт участников мероприятия:
— Тренды разработки и роль открытого ПО в современном ИТ,
— Возможности GitVerse и планы развития,
— GigaCode – AI-помощник разработчика (AI, artificial intelligence — искусственный интеллект),
— Участие комьюнити в проекте,
— Пакет облачных сервисов и его преимущества для разработчиков,
— Обзор интересных репозиториев на GitVerse,
— Реальные кейсы разработки и оптимизации с помощью GitVerse,
— Общение в прямом эфире.

Ждём тебя 29 марта!

Регистрируйтесь на мероприятие уже сейчас.

Реклама

Читать полностью…

Веб-страница

​​Google Chrome начнет защищать от фишинга в реальном времени

Google объявила войну злодеям в интернете, внедрив новые возможности в свой браузер Chrome: https://tproger.ru/articles/google-chrome-nachnet-zashhishhat-ot-fiwinga-i-virusov-v-realnom-vremeni

Раньше Chrome сравнивал адрес сайта со списком опасных, который обновлялся раз в полчаса. А мошенники наловчились создавать левые сайты на пару минут, успевая делать гадости.

Google решили это исправить и тепер защита от вирусов и фишинга работает в реальном времени. Chrome мгновенно сверяется с базой Google, где хранится инфа о «плохих» сайтах. Результат: на 25% больше заблокированных мошеннических страниц.

Google обещает, что вся проверка происходит анонимно и безопасно. Обновление вот-вот появится в Chrome для компьютеров и iOS. А в течение месяца еще и на Android.

@tproger_web #безопасность #chrome #google

Читать полностью…

Веб-страница

​​Какой инструмент для сборки лучше: Webpack или vite?

Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.

Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?

@tproger_web #обсуждение

Читать полностью…

Веб-страница

Казань, встречай frontend-митап от Росбанка и его партнёров!

Почему Казань? Здесь вкусные эчпочмаки и крутые frontend-разработчики.

В программе доклады от специалистов Росбанка, VK Добра и СберМаркета:
— «Наши круги ада со State Managers»;
— «От любви до любви – Tanstack Query (React Query)»;
— «npm: node packages madness»;
— «Прощай, легаси: переезд 10-летнего проекта на Next.js».

Росбанк не забыл про подарки. Авторы лучших вопросов докладчикам получат классный мерч. А после митапа вас ожидает вкусная пицца и неформальное общение c frontend-тусовкой.

Регистрация на митап по ссылке
Формат: оффлайн. Будет запись мероприятия.
Когда: 22 марта 18-00. Сбор гостей в 17-30.
Где: Казань, творческий центр «Смена», ул. Бурхана Шахиди, 7.

Следите за новостями ИТ-команды Росбанка в телеграм-канале Росбанк IT Team, чтобы ничего не пропустить.

Добавляйте событие в календарь — количество мест ограничено!

Реклама. ПАО "Росбанк". ИНН 7730060164, LjN8KWbEx

Читать полностью…
Subscribe to a channel