🎉🥳🍾 Кстати, нас уже больше 22 000! Спасибо за интерес к «Библиотеке фронтендера».
Forwarded from Библиотека C/C++ разработчика | cpp, boost, qt
🧑💻🪜 6 карьерных советов программисту
Советы, которые подойдут джуниорам, мидлам и сеньорам.
#туториал
Читать статью
Советы, которые подойдут джуниорам, мидлам и сеньорам.
#туториал
Читать статью
This media is not supported in your browser
VIEW IN TELEGRAM
🔧Как в Tailwind делать динамические темы с помощью oklch(): гайд для фронтенд-разработчика
📌 Пример кода👇
📌 Пример кода👇
import { makeVariable, shades } from "./common";
import { consistentChroma } from "./runtime";
export function dynamicTwClasses(baseName, baseHue) {
return Object.fromEntries(
shades.map((shade, i) => {
const color = consistentChroma(i, baseHue);
return [
shade,
`oklch(${makeVariable({
fallbackValue: color,
name: baseName,
shade,
withVar: true,
})} / <alpha-value>)`,
];
}),
);
}💡initial, inherit, unset и revert: доступное объяснение ключевых слов CSS на практике
🎮Поиграть можно здесь
#css #tip by Shripal Soni
🎮Поиграть можно здесь
#css #tip by Shripal Soni
Forwarded from Библиотека C/C++ разработчика | cpp, boost, qt
🚩 Итог одной валютной удаленки: проработал месяц бесплатно и ушел с долгами
Изумительная история фронтендера, который целый месяц работал без зарплаты и даже остался должен своему работодателю $1609
#почитать
Читать статью
Изумительная история фронтендера, который целый месяц работал без зарплаты и даже остался должен своему работодателю $1609
#почитать
Читать статью
395. GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Андрей Мелихов, Вадим Макеев про GitHub Universe и Copilot, Angular.dev, знание Юникода, CSS 4, 5, 6 и AI в FigJam.
00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJam
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJam
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
⭐ FAQ по трудоустройству: разбираем самые популярные вопросы
Каждый, кто хотя бы раз искал работу, сталкивался с массой проблем: «Врать в резюме или не надо?», «@#$%!, вакансия классная, но я не подхожу... Что делать?». Под катом — разбор этих других популярных вопросов.
🔗 Читать статью
🔗 Зеркало
Каждый, кто хотя бы раз искал работу, сталкивался с массой проблем: «Врать в резюме или не надо?», «@#$%!, вакансия классная, но я не подхожу... Что делать?». Под катом — разбор этих других популярных вопросов.
🔗 Читать статью
🔗 Зеркало
⚒️ Reatom — высокоэффективный logic/state manager, предлагающий простые абстракции и мощные инструменты для создания как маленьких виджетов, так и крупных SPA.
Недавно был выпущен reatomResource, новый API для простого и эффективного управления ресурсами. Совместим с другими асинхронными API:
Недавно был выпущен reatomResource, новый API для простого и эффективного управления ресурсами. Совместим с другими асинхронными API:
withDataAtom, withStatusesAtom, withRetry, withCache.☝️🚀 Рейтинг JavaScript-библиотек для визуализации диаграмм с открытым исходным кодом за последние 28 дней
🔝Топ-5 в нашей подборке:
1️⃣ apache/echarts — мощная интерактивная библиотека, предлагающая простые способы добавления интуитивно понятных, интерактивных и легко настраиваемых диаграмм.
2️⃣ apexcharts/apexcharts.js — современная библиотека, которая позволяет создавать интерактивные визуализации данных с помощью простого API и более 100 готовых к использованию примеров.
3️⃣ chartjs/Chart.js — простые HTML5-диаграммы с использованием тега <canvas>.
4️⃣ d3/d3 — библиотека для визуализации данных с помощью SVG, Canvas и HTML.
5️⃣ recharts/recharts — библиотека для создания диаграмм, построенная на React и D3.
#инструменты
🔝Топ-5 в нашей подборке:
1️⃣ apache/echarts — мощная интерактивная библиотека, предлагающая простые способы добавления интуитивно понятных, интерактивных и легко настраиваемых диаграмм.
2️⃣ apexcharts/apexcharts.js — современная библиотека, которая позволяет создавать интерактивные визуализации данных с помощью простого API и более 100 готовых к использованию примеров.
3️⃣ chartjs/Chart.js — простые HTML5-диаграммы с использованием тега <canvas>.
4️⃣ d3/d3 — библиотека для визуализации данных с помощью SVG, Canvas и HTML.
5️⃣ recharts/recharts — библиотека для создания диаграмм, построенная на React и D3.
#инструменты
🤔 Сложно ли поменять стек разработки?
Выйти на тот же уровень производительности в другом стеке в том же направлении (бэкенд/фронтенд) может занять от нескольких месяцев до полугода. Конечно, у каждого это время различается, но в любом случае оно включает:
✔️Изучение нового языка
✔️Ознакомление с экосистемой языка
✔️Понимание инфраструктуры (сборка, доставка и т. д.)
💬 А вы меняли стек? Сколько времени это заняло?
#холивар
Выйти на тот же уровень производительности в другом стеке в том же направлении (бэкенд/фронтенд) может занять от нескольких месяцев до полугода. Конечно, у каждого это время различается, но в любом случае оно включает:
✔️Изучение нового языка
✔️Ознакомление с экосистемой языка
✔️Понимание инфраструктуры (сборка, доставка и т. д.)
💬 А вы меняли стек? Сколько времени это заняло?
#холивар
🤔 Какие выводы можно сделать после 500 юнит-тестов?
Именно столько написал Сергей Глазырин, JavaScript-разработчик в Тинькофф, для одного из внутренних Compliance-приложений.
После такого спринта тестовое покрытие продукта увеличилось на 30%, притом что бизнес-задачи продолжали выполняться. Результаты опыта — в статье.
Именно столько написал Сергей Глазырин, JavaScript-разработчик в Тинькофф, для одного из внутренних Compliance-приложений.
После такого спринта тестовое покрытие продукта увеличилось на 30%, притом что бизнес-задачи продолжали выполняться. Результаты опыта — в статье.
Хабр
Что я понял, когда написал много тестов
Привет! Меня зовут Сергей, я работаю фронтенд-разработчиком в Тинькофф на одном из внутренних приложений в направлении Compliance. Последние полгода я активно занимался повышением стабильности и...
Во время отладки JavaScript-кода иногда приходится устанавливать множество точек останова в разных функциях. Возможно, вы захотите сохранить эти точки останова, но не останавливаться на них.
📌В DevTools это можно сделать двумя способами:
1️⃣Принудительное выполнение, пропуск других точек останова (Chrome и Edge).
🔸Открываем инструмент Sources и устанавливаем необходимые точки останова.
🔸После паузы на первой точке останова нажимаем и удерживаем «Возобновить выполнение сценария», а затем «Принудительное выполнение сценария».
2️⃣Временное отключение точки останова (Chrome, Edge и Firefox).
🔸Открываем инструмент Sources в Chrome/Edge или Debugger в Firefox и устанавливаем необходимые точки останова.
🔸После приостановки на первой точке останова нажимаем «Деактивировать точки останова», а затем «Возобновить».
📌Выполнение сценария возобновляется и не приостанавливается ни в одной другой точке останова.
#devtool #tip
📌В DevTools это можно сделать двумя способами:
1️⃣Принудительное выполнение, пропуск других точек останова (Chrome и Edge).
🔸Открываем инструмент Sources и устанавливаем необходимые точки останова.
🔸После паузы на первой точке останова нажимаем и удерживаем «Возобновить выполнение сценария», а затем «Принудительное выполнение сценария».
2️⃣Временное отключение точки останова (Chrome, Edge и Firefox).
🔸Открываем инструмент Sources в Chrome/Edge или Debugger в Firefox и устанавливаем необходимые точки останова.
🔸После приостановки на первой точке останова нажимаем «Деактивировать точки останова», а затем «Возобновить».
📌Выполнение сценария возобновляется и не приостанавливается ни в одной другой точке останова.
#devtool #tip