​​24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое

На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.

На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ

#css

Написать красивый фронтенд — это искусство

Зачем нужна эта библиотека Python в веб-разработке

Пройдите небольшое тестирование, чтобы узнать, насколько вы знакомы с Python-библиотеками и фреймворками, которые используют в веб-разработке: https://tproger.ru/quiz/zachem-nuzhna-eta-biblioteka-python-v-veb-razrabotke

​​История: как сэкономить $5000/месяц с помощью одного Grafana-запроса

Разработчики из Checkly рассказали, как команда проекта поставила перед собой цель в начале 2024 года — сократить расходы на каждого пользователя.

В ходе работы над этим проектом они обнаружили способ сэкономить $5000 в месяц, снизив время запуска подов на 300 мс: https://tproger.ru/news/istoriya--kak-sekonomit--5000-mesyac-s-pomoshhyu-odnogo-grafana-zaprosa

#devops@

​​Как компилировать json или история оптимизации Python-сервиса

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

Подробнее об этом опыте он рассказал в статье: https://habr.com/ru/companies/oleg-bunin/articles/828986/

#python

​​Firefox не только самый быстрый, но и самый эффективный браузер

Несколько месяцев назад мы публиковали результаты тестов Speedometer 3.0, согласно которым Firefox сохраняет преимущество в производительности перед Chrome.

А сейчас появились доказательства, что Firefox не только быстрее, но и эффективнее Chrome по некоторым параметрам. В частности, по работе с памятью: https://habr.com/ru/companies/ruvds/articles/827170/

#firefox

Она: Он такой загадочный. Интересно, о чем он думает?

Он:

REST Client | Аналог Postman прямо в VS Code

Популярнейшее расширение, скачанное более 4,7M+ раз. Позволяет разработчикам отправлять HTTP-запросы и читать ответное сообщение непосредственно в IDE.

Цена: бесплатно
Расширение на Visual Studio Marketplace

@prog_tools

​​​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#javascript #алгоритмы

Анимированное руководство по 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 перестал работать полностью