Telegram Web Link
Давайте голосовать, подсказывайте!

Помните, мы обещали, что автор лучшей статьи месяца получит наш мерч? Теперь пришло время выбрать победителя! Мы определили три лучших материала за ноябрь, но решать вам.

Здесь можно с ними ознакомиться, а следующим постом будет опрос:
1) Django vs FastAPI в 2025 году: какой фреймворк выбрать?
2) Гайд: как настроить API для распознавания документов за 30 минут
3) Как пополнить кошелёк Steam в России в 2024 году

Автор статьи, набравшей больше всего голосов, получит наш фирменный мерч. Голосуйте — завтра подведём итоги!

#конкурс #tproger
Берите на заметку. Особенно актуально на Новый Год
Как создать свой шрифт прямо в браузере

Этот пост пригодится как фронтендерам, которые работают над своим проектом и хотят добавить туда уникальный шрифт, так и дизайнерам.

Чтобы сделать свой шрифт вам понадобится сайт typlr.app. Этот инструмент позволяет настраивать форму и кернинг для каждой буквы. Здесь очень простой и интуитивно понятный интерфейс, так что справится даже новичок.

А ещё его также можно установить как PWA на ваш компьютер. Пробуем тут: typlr.app

#инструменты #фронтенд #дизайн
Используем JS для поиска ликвидных облигаций

Пока растёт ключевая ставка и курс доллара, хранить свои деньги на обычных вкладах может быть не эффективно, даже с высоким процентом. Поэтому самое время подыскать активы с высоким процентом и хорошей ликвидностью.

Чтобы вы могли сделать это быстрее и проще, автор этого материала подготовил специальный скрипт, работающий с API Московской биржи, который находит такие активы. Подробнее по ссылке.

#javascript
Состоялся релиз React 19

Адепты React, ликуйте! Новая версия принесла множество полезных улучшений:

— улучшения серверных компонентов позволяют уменьшить время первоначальной загрузки страницы, переносимость кода и SEO;
— новые директивы, позволяющие отслеживать, где выполняется код — на сервере или на клиенте;
— функции-операции, заменяющие собой обработчики событий;
— три новых хука;
— обновление в API и многое другое.

Со всеми изменениями, нововведениями и улучшения можно познакомиться тут.

#новости #react
Как спрятать любые данные в PNG

PNG хранит цвет и прозрачность пикселей, и с помощью младших бит (LSB) можно зашифровать данные так, что никто ничего не заметит. Даже размер картинки останется практически тем же.

Внутри PNG можно спрятать текст, файлы или даже запихнуть все свои пароли в фото любимого кота. Тут уже всё зависит от фантазии!

А как это сделать, читайте в статье.

#стеганография #js
Когда облако превращается в шторм: самая громкая кибератака на знаменитостей

The Fappening — взлом, который перевернул интернет и заставил знаменитостей бояться своих телефонов.

Тогда их интимные фото утекли в сеть, а хакеры доказали, что облачные хранилища не так безопасны, как казалось.

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

В новом выпуске «АЙТИ КРАЙМ» мы разобрали одну из самых дерзких атак цифровой эпохи.

Слушайте и смотрите новый выпуск:

Яндекс.Музыка
Apple Music
Spotify
YouTube
Telegram

#подкаст #айтикрайм
Redux для новичков: база, с которой можно стартовать

Redux — это библиотека для управления состоянием приложения. Главный принцип Redux — один источник правды. Все данные приложения хранятся в одном месте — в store.

В этой статье вы узнаете, как она работает, в каких случаях применяется, с какими библиотеками и фреймворками совместима и как начать её использовать в своих проектах.

#фронтенд #redux
Привет, на связи админ

Ситуация такая: ко мне пришёл знакомый, который вкатывается во фронтенд-разработку и спросил, что из фреймворков сейчас стоит изучать. Понятно, что не устаревший jQuery, но вариантов ведь действительно много.

Поэтому я пришёл к вам, чтобы узнать ваше мнение. Что используете вы и что бы вы посоветовали новичку? Может Vue с его HTML-подобным синтаксисом или React, а, может, вообще какой-нибудь Svelte? Поделитесь в комментариях, что на ваш взгляд лучше сейчас и почему 👇

#обсуждение #фронтенд
Please open Telegram to view this post
VIEW IN TELEGRAM
Как сделать условный border-radius в CSS

Хотите узнать технику, которая позволяет автоматически настраивать border-radius для карточного компонента в зависимости от размеров экрана?

Вам потребуется прописать одну хитрую формулу. О ней, а также способе её применения рассказали в этой статье.

#фронтенд #css
Media is too big
VIEW IN TELEGRAM
Однострочник или библиотека: спор жабы и гадюки или в этом есть смысл?

На Reddit появился тред, в котором обсуждается спор автора пакета is-number и разработчика, предложившего PR, заменяющий код пакета однострочником. Разработчик настаивает, что отказ от пакета сэкономит более 440 ГБ трафика в неделю, ведь помимо самого кода в библиотеке лежит ещё README, который занимает лишнее место.

Автор библиотеки же назвал такое решение бесполезным, ведь его библиотеки протестированы и надёжны, а однострочник может быть небезопасным и нестабильным.

Более подробно познакомиться с сутью спора вы можете в треде или в видео.

А как считаете вы?
Media is too big
VIEW IN TELEGRAM
Машинное обучение на JavaScript

Заняться машинным обучением можно даже, если вы не знакомы с Python. Для этого у JS есть библиотека ml5.js, которая построена на основе TensorFlow.js.

В этом уроке вы познакомитесь с основами использования ml5.js для создания интерактивных и интеллектуальных веб-приложений. Ролик подойдёт даже тем, у кого ещё нет опыта работы с машинным обучением.

#javascript #ml #видео
И мерч отправляется...

Наконец-то подводим итоги конкурса. Борьба была жаркая, но с небольшим отрывом побеждает статья «Как пополнить кошелек Steam в 2024 году», и ее автор Виктор получает мерч от Tproger!

В декабре вы тоже можете выиграть наш приз — к мерчу добавим кое-что интересное!

Выбирайте тему из Флудильни и пишите статью месяца!

#tproger #конкурс
HTTP и SQL — базовые технологии для вёрстки сайта
Как получить грант за мини-приложения

Популярность миниаппов растёт, ведь их легче писать, чем полностью самостоятельное приложение благодаря уже готовой инфаструктуре. Это снижает количество времени на разработки и порог входа. А ещё на этом можно заработать.

Например, недавно прошёл грантовый конкурс от VK, где 24 победителя получили более 5 млн рублей в качестве грантов. VK Fresh Code проходит уже пять лет и каждый может принять в нём участие.

Посмотреть какие проекты смогли получить грант и оценить свои силы вы можете здесь.

Лично нам понравились вот эти аппки:

— «Битва мемов». Тут можно надолго залипнуть в сражения с пользователями или ботом. А победит тот, кто выберет самые смешные мемы на предложенные ситуации.

— «Кино по факту». Ежё одна соревновательная апка. Тут вам в формате викторины нужно отгадывать хорошо знакомые фильмы по иногда очень нестандартным описаниям. Даже Титаник и Бойцовский клуб не всегда очевидны по описанию, проверьте сами.
Светлый и тёмный режим в 14 строках CSS

Тёмный и светлый режим — базовая фича любого современного сайта. Думаете, для её реализации придётся писать тонны кода? Ошибаетесь!

В этой статье вы узнаете, как настроить смену тем всего с 14 строками CSS. Пошаговое руководство, практичные примеры и никакой лишней теории.

А какой режим предпочитаете вы и почему тёмный круче? Напишите в комментариях.

#css #фронтенд
2025/02/25 03:28:23
Back to Top
HTML Embed Code: