Forwarded from Библиотека программиста | программирование, кодинг, разработка
⭐ FAQ по трудоустройству: разбираем самые популярные вопросы
Каждый, кто хотя бы раз искал работу, сталкивался с массой проблем: «Врать в резюме или не надо?», «@#$%!, вакансия классная, но я не подхожу... Что делать?». Под катом — разбор этих других популярных вопросов.
🔗 Читать статью
🔗 Зеркало
Каждый, кто хотя бы раз искал работу, сталкивался с массой проблем: «Врать в резюме или не надо?», «@#$%!, вакансия классная, но я не подхожу... Что делать?». Под катом — разбор этих других популярных вопросов.
🔗 Читать статью
🔗 Зеркало
🥱7❤2🔥2
⚒️ Reatom — высокоэффективный logic/state manager, предлагающий простые абстракции и мощные инструменты для создания как маленьких виджетов, так и крупных SPA.
Недавно был выпущен reatomResource, новый API для простого и эффективного управления ресурсами. Совместим с другими асинхронными API:
Недавно был выпущен reatomResource, новый API для простого и эффективного управления ресурсами. Совместим с другими асинхронными API:
withDataAtom, withStatusesAtom, withRetry, withCache.🔥8👍5❤1
☝️🚀 Рейтинг 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.
#инструменты
👍11❤2
🤔 Сложно ли поменять стек разработки?
Выйти на тот же уровень производительности в другом стеке в том же направлении (бэкенд/фронтенд) может занять от нескольких месяцев до полугода. Конечно, у каждого это время различается, но в любом случае оно включает:
✔️Изучение нового языка
✔️Ознакомление с экосистемой языка
✔️Понимание инфраструктуры (сборка, доставка и т. д.)
💬 А вы меняли стек? Сколько времени это заняло?
#холивар
Выйти на тот же уровень производительности в другом стеке в том же направлении (бэкенд/фронтенд) может занять от нескольких месяцев до полугода. Конечно, у каждого это время различается, но в любом случае оно включает:
✔️Изучение нового языка
✔️Ознакомление с экосистемой языка
✔️Понимание инфраструктуры (сборка, доставка и т. д.)
💬 А вы меняли стек? Сколько времени это заняло?
#холивар
🔥6😁1
🤔 Какие выводы можно сделать после 500 юнит-тестов?
Именно столько написал Сергей Глазырин, JavaScript-разработчик в Тинькофф, для одного из внутренних Compliance-приложений.
После такого спринта тестовое покрытие продукта увеличилось на 30%, притом что бизнес-задачи продолжали выполняться. Результаты опыта — в статье.
Именно столько написал Сергей Глазырин, JavaScript-разработчик в Тинькофф, для одного из внутренних Compliance-приложений.
После такого спринта тестовое покрытие продукта увеличилось на 30%, притом что бизнес-задачи продолжали выполняться. Результаты опыта — в статье.
Хабр
Что я понял, когда написал много тестов
Привет! Меня зовут Сергей, я работаю фронтенд-разработчиком в Тинькофф на одном из внутренних приложений в направлении Compliance. Последние полгода я активно занимался повышением стабильности и...
👍6
Во время отладки 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
👍10
🙇♂️ Pro React — мини-курс с лучшими практиками и примерами использования библиотеки React для создания веб-приложений от Михаила Непомнящего.
📌 Несколько свежих уроков:
📺 React Query. Быстрый старт
📺 Валидация форм с react-hook-form в React-приложениях
📺 SWR для CRUD операций в React-приложении
📺 Знакомство с Zustand — лучшей заменой Redux
📺 Начало работы со StoryBook
📺 Обновления React 18 — что и как
📺 Новые хуки useTransition и useDeferredValue в React 18
📺 Разделение логики и представления в React-приложении
📌 Несколько свежих уроков:
📺 React Query. Быстрый старт
📺 Валидация форм с react-hook-form в React-приложениях
📺 SWR для CRUD операций в React-приложении
📺 Знакомство с Zustand — лучшей заменой Redux
📺 Начало работы со StoryBook
📺 Обновления React 18 — что и как
📺 Новые хуки useTransition и useDeferredValue в React 18
📺 Разделение логики и представления в React-приложении
❤9👍5
💡Работа с датами в JavaScript: шпаргалка для фронтенд-разработчика
#cheatsheet #javascript #easy by David Mraz
#cheatsheet #javascript #easy by David Mraz
👍19❤1😁1🙏1
💪 Уровни в айти-индустрии обычно отличаются опытом, знаниями, навыками, ответственностью и зарплатой. Но в одной компании вас могут оценить как сильного мидла, а в другой — как среднего джуна.
💬 Как вы считаете, какими навыками должны обладать джуны, мидлы и сеньоры?
#холивар
💬 Как вы считаете, какими навыками должны обладать джуны, мидлы и сеньоры?
#холивар
👍4
⚒️ React Datasheet Grid: компонент для создания таблиц, подобных Airtable и Excel
Он не заменит электронную таблицу или обширную структуру данных grid, но это отличное решение для простых юзкейсов, обеспечивающее плавную анимацию, навигацию с помощью клавиатуры и многое другое.
Он не заменит электронную таблицу или обширную структуру данных grid, но это отличное решение для простых юзкейсов, обеспечивающее плавную анимацию, навигацию с помощью клавиатуры и многое другое.
import {
DataSheetGrid,
checkboxColumn,
textColumn,
keyColumn,
} from 'react-datasheet-grid'
import 'react-datasheet-grid/dist/style.css'
const Example = () => {
const [ data, setData ] = useState([
{ active: true, firstName: 'Elon', lastName: 'Musk' },
{ active: false, firstName: 'Jeff', lastName: 'Bezos' },
])
const columns = [
{
...keyColumn('active', checkboxColumn),
title: 'Active',
},
{
...keyColumn('firstName', textColumn),
title: 'First name',
},
{
...keyColumn('lastName', textColumn),
title: 'Last name',
},
]
return (
<DataSheetGrid
value={data}
onChange={setData}
columns={columns}
/>
)
}👍13🤩8❤1
💡Типы данных JavaScript под капотом: гайд для фронтенд-разработчика
🔸Number, Smi и HeapNumber
🔸String, Boolean, Null, Undefined и Oddball
👉 Читать
🔸Number, Smi и HeapNumber
🔸String, Boolean, Null, Undefined и Oddball
👉 Читать
Хабр
Глубокий JS. В память о типах и данных
Уровень: Senior , Senior+ Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN , а на просторах интернета полно статей на этот...
👍16
🎙JetBrains JavaScript Day 2023 — бесплатное мероприятие, посвященное современной разработке на JavaScript и TypeScript.
📺 Состояние Angular – v17 / Simona Cotin, Engineering Manager в Google
📺 Фреймворк с поддержкой искусственного интеллекта? «Использование LLM, чтобы поставить человека на первое место» / Daniel Roe, Framework Lead в Nuxt
📺 Ложь, которую мы говорим себе, используя TypeScript / Stefan Baumgartner, owner oida.dev
📺 TC39 — от предложения к ECMAScript — шаг за шагом / Romulo Cintra, веб-энтузиаст в Igalia
📺 React: самые распространенные ошибки в 2023 году / Cory House, системный архитектор и автор курсов на Pluralsight
📺 JavaScript должен идти с батарейками / Luca Casonato, Software Engineer в Deno
📺 Это больше не просто Node.js / James M Snell, Principal Software Engineer в Cloudflare Workers
📺 View Transitions: факты и выдумки / Fred K. Schott, соавтор Astro
#чтопроисходит
📺 Состояние Angular – v17 / Simona Cotin, Engineering Manager в Google
📺 Фреймворк с поддержкой искусственного интеллекта? «Использование LLM, чтобы поставить человека на первое место» / Daniel Roe, Framework Lead в Nuxt
📺 Ложь, которую мы говорим себе, используя TypeScript / Stefan Baumgartner, owner oida.dev
📺 TC39 — от предложения к ECMAScript — шаг за шагом / Romulo Cintra, веб-энтузиаст в Igalia
📺 React: самые распространенные ошибки в 2023 году / Cory House, системный архитектор и автор курсов на Pluralsight
📺 JavaScript должен идти с батарейками / Luca Casonato, Software Engineer в Deno
📺 Это больше не просто Node.js / James M Snell, Principal Software Engineer в Cloudflare Workers
📺 View Transitions: факты и выдумки / Fred K. Schott, соавтор Astro
#чтопроисходит
👍10
🤩 Обзор легковесных JavaScript-фреймворков
Обзор предназначен для разработчиков Python/Django, но если для вашей задачи не нужен тяжелый(-ая) фреймворк/библиотека вроде React/Vue/Svelte/Angular, почему бы не взглянуть на многочисленные облегченные альтернативы из различных стеков: от Stimulus и htmx до Laravel Livewire и Hotwire.
👉 Читать
Обзор предназначен для разработчиков Python/Django, но если для вашей задачи не нужен тяжелый(-ая) фреймворк/библиотека вроде React/Vue/Svelte/Angular, почему бы не взглянуть на многочисленные облегченные альтернативы из различных стеков: от Stimulus и htmx до Laravel Livewire и Hotwire.
👉 Читать
Saashammer
Lightweight Javascript Framework Review (For Django Developers)
Compare lightweight JavaScript frameworks for Django projects, including HTMX, Alpine.js, Turbo, Stimulus, Django Unicorn, and more to find the best solution for your needs.
👍4