SafeTest призван решить проблемы существующих библиотек с помощью нового подхода к UI-тестированию.
📌 Основная идея: на этапе загрузки приложения иметь фрагмент кода, который внедряет хуки для запуска тестов.
Этот способ работы не оказывает заметного влияния на обычное использование вашего приложения — SafeTest прибегает к ленивой загрузке для динамической загрузки тестов только при их выполнении (в примере с README тесты вообще не находятся в продакшен бандле).
После этого для запуска обычных тестов можно использовать Playwright, что помогает достигнуть идеального контроля браузера, который мы хотим получить для наших тестов.
☑️ Глубокая привязка к конкретному тесту без необходимости запускать тестовый сервер.
☑️ Двусторонняя связь между браузером и контекстом теста.
☑️ Доступ ко всем фичам DX, которые поставляются с Playwright (за исключением тех, которые поставляются с playwright/test).
☑️ Видеозапись тестов, просмотр трейсов и функция паузы страницы.
👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
✨ Подборка ресурсов для изучения основ UX
🔸 The UX Cookbook
🔸 User Experience Database
🔸 Laws of UX
🔸 UX Myths
🔸 Guide to User Research
🔸 The UX Cookbook
🔸 User Experience Database
🔸 Laws of UX
🔸 UX Myths
🔸 Guide to User Research
This media is not supported in your browser
VIEW IN TELEGRAM
🧙♂️ Визуализация JavaScript: выполнение промисов
Гайд с диаграммами и анимацией в сочетании с 8-минутным видео, из которого вы узнаете некоторые внутренние механизмы работы промисов и разберетесь, как они позволяют выполнять неблокирующие асинхронные задачи в JavaScript.
👉 Читать
Гайд с диаграммами и анимацией в сочетании с 8-минутным видео, из которого вы узнаете некоторые внутренние механизмы работы промисов и разберетесь, как они позволяют выполнять неблокирующие асинхронные задачи в JavaScript.
👉 Читать
👍 Ваш ультимативный набор шпаргалок для разработки на 2024 год
Эти шпаргалки сэкономят вам часы бесконечного гугления и упростят процесс кодинга.
🔗 Читать статью
🔗 Зеркало
Эти шпаргалки сэкономят вам часы бесконечного гугления и упростят процесс кодинга.
🔗 Читать статью
🔗 Зеркало
Новый док от команды Honeypot особенно хорошо освещает историю Node, в том числе то, как все готовилось к форку io.js в 2014 году.
📌 Другие документальные фильмы для фронтенд-разработчика:
📺 React.js
📺 Vue.js
📺 GraphQL
📺 Ember.js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Подборка современных дополнений к CSS: container queries, nesting, scroll-driven animations, view transitions, :has() и многие другие.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Представьте клик на карточку товара, который плавно дорисовывает весь остальной интерфейс вокруг самой карточки. Или анимации, привязанные к скроллу, но не требующие никаких библиотек для этого.
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 Введение в htmx: гайд для фронтенд-разработчика
По данным 2023 JavaScript Rising Stars библиотека htmx заняла второе место в разделе Front-end Frameworks и десятое место в разделе Most Popular Projects Overall.
htmx — это библиотека, которая предоставляет доступ к AJAX, переходам CSS, WebSockets и Server Sent Eventsпрямо из HTML через атрибуты, что позволяет создавать современные пользовательские интерфейсы (насколько сложные — другой вопрос), пользуясь простотой и мощью гипертекста.
На сегодняшний день у библиотеки почти 30 000 звезд на Github. Самое интересное, что до такого решения сообщество додумалось только сейчас, учитывая, что весь функционал был доступен уже 10 лет назад. Узнайте подробнее, почему👇
🔗 Читать
По данным 2023 JavaScript Rising Stars библиотека htmx заняла второе место в разделе Front-end Frameworks и десятое место в разделе Most Popular Projects Overall.
htmx — это библиотека, которая предоставляет доступ к AJAX, переходам CSS, WebSockets и Server Sent Eventsпрямо из HTML через атрибуты, что позволяет создавать современные пользовательские интерфейсы (насколько сложные — другой вопрос), пользуясь простотой и мощью гипертекста.
На сегодняшний день у библиотеки почти 30 000 звезд на Github. Самое интересное, что до такого решения сообщество додумалось только сейчас, учитывая, что весь функционал был доступен уже 10 лет назад. Узнайте подробнее, почему👇
🔗 Читать
Forwarded from Библиотека питониста | Python, Django, Flask
💬 Как изменился ваш информационный пузырь за год?
Помните свои информационные предпочтения год назад? Многое изменилось! Социальные сети, мессенджеры, YouTube, подкасты — все эти каналы ежедневно борются за наше внимание. У каждого из нас за год сформировался свой уникальный информационный рацион. Пройдите наш опрос и расскажите, как изменились ваши вкусы в медиапотреблении.
👉 Пройти опрос
Опрос займёт у вас примерно 4 минуты.
Помните свои информационные предпочтения год назад? Многое изменилось! Социальные сети, мессенджеры, YouTube, подкасты — все эти каналы ежедневно борются за наше внимание. У каждого из нас за год сформировался свой уникальный информационный рацион. Пройдите наш опрос и расскажите, как изменились ваши вкусы в медиапотреблении.
👉 Пройти опрос
Опрос займёт у вас примерно 4 минуты.
💡Отложенная загрузка некритических модулей для повышения производительности загрузки страниц в действии: на заметку фронтенд-разработчику
➡️ Поиграть можно здесь
#css #tip by Shripal Soni
➡️ Поиграть можно здесь
#css #tip by Shripal Soni
🧰 Atlassian Pragmatic Drag and Drop Framework — ориентированная на производительность Drag and Drop библиотека, которую можно использовать для улучшения работы с любым UI-стеком.
📺 Здесь вас ждет живое демо, а также запись выступления Alex Reardon, в котором рассказывается о предпосылках её создания и о том, как она работает.
👉 Подробнее
📺 Здесь вас ждет живое демо, а также запись выступления Alex Reardon, в котором рассказывается о предпосылках её создания и о том, как она работает.
👉 Подробнее
✍️ Как написать отличную документацию: 2 впечатляющих примера с открытым исходным кодом
Хорошая документация экономит время, привлекает контрибьюторов и пользователей. Мы рассмотрим два open-source проекта с образцовой документацией, на которые стоит равняться каждому разработчику.
👉 Читать статью
👉 Зеркало
Хорошая документация экономит время, привлекает контрибьюторов и пользователей. Мы рассмотрим два open-source проекта с образцовой документацией, на которые стоит равняться каждому разработчику.
👉 Читать статью
👉 Зеркало
416. Safari, CSS JIT, FigJam, бета Chrome 124, V8, сетки, View Transitions…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Юля Миоцен, Алексей Симоненко про Safari TP, CSS JIT, AI в FigJam, бету Chrome 124, Iterator helpers в V8, новые и старые сетки, View Transitions, Color Mix и Gulp 5.
00:01:54 Safari TP
00:11:15 CSS JIT
00:15:25 Apple Developer на YouTube
00:23:21 AI в FigJam
00:29:36 Бета Chrome 124
00:46:16 Iterator helpers в V8
00:53:49 Новые и старые сетки
01:00:54 View Transitions
01:20:52 Color Mix
01:30:13 Gulp 5
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:54 Safari TP
00:11:15 CSS JIT
00:15:25 Apple Developer на YouTube
00:23:21 AI в FigJam
00:29:36 Бета Chrome 124
00:46:16 Iterator helpers в V8
00:53:49 Новые и старые сетки
01:00:54 View Transitions
01:20:52 Color Mix
01:30:13 Gulp 5
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты