32605
Всё по фронтенду, бэкенду и девопсу в одном месте Купить рекламу: ad.tproger.ru/telegram/ По вопросам рекламы: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels
«Первая» дарит подарки в честь 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
Почему не стоит использовать сброс стилей (reset.css, обнуление стилей CSS)?
Интересная предложка от нашего читателя Виталия Першина, в которой он кратко объяснил, почему сброс стилей — худшее решение в современной верстке: https://www.youtube.com/watch?v=eDXSW22p9Bk
@tproger_web #css
Планировали просто забавное обсуждение, но в комментах внезапно выдали базу
@tproger_web
Научитесь разрабатывать безопасные приложения на курсе Positive Technologies
19 марта стартует обучение на курсе AppSec: Разработка безопасного программного обеспечения.
Курс разработан совместно с ведущими экспертами в области безопасной разработки и проводится на базе МФТИ.
Вы узнаете основные принципы и методологии разработки безопасных приложений, научитесь работать с угрозами, рисками и обеспечивать безопасность на разных уровнях: от контейнерной инфраструктуры до облачной безопасности.
Курс будет для вас полезен, если вы являетесь практикующим разработчиком, DevOps-инженером, системным администратором или тестировщиком.
О чём ещё важно знать:
— Вас ждёт 4,5 месяца обучения.
— Лекции и семинары будут проходить 2-3 раза в неделю в 19:00.
— В ходе обучения закрепите практику на 3-х практических проектах.
Новый поток стартует 19 марта – успейте оставить заявку!
Реклама
Без каких знаний не обойтись бэкендеру в 2024 году?
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
ChatGPT попросили нарисовать слово «Honda» символами ASCII, но у ChatGPT не получалось...
Когда ИИ восстанет, автора этих сообщений явно помилуют.
@tproger_web
Обзор types-spring — библиотеки-надстройки над TypeScript, улучшающей безопасность и удобство использования встроенных типов
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
Я: *Говорю вслух, что я 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 человек. Требования — классно разбираться в игровых механиках, знать все о движках и выбирать правильное решение для прототипирования игры.
Каждый конкурс состоит из трёх этапов: отборочное тестирование, основной этап — отправка проектов или решение прикладных задач — и очный финал.
Подробные условия конкурсов и регистрация.
Следите за новостями!
*За вычетом НДФЛ
Реклама
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
#фронтенд
Солнце: Я самый тяжелый объект в своей системе.
Нейтронная звезда: Я самый тяжелый объект на несколько десятков тысяч световых лет.
Черная дыра: Я самый тяжелый объект в галактике.
node_modules:
Правило Парето на максималках
Про принцип Парето слышали все, но далеко не у всех он работает. Рассказываем, что нужно сделать, чтобы превратить правило 80/20 в действительно эффективный инструмент. А также кому это правило не поможет: https://tprg.ru/L5OE
@tproger_web #советы
Состоялся релиз Puter — браузерной среды рабочего стола
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты
Из книжки «HTML5 для веб–дизайнеров» от Кита Джереми
@ithumor
Интересный codepen-проект: Balloon Bears
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Как быстрее расти в разработке? Джун и Сеньор поделились своим мнением
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
https://vc.ru/u/1411800-nj-soft/596008-kak-bystree-rasti-v-razrabotke-my-pogovorili-ob-etom-s-senorom-i-dzhunom-i-sravnili-ih-otvety
@tproger_web #советы
Азбука SQL: подборка полезных статей по SQL
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
