С использованием URL Scanner, команда просканировала ~5000 сайтов, чтобы определить самые популярные технологии и сервисы. И вот что получилось:
👉 Читать полный отчет с интерактивными графиками
#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2
👉 Вы можете прочитать ее онлайн или скачать в удобном вам формате (по ссылке также доступно второе издание, переведенное на русский)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤2
В гайде вас ждут те оптимизации производительности, которые:
• оказывают наибольшее влияние;
• актуальны и применимы к большинству сайтов;
• выполнимы для большинства разработчиков.
❯ Взаимодействие со следующей отрисовкой
1. Регулярные паузы для разделения длительных задач.
2. Минимизация JavaScript.
3. Минимизация крупных обновлений рендеринга.
❯ Скорость загрузки основного контента
1. Обеспечение доступности ресурса LCP в HTML-коде и его приоритетность.
2. Мгновенная навигация.
3. Использование CDN для оптимизации TTFB.
❯ Совокупный сдвиг макета
1. Четкие размеры для загружаемого контента.
2. Страницы, поддерживающие bfcache.
3. Анимации и переходы CSS вызывают сдвиги макета.
👉 Читать полный гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
Media is too big
VIEW IN TELEGRAM
Визуальный гайд о важных концепциях, которые работают вместе, чтобы обеспечить неблокирующий, асинхронный JavaScript.
#инфографика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🤔5
💡 Использование сокращенной записи для определения всех четырех позиций в CSS
#css #tip by Shripal Soni
#css #tip by Shripal Soni
👍21
Подробное руководство, охватывающее все различные способы выбора элементов в CSS (например, псевдоселекторы, вложенные селекторы, селекторы атрибутов и т. д.) и способы их использования для применения стилей.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
Сертификат на обучение от Proglib Academy! Это крутой подарок для тех, кто интересуется IT, хочет освоить новую профессию
Почему наши курсы — хороший презент:
Сертификат оформляется за пару минут, и даже не нужно ломать голову над упаковкой.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2🥱1
Новые части посвящены алгоритмам поиска, а также алгоритмам для работы с множествами и строками.
#javascript #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🥱5
🦑👨💻 Программист в «Игре в кальмара»: каковы твои шансы выжить?
Каждый день оптимизируешь процессы, автоматизируешь задачи и решаешь сложные проблемы. Но что, если тебе придется применять свои навыки, чтобы выжить?
Окажутся ли твои скрипты, алгоритмы и багфиксы полезными в критической ситуации?
👉 Пройти тест
Каждый день оптимизируешь процессы, автоматизируешь задачи и решаешь сложные проблемы. Но что, если тебе придется применять свои навыки, чтобы выжить?
Окажутся ли твои скрипты, алгоритмы и багфиксы полезными в критической ситуации?
👉 Пройти тест
👍7🥰3
Фронтендер отвечает не только за визуальную часть, но и за заголовки, меню, карточки, кнопки, адаптивность и валидацию. Они пишут код, на основе которого работают сайты.
Знания и навыки, необходимые фронтендеру:
▪️ Уметь работать с HTML и CSS
▪️ Выучить язык программирования JavaScript
▪️ Овладеть одним из фреймворков на базе этого языка (React, Angular, Vue)
▪️ Уметь работать с Git
▪️ Понимать, что такое веб-страницы, протоколы HTTP/HTTPS, браузеры, домены и хостинг
▪️ Разбираться в REST API
▪️ Работать с Figma
▪️ Иметь базовые навыки проверки своего кода
Please open Telegram to view this post
VIEW IN TELEGRAM
😁11👍3
В конце 2023 года команда The New York Times решила в полной мере воспользоваться React 18 на своем новостном сайте.
Это интересное исследование, в котором рассматриваются проблемы, возникшие при обновлении, и значительные преимущества, которые им удалось получить.
👉 Читать на Medium или в PDF (файл в комментариях)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4🤔2👍1
🧪 Успешное тестирование: TDD и расширенные возможности с Jest. Часть 2
Подробное руководство по внедрению TDD в рабочий процесс и использованию продвинутых возможностей Jest. С примерами кода и пояснениями каждого шага.
👉 Читать статью
👉 Зеркало
👉 Статьи по теме:
🧪 Успешное тестирование: основы и передовые приемы Jest. Часть 1
Подробное руководство по внедрению TDD в рабочий процесс и использованию продвинутых возможностей Jest. С примерами кода и пояснениями каждого шага.
👉 Читать статью
👉 Зеркало
👉 Статьи по теме:
🧪 Успешное тестирование: основы и передовые приемы Jest. Часть 1
😁8👍2🎉2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🥱3❤2🔥1