Анимированное руководство по CSS flex

flex — свойство в CSS, определяющее способность элемента растягиваться или сжиматься для заполнения собой доступного свободного пространства.

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

#фронтенд #css

Расширяем dev-команду и ищем мидла Vue.js-разработчика

Мы — Tproger. Создаём сообщество для программистов и всех людей, которым интересна эта тема. Мы хотим выпускать больше фич и делать это быстрее, поэтому расширяем dev-команду и ищем Vue.js разработчика.

Наши ожидания:
— Опыт коммерческой разработки.
— Опыт работы с Jira, Git.
— Уверенное знание JavaScript и TypeScript.
— Уверенное владение фреймворком Vue.js.
— Опыт в разработке приложений на Nuxt 3.
— Опыт работы на Vue Composition API.
— Понимание адаптивной верстки, BEM.

Будет плюсом:
— Опыт работы с MySQL, умение писать производительные чистые SQL-запросы.
— Опыт написания backend-a на Node.js.
— Наличие пет-проектов.

Подробнее: https://tproger.ru/jobs/vuejs-web-developer

#вакансии #работа

​​Курс асинхронного JavaScript

На канале freeCodeCamp вышло годное видео про асинхронность в JavaScript. С помощью него вы сможете изучить JavaScript promises, async/await и Fetch API. Знания подкрепляются 3 проектами: https://www.youtube.com/watch?v=OFpqvaJ3QYg

#javascript

Разработчик: Ваши данные под надёжной защитой

Также разработчик:

​​Болевые точки Django в современной разработке

Django — замечательный фреймворк. А еще крайне популярный, его часто осваивают новички и используют в своих проектах. На самом деле у Django есть и несколько минусов, а точнее нюансов, на которые важно обращать внимание и о которых важно знать, приступая к разработке.

Подробнее о них — в статье: https://tproger.ru/articles/bolevye-tochki-django-v-sovremennoj-razrabotke

#python #django

Небольшие, но понятные уроки по Django

Django — популярный фреймворк на Python для веб-разработки. Он предлагает высокую безопасность, уменьшает время на разработку проектов, даёт хорошую производительность и сравнительно лёгок в обучении. Однако некоторые новички считают, что Django усложняет разработку.

Но всё зависит от подхода к его изучению. Если хотите, чтоб учиться было легко, то вот парочка вводных уроков для самых начинающих:

1. Понять Django. Пишем "Hello world"
2. Работа с моделями и БД
3. Подключение фронтенда

@prog_tools #python #django #web

​​Сервис сокращения ссылок goo.gl перестанет работать в 2025 году

Google официально объявила о завершении работы сервиса сокращения ссылок goo.gl с 25 августа 2025 года. Компания отметила, что такое решение принято из-за растущего количества новых популярных сервисов: https://developers.googleblog.com/en/google-url-shortener-links-will-no-longer-be-available/

Google отключает обслуживающую часть URL Shortener. Это действие затронет всех разработчиков, использующих ссылки, созданные с помощью сервиса. Такие URL-адреса больше не будут возвращать ответ после 25 августа 2025 года.

Начиная с 23 августа 2024 года ссылки goo.gl начнут отображать промежуточную страницу для определённого процента существующих ссылок, уведомляя пользователей о том, что эта ссылка перестанет поддерживаться после 25 августа 2025 года. Со временем процент ссылок будет увеличиваться. Страница будет отображаться вплоть до даты закрытия сервиса, после чего все ссылки будут возвращать ответ 404.

#google

Фронтендеры за работой

​​​Old but gold: Десять советов по улучшению CSS-переходов и анимации

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

Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:

https://joshcollinsworth.com/blog/great-transitions

#css

​​Как обойти замедление Youtube в России: все способы

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

@prog_tools

Найдена настоящая причина замедления YouTube.

UPD: Говорят, что YouTube перестал работать полностью

Годных инструментов вам в ленту: DevToys — мультитул программиста

Забавный швейцарский ножик програмиста с рейтингом 4.9 на Microsoft Store. В нем:
— конвертер JSON <> YAML и других сочетаний;
— (Де)кодировщики;
— Генераторы хэшей, Lorem Ipsum
— Компрессоры изображений и многое другое.

Репозиторий проекта

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

В Puppeteer появилась поддержка Firefox: что это значит для разработчиков и как начать использовать?

В Firefox 23 появилась долгожданная многими поддержка библиотеки автоматизации браузера Puppeteer. Теперь QA и разработчики не будут ограничены в тестировании лишь браузером Chrome. Это нововведение значительно расширяет возможности для разработчиков, позволяя проводить автоматизацию и end-to-end тестирование как в Chrome, так и в Firefox.

Рассказываем подробнее о нововведении: https://tproger.ru/news/v-puppeteer-poyavilas-podderzhka-firefox--chto-eto-znachit-dlya-razrabotchikov-

#firefox #qa

Годных codepen-проектов вам в ленту: Карточки цен на чистом CSS

Простые, но стильные карточки товаров, выполненные с применением анимации на чистом CSS. Для работы с CSS в этом проекте использовался препроцессор SCSS. Вы можете сделать аналогичные карточки для вашего сайта: https://codepen.io/jcoulterdesign/pen/NxMoja


👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

Old but gold: Визуальное руководство по рендерингу React

Хотите понять как работает рендеринг в React и своими глазами увидеть процесс? Что ж, эта статья для вас.

Здесь вы узнаете, как работает повторный рендеринг и как его избежать: https://alexsidorenko.com/blog/react-render-always-rerenders/

#react

Теперь у людей проблемы с логинами 

@ithumor

Релиз Python 3.13 привнес значительное новшество — возможность отключения Global Interpreter Lock (GIL)

Это открывает новые перспективы для многопоточной обработки данных.

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

Рассказываем подробнее о нововведении: https://tproger.ru/news/python-stal-proizvoditelnee-i--mnogopotochnee---gil-teper-opcionalen

Puter — уникальная интернет-операционная система с открытым исходным кодом, работающая прямо в браузере

Проект, начавшийся как личная инициатива одного разработчика, быстро привлёк внимание сообщества и сегодня поддерживается на 38 языках, с более чем 150 000 установок и 22 000 звезд на GitHub.

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

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

Показательный случай, который в очередной раз доказывает, что если сделать что-то интересное, то рано или поздно твой проект найдет своего пользователя

PostgreSQL в 3 МБ: сервер базы данных в браузере!

Команда ElectricSQL представила PGlite — JavaScript-библиотеку, которая позволяет запускать полноценный сервер PostgreSQL прямо в веб-браузере.

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

Подробности о том, в какой проект уже успели внедрить новинку, можно посмотреть на нашем сайте: https://tproger.ru/news/postgresql-server-upakovali-v-javascript-biblioteku-razmerom-3-mb

Открываете Git и видите это. Ваши действия?

@ithumor