⭐ 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
🙇♂️ 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-приложении
💡Работа с датами в JavaScript: шпаргалка для фронтенд-разработчика
#cheatsheet #javascript #easy by David Mraz
#cheatsheet #javascript #easy by David Mraz
💪 Уровни в айти-индустрии обычно отличаются опытом, знаниями, навыками, ответственностью и зарплатой. Но в одной компании вас могут оценить как сильного мидла, а в другой — как среднего джуна.
💬 Как вы считаете, какими навыками должны обладать джуны, мидлы и сеньоры?
#холивар
💬 Как вы считаете, какими навыками должны обладать джуны, мидлы и сеньоры?
#холивар
⚒️ 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}
/>
)
}💡Типы данных JavaScript под капотом: гайд для фронтенд-разработчика
🔸Number, Smi и HeapNumber
🔸String, Boolean, Null, Undefined и Oddball
👉 Читать
🔸Number, Smi и HeapNumber
🔸String, Boolean, Null, Undefined и Oddball
👉 Читать
Хабр
Глубокий JS. В память о типах и данных
Уровень: Senior , Senior+ Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN , а на просторах интернета полно статей на этот...
🎙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
#чтопроисходит
🤩 Обзор легковесных 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)
I will talk and compare lightweight javascript frameworks, and help you decide which one is the best for your Django project.
💬Напишите функцию на JavaScript, которая принимает параметр со строкой и преобразовывает ее в следующий вид:
"Привет Мир" => "прИвЕт мИр"
"Азбука Вкуса" => "АзбУкА вкУсА"
💡 Подсказка — "а", "е", "ё", "и", "о", "у", "ы", "э", "ю", "я"
😎 Через пару часов опубликуем решение!
#вопросы_с_собесов
"Привет Мир" => "прИвЕт мИр"
"Азбука Вкуса" => "АзбУкА вкУсА"
💡 Подсказка — "а", "е", "ё", "и", "о", "у", "ы", "э", "ю", "я"
😎 Через пару часов опубликуем решение!
#вопросы_с_собесов