🔧 Chrome for Testing — новая версия Chrome, специально предназначенная для тестирования веб-приложений и автоматизации.
Узнайте, почему команда Chrome сочла это необходимым на конкретных примеры, в которых Chrome for Testing может быть полезен вам как разработчику.
Читать
Узнайте, почему команда Chrome сочла это необходимым на конкретных примеры, в которых Chrome for Testing может быть полезен вам как разработчику.
Читать
Chrome for Developers
Chrome for Testing: reliable downloads for browser automation | Blog | Chrome for Developers
Chrome for Testing is a new Chrome flavor that specifically targets web app testing and automation use cases.
💡11 заповедей Junior-разработчика
В этой статье дадим несколько дельных советов, которые помогут вам избежать распространенных ошибок на старте карьеры.
🔗 Основной сайт
🔗 Зеркало
В этой статье дадим несколько дельных советов, которые помогут вам избежать распространенных ошибок на старте карьеры.
🔗 Основной сайт
🔗 Зеркало
Million.js — ориентированная на производительность замена VDOM для React
Начавшаяся два года назад как небольшая, не зависящая от библиотек реализация виртуального DOM, Million сейчас — это библиотека, которая ускоряет работу компонентов React до 70 %.
Начавшаяся два года назад как небольшая, не зависящая от библиотек реализация виртуального DOM, Million сейчас — это библиотека, которая ускоряет работу компонентов React до 70 %.
Мини-курс по созданию 3D-анимации с помощью React: от настройки до деплоя на Netlify
Вы научитесь использовать WebGi (на базе Three.js) и GSAP для создания крутых 3D-эффектов.
Вы научитесь использовать WebGi (на базе Three.js) и GSAP для создания крутых 3D-эффектов.
YouTube
React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP
Learn how to build a 3D animation in React, using technologies such as WebGi (powered by Three.js) and GSAP. First, we will learn how to find 3D models and display them on your website using WebGi. Then, we'll use React and GSAP to make a 3D animation of…
Александр Бухтатый, фронтенд-разработчик в Тинькофф, делится одним из способов работы с формами в Angular-проектах, который упрощает создание новых форм и изолирует зависимость от внешней UI-библиотеки.
Читать
Читать
Хабр
Работа с формами в Angular — модуль работы с формами и обертки полей
Всем привет! Я Александр Бухтатый, frontend-разработчик в Тинькофф, специализируюсь на Angular. Наша команда работает в монорепозитории с четырьмя проектами. В каждом проекте много форм, нужно...
Проблема с отключенными кнопками и что делать вместо них
Adam Silver считает, что атрибут disabled в кнопках вредит UX. И вот почему:
➖Они не дают обратной связи
➖Из-за них интерфейс кажется сломанным
➖Их трудно увидеть
➖На них нельзя сфокусироваться
➖Они вводят в заблуждение
➖Пользователи могут не заметить, что кнопка становится активной
📌 Что делать вместо этого?
1️⃣Напишите четкую метку и текст подсказки, чтобы пользователи поняли вопрос
2️⃣Начните с одной формы ввода на странице, чтобы уменьшить когнитивную нагрузку
3️⃣Включите кнопку, чтобы пользователи всегда получали обратную связь
4️⃣Прощайте тривиальные ошибки
5️⃣Дайте четкие сообщения об ошибках, чтобы помочь пользователям решить проблему
#ux #tip
Adam Silver считает, что атрибут disabled в кнопках вредит UX. И вот почему:
➖Они не дают обратной связи
➖Из-за них интерфейс кажется сломанным
➖Их трудно увидеть
➖На них нельзя сфокусироваться
➖Они вводят в заблуждение
➖Пользователи могут не заметить, что кнопка становится активной
📌 Что делать вместо этого?
1️⃣Напишите четкую метку и текст подсказки, чтобы пользователи поняли вопрос
2️⃣Начните с одной формы ввода на странице, чтобы уменьшить когнитивную нагрузку
3️⃣Включите кнопку, чтобы пользователи всегда получали обратную связь
4️⃣Прощайте тривиальные ошибки
5️⃣Дайте четкие сообщения об ошибках, чтобы помочь пользователям решить проблему
#ux #tip
Adamsilver.io
The problem with disabled buttons and what to do instead
Adam Silver – interaction designer - London, UK
🎙️С момента анонса подкаста «Про код» от HTML Academy у ребят вышло еще два выпуска:
🔗 010. Случайности не случайны, а цвета не цвета
🔗 011. 20 лет вникуда, ужасы ch и TS 5.1
#podcast
🔗 010. Случайности не случайны, а цвета не цвета
🔗 011. 20 лет вникуда, ужасы ch и TS 5.1
#podcast
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🎙️У HTML Academy есть подкаст «Про код», в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком.
Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки…
Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки…
🧒👾Тест-игра на выживание #2: как джуну получить повышение
Прошло какое-то время, вы возмужали и теперь думаете о повышении. Но с чего начать восхождение к вершине и как продвинуться набравшемуся опыта джуну по карьерной лестнице! Знаете, что делать дальше? Проверьте свои шансы на успех и пройдите вторую часть квеста.
🔗 Пройти тест
Прошло какое-то время, вы возмужали и теперь думаете о повышении. Но с чего начать восхождение к вершине и как продвинуться набравшемуся опыта джуну по карьерной лестнице! Знаете, что делать дальше? Проверьте свои шансы на успех и пройдите вторую часть квеста.
🔗 Пройти тест
Ну что ж, друзья, команда Stack Overflow опубликовала результаты опроса разработчиков за 2023 год. Пришло время подводить итоги. Итак, самые популярные:
🔝Языки программирования, сценариев и разметки: JavaScript, HTML/CSS и SQL. Python хоть и обогнал SQL как третий наиболее часто используемый язык, но занял первое место для тех, кто не является профессиональным разработчиком или не учится программировать.
🔝Веб-фреймворки и технологии: Node.js и React.js.
🔝Базы данных: PostgreSQL и MySQL.
🔝IDE/редакторы кода: Visual Studio Code.
🔝Инструменты: Docker.
И кстати, в этот раз отличился Phoenix как самый популярный веб-фреймворк, с которым разработчики больше всего захотят работать в следующем году, в отличие от React, Node.js и Next.js.
🔝Языки программирования, сценариев и разметки: JavaScript, HTML/CSS и SQL. Python хоть и обогнал SQL как третий наиболее часто используемый язык, но занял первое место для тех, кто не является профессиональным разработчиком или не учится программировать.
🔝Веб-фреймворки и технологии: Node.js и React.js.
🔝Базы данных: PostgreSQL и MySQL.
🔝IDE/редакторы кода: Visual Studio Code.
🔝Инструменты: Docker.
И кстати, в этот раз отличился Phoenix как самый популярный веб-фреймворк, с которым разработчики больше всего захотят работать в следующем году, в отличие от React, Node.js и Next.js.
374. Safari TP, сабгриды, JS-итераторы, тестирование, Figma, ES…
Веб-стандарты
00:01:39 Safari TP
00:06:53 Сабгриды
00:11:47 Методы итераторов
00:16:48 Chrome для тестирования
00:27:29 Гадания по Figma
00:40:52 Магические импорты
00:53:02 CSS-нестинг
01:12:12 Редактор Zed
01:22:31 Ответы на вопросы
#podcast
Please open Telegram to view this post
VIEW IN TELEGRAM
💭 Споры в айти-сообществе о фуллстек-разработчиках не утихают. Ты вроде умеешь писать и фронт и бэк, а если копнуть глубже, начинаешь плавать.
В связи с тем, что именно эта тема подстать нашему сообществу, хотелось бы узнать ваше мнение. Фуллстек-разработчики в 2023 году ценятся на рынке труда?
#холивар
В связи с тем, что именно эта тема подстать нашему сообществу, хотелось бы узнать ваше мнение. Фуллстек-разработчики в 2023 году ценятся на рынке труда?
#холивар
🌵 Мексиканская перестрелка: какую IT-профессию выбрать джуну в 2023 году, чтобы зарабатывать $100кк в наносек
В этой статье мы рассмотрим несколько перспективных IT-направлений, которые приблизят вас к заветным цифрам на вашем банковском счете.
🔗 Основной сайт
🔗 Зеркало
В этой статье мы рассмотрим несколько перспективных IT-направлений, которые приблизят вас к заветным цифрам на вашем банковском счете.
🔗 Основной сайт
🔗 Зеркало
Конференция Angular ng-conf 2023 позади. Ждать записи выступлений еще долго, поэтому пока можно ознакомиться с основным докладом и последними новостями вокруг фреймворка: выпуск Angular 16.1 с поддержкой TypeScript 5.1, RFC: Built-In Control Flow и RFC: Deferred Loading.
Если вы уже знакомы с React, но не чувствуете уверенности в ее использовании с TypeScript, это онлайн-руководство от Matt Pocock точно для вас:
🍿 40+ видео и статей
🔥 21 интерактивный урок и многое другое
🍿 40+ видео и статей
🔥 21 интерактивный урок и многое другое
👨🎓Бесплатный курс по Vue.js от Ильи Климова (JavaScript.Ninja) и Клуба Vue.js-разработчиков
36 практических видеоуроков об архитектуре Vue.js, подводных камнях, концепциях и многом другом.
Смотреть
36 практических видеоуроков об архитектуре Vue.js, подводных камнях, концепциях и многом другом.
Смотреть
YouTube
Бесплатный курс по Vue.js: о структуре
Присоединяйтесь к миру JavaScript и Vue.js вместе с нами
Наше сообщество: https://yangx.top/vuejs_club
Поддержать автора видео можно на Patreon
https://patreon.com/javascriptninja
Содержание:
00:00 О курсе и кому он не подойдёт
04:40 Структура курса
21:00 Чего…
Наше сообщество: https://yangx.top/vuejs_club
Поддержать автора видео можно на Patreon
https://patreon.com/javascriptninja
Содержание:
00:00 О курсе и кому он не подойдёт
04:40 Структура курса
21:00 Чего…
Артем Коньков, фронтенд-разработчик в СберМаркете, делится историей о любопытстве
Казалось бы, что тут такого? В случае Артема оно превратило небольшую задачу в настоящий квест длиной в 5 спринтов. А задача то была — просто добавить в адреса /v3/ где надо.
Казалось бы, что тут такого? В случае Артема оно превратило небольшую задачу в настоящий квест длиной в 5 спринтов. А задача то была — просто добавить в адреса /v3/ где надо.
Хабр
Путешествие в царство легаси. Как маленькая задача привела к большому рефакторингу
Привет! Меня зовут Артем Коньков, я frontend-разработчик в СберМаркете. А еще, я тот человек, который в фильмах ужасов спускается в темный подвал вопреки инстинкту самосохранения. Во-первых, потому...
This media is not supported in your browser
VIEW IN TELEGRAM
Визуальный гайд для изучения Node.js Event Loop: подробное объяснение в духе команды Builder.io
Читать и смотреть
Читать и смотреть
Взгляд на новое ключевое слово using в TypeScript 5.2
using добавляет что-то похожее на управление контекстом Python with в TypeScript, предоставляя способ автоматического запуска функции Symbol.dispose, когда объект выходит из области видимости. Вы можете использовать его для отключения соединений с базой данных, закрытия файловых дескрипторов и т. д.
Читать
using добавляет что-то похожее на управление контекстом Python with в TypeScript, предоставляя способ автоматического запуска функции Symbol.dispose, когда объект выходит из области видимости. Вы можете использовать его для отключения соединений с базой данных, закрытия файловых дескрипторов и т. д.
Читать
Спустя четыре года после выхода Svelte 3.0 представлена новая версия фреймворка
Если вы новичок в Svelte, начните с интерактивного руководства. Хотите перейти на новую версию? Для вас есть руководство по миграции и обновленный сайт.
Если вы новичок в Svelte, начните с интерактивного руководства. Хотите перейти на новую версию? Для вас есть руководство по миграции и обновленный сайт.
svelte.dev
Announcing Svelte 4
Updated performance, developer experience, and site
Постепенно улучшайте HTML с помощью облегченных JavaScript-библиотек
«Никаких инструментов сборки, компиляторов и хлопот». UnsuckJS: сравнительная таблица JavaScript-библиотек, в которой представлены популярность (последний коммит, количество звезд, форков и других показателей), размер и последние версии таких библиотек, как Preact, bau, htmx, Hyperapp, Mithril и многих других.
«Никаких инструментов сборки, компиляторов и хлопот». UnsuckJS: сравнительная таблица JavaScript-библиотек, в которой представлены популярность (последний коммит, количество звезд, форков и других показателей), размер и последние версии таких библиотек, как Preact, bau, htmx, Hyperapp, Mithril и многих других.