![PurpleSchool | Anton Larichev](/img/default-banner.jpg)
- 311
- 6 182 555
PurpleSchool | Anton Larichev
Russia
Приєднався 4 тра 2022
Канал о разработке и обучающие видео по JavaScript, TypeScript, Node.js, React, Angular, NestJS, Next.js, Docker, Linux, Kubernetes и многим другим технологиям.
Основатель школы PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 13 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Мои курсы: purpleschool.ru
Мой Telegram канал: t.me/purple_code_channel
Группа в VK: purpleschool_ru
Основатель школы PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 13 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Мои курсы: purpleschool.ru
Мой Telegram канал: t.me/purple_code_channel
Группа в VK: purpleschool_ru
Planeta v2 - Эргономичная ортолинейная клавиатура для разработчика
Сегодня мы посмотрим на ещё одну необычную клавиатуру Planeta v2 от Ergohaven и дополнительный макропад M4CR0Pad. Кому они подойдут, а кому нет.
🔗 Ссылки:
Предыдущий обзор клавиатуры: ua-cam.com/video/0HpvVS2UpXA/v-deo.html
Клавиатуры: ru.ergohaven.xyz/shop
🎓 Курсы по Web разработке: purpleschool.ru
Новый курс по Git:
Новый курс по Zustand: purpleschool.ru/course/zustand
💬 Telegram канал с полезными советами:
t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:26 - Распаковка
2:04 - Planeta v2
4:17 - M4CR0Pad
6:51 - Подключение
7:38 - Vial
11:48 - Работа дисплея
12:56 - Плюсы и минусы
🔗 Ссылки:
Предыдущий обзор клавиатуры: ua-cam.com/video/0HpvVS2UpXA/v-deo.html
Клавиатуры: ru.ergohaven.xyz/shop
🎓 Курсы по Web разработке: purpleschool.ru
Новый курс по Git:
Новый курс по Zustand: purpleschool.ru/course/zustand
💬 Telegram канал с полезными советами:
t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:26 - Распаковка
2:04 - Planeta v2
4:17 - M4CR0Pad
6:51 - Подключение
7:38 - Vial
11:48 - Работа дисплея
12:56 - Плюсы и минусы
Переглядів: 2 041
Відео
CSS container queries это огонь 🔥
Переглядів 9 тис.2 дні тому
Сегодня мы разберём CSS container queries как их использовать и для каких случаев. 🔗 Ссылки: 🎓 Курс по HTML и CSS: purpleschool.ru/course/html-css 💬 Telegram канал с полезными советами: t.me/purple_code_channel Разделы видео: 0:00 - Введение 0:20 - Зачем нужны 3:52 - Использование container queries 7:02 - container-name 9:32 - cqw и cqh 12:25 - Поддержка браузеров 13:09 - Заключение
Новости web разработки: Next 15 RC, Конец Remix, Ark 3.0, Headless UI 2, Restyle, Solid Start 1.0
Переглядів 10 тис.14 днів тому
Сегодня у нас седьмой выпуск новостей web разработки, где мы рассмотрим что нового появилось в мае 2024: Next 15 RC, TanStack Query 5.39, Astro 4.9, Конец Remix, NextUI 2.4.0, Ark 3.0, Headless UI 2, Restyle 1.0, Expo SDK 51 и новая архитектура React Native, Zustand 5, Solid Start 1.0, Vitest 1.6.0. 🔗 Ссылки: Next 15 RC: nextjs.org/blog/next-15-rc TanStack Query 5.39: github.com/TanStack/query/...
TypeScript 5.5: inferred type predicate
Переглядів 7 тис.21 день тому
TypeScript 5.5: inferred type predicate
Можно ли стать frontend разработчиком за год?
Переглядів 2,2 тис.Місяць тому
Можно ли стать frontend разработчиком за год?
useState в React не всегда нужен - query и server components в Nextjs
Переглядів 4,9 тис.Місяць тому
useState в React не всегда нужен - query и server components в Nextjs
Красивый терминал на MacOS / Linux и Windows
Переглядів 43 тис.Місяць тому
Красивый терминал на MacOS / Linux и Windows
Новости web разработки: ESLint 9, Node.js 22, Next 14.2, React 19 Beta, XState Store
Переглядів 11 тис.Місяць тому
Новости web разработки: ESLint 9, Node.js 22, Next 14.2, React 19 Beta, XState Store
CSS математически функции pow, sqrt, log, exp, calc
Переглядів 2,5 тис.2 місяці тому
CSS математически функции pow, sqrt, log, exp, calc
JavaScript 2024: Temporal API - работа с датой и временем
Переглядів 7 тис.2 місяці тому
JavaScript 2024: Temporal API - работа с датой и временем
Storybook - Быстрый курс по работе и тестированию с React
Переглядів 8 тис.2 місяці тому
Storybook - Быстрый курс по работе и тестированию с React
Новости web разработки: Redwoodjs, Node 21.7, VitePress, Firebolt, Elysiajs, Storybook 8
Переглядів 10 тис.2 місяці тому
Новости web разработки: Redwoodjs, Node 21.7, VitePress, Firebolt, Elysiajs, Storybook 8
React Email - Вёрстка адаптивных email на React JS
Переглядів 11 тис.2 місяці тому
React Email - Вёрстка адаптивных email на React JS
JavaScript 2024: Полный разбор Promise.withResolvers
Переглядів 11 тис.3 місяці тому
JavaScript 2024: Полный разбор Promise.withResolvers
Zed - супер быстрая IDE на Rust с AI и совместной работой
Переглядів 19 тис.3 місяці тому
Zed - супер быстрая IDE на Rust с AI и совместной работой
Новости web разработки - выпуск 4: React 19, Remix, Angular 17.2, Million 3, jQuery, Hono 4
Переглядів 12 тис.3 місяці тому
Новости web разработки - выпуск 4: React 19, Remix, Angular 17.2, Million 3, jQuery, Hono 4
React 19 - React Compiler, Actions, use hook, activity
Переглядів 10 тис.3 місяці тому
React 19 - React Compiler, Actions, use hook, activity
TypeScript 5.4 - NoInfer, groupBy и улучшения
Переглядів 6 тис.4 місяці тому
TypeScript 5.4 - NoInfer, groupBy и улучшения
Разбор Tanstack Router - убийца React Router
Переглядів 8 тис.4 місяці тому
Разбор Tanstack Router - убийца React Router
Новости web разработки - выпуск 3: TanStack Router, Expo SDK 50, Vue 3.4, SvelteKit 2, Next 14.1
Переглядів 9 тис.4 місяці тому
Новости web разработки - выпуск 3: TanStack Router, Expo SDK 50, Vue 3.4, SvelteKit 2, Next 14.1
Пишем тесты Node js на Jest и TypeScript - unit, e2e
Переглядів 5 тис.5 місяців тому
Пишем тесты Node js на Jest и TypeScript - unit, e2e
Идеальное рабочее место разработчика и автора курсов
Переглядів 12 тис.5 місяців тому
Идеальное рабочее место разработчика и автора курсов
7 советов как учиться программировать эффективно в 2024 году
Переглядів 8 тис.5 місяців тому
7 советов как учиться программировать эффективно в 2024 году
Новости web разработки - выпуск 2: Redux Toolkit 2.0, Oxlint, StyleX, Astro 4.0, Tailwind 3.4...
Переглядів 11 тис.5 місяців тому
Новости web разработки - выпуск 2: Redux Toolkit 2.0, Oxlint, StyleX, Astro 4.0, Tailwind 3.4...
Итоги года веб разработки 2023 - PurpleSchool Cast s2e3
Переглядів 2,6 тис.5 місяців тому
Итоги года веб разработки 2023 - PurpleSchool Cast s2e3
StyleX - новая библиотека для стилизации CSS-in-JS
Переглядів 12 тис.6 місяців тому
StyleX - новая библиотека для стилизации CSS-in-JS
Самые новые фичи CSS к началу 2024 - scoped CSS, @starting-style, nesting CSS
Переглядів 7 тис.6 місяців тому
Самые новые фичи CSS к началу 2024 - scoped CSS, @starting-style, nesting CSS
Новости web разработки - выпуск 1: TypeScript, Biome, State of JS, Deno...
Переглядів 10 тис.6 місяців тому
Новости web разработки - выпуск 1: TypeScript, Biome, State of JS, Deno...
Почему я выбираю Zustand вместо Redux Toolkit?
Переглядів 14 тис.6 місяців тому
Почему я выбираю Zustand вместо Redux Toolkit?
остался только вопрос "зачем?"
ипать у вас у всех проблемы) открываю любой клавиатурой пиво и не парюсь о всяких там этих вот...
У меня это удобно в vs code через расширение git graph
Тоже вариант при использовании VSCode
полностью клиентская страница возможна, если большая часть сайта серверная, а надо например личный кабинет, где индексация ни к чему
В теории да, но это редкий случай, даже личные кабинеты можно сделать SSR для производительности, пусть даже не для индекса
А если не странице должны быть динамические компоненты? Например с какой-нибудь интерактивностью, реакцией на действие пользователя? То как быть? Ведь их же нельзя реализовать серверными компонентами?
Варианты композиции всё доке есть, динамические компоненты
Тогда вам нужно декомпозировать вашу страницу на серверной и клиентские компоненты. Если скажем вам нужен state или обработка нажатий кто такие компоненты выносятся отдельно и обозначаются клиентскими. Но корневая страница остаётся серверной, а также все компоненты для которых нам не нужны хуки или обработки.
@@PurpleSchoolвы же сами сказали в ролике что если вы хотите чтобы ваша страница была нормально индексируемой, то все элементы на ней должны быть серверными. Как же тогда на странице которая должна быть индексируемой разместить например кнопки, которые поддерживают он клик?
Мне иногда больше нравится чейнить чем использовать async await, нету надобности в try catch что иногда делает код громоздким
Тут кончено зависит от того как договорилась команда, но когда несколько promise и логика внутри, линейный код читается лучше
@@PurpleSchool я директор, тимлид, дизайнер, бэк, фронт, уборщица, кофемашина, клиент, все в одном лице, Билли Миллиган обзавидутся
Привет, хочу подкинуть идею для ролика: git worktree
Курсы по разработке: purpleschool.ru/
1) Использовать клиентские компоненты на странице можно, и сама страница может быть клиентским компонентом, а может быть серверным и рендерить дочерние клиентские, это не запрещено, все зависит от требований 2) Отсутствие декомпозиции да, проблема 3) Получение данных на клиенте - не запрещено, можно сделать и на сервере, а можно и на клиенте, все зависит от требований и места 4) Обертка над фечем ок
1. Это не очень хорошая практика, так как даже meta нормально не составишь 3. Не запрещено, но тогда и Next не нужен 4. Тут лучше не chain делать а обрабатывать ошибки в функции обертки
Как учат так и пишут.
Ни в одном курсе так не учил
Это FSD?
Да, FSD
Если говорить про начинающего то это норм, лишь бы работало и было понимание. Для твëрдого джуна это конечно не допустимо
Да, поддерживаю
Если файл компонента больше 100 строк, значит, его надо разбивать
Да)
Пользуйтесь ide и не парьтесь
Спасибо за видос. О свойстве не знал, но пошел использовать в новом проекте :) !
Пожалуйста!
Вообще классная вещь. Однако проверил can i use. Firefox и ie еще его не поддерживают, но думаю, что это вопрос времени. Тут надо смотреть на целевую аудиторию проекта. Если мало кто пользуется вышеперечисленными браузерами, то можно попробовать начать использовать
Ну не понимаю я такие подходы. Может, я старомодный, но что я вижу? Засунуть весь код в один блок, да еще подгрузить тяжелые шрифты по внешней ссылке (где запросто могут запретить вас по национальному признаку) и выдать какие-то несуразные карточки с перегруженными CSS, от отрисовки которых в браузере процессор будет сходить с ума и включится вентилятор. Куда-то не туда свернул веб. Все это можно было оформить табличной версткой и слоями, тоже адаптивно и с простейшим CSS,
Не правильно произносите слово pause :)
А на что крепится айфон позади монитора?
Там подставка под телефон
звук намного хуже при подключении к монику, встройка в материнке намного качественннее по звуку, особенно ощущается на 24бит 192кгц
Возможно, надо попробовать
это что за терминал?
Alacrity
Спасибо за контент, но такое решается быстрее и эффективнее установкой IDE или плагинов для гита Вот куда интереснее - восстановление коммитов из логов, если ты их случайно перезатер тем же git push -f. Однажды столкнулся с этим - задача нетривиальная и решается именно командами, а не через UI
Курсы по разработке purpleschool.ru/
Спасибо, возьму на заметку)
Пожалуйста!
Мне кажется, как практика React, не плохо, но удобней просто в Word подготовить шаблон и оправить через Outlook, а он уже сам docx документы переводит в html. Единственное, что ссылки придётся в ручную дописать, если нужны. И не получится работать с переменными, если это, например, какие-то автоответы. Пока писал, понял что word - для личных писем, а React.Email - для шаблонизированных автоответов форм из spa или с сайта.
Да, это для системой отправки уведомлений
Спасибо. Задолбался проверять)
👍
Хоть видосу и 2-а года! Уверен, соискатель подрос над собой и устроился на мидла, хотя по текущему интервью, уровень мягко говоря не мидла, джун максимум. чувак, что-то пользовал пробовал, но к NodeJS я бы его не пустил, php бы ещё можно было бы, а с NodeJS получите медленное и не поддерживаемое приложение. Возможно NestJS и позволит структурировать код, но тоже такое. Вопросы, понравились про V8, libuv, АСТ и прочее, но я лично считаю, что это уже уровень твердого сеньора, если бы человек на них нормально ответил, остальное спрашивает не имеет никакого смысла. Жаль, что вопросов про сам язык JS не задают как правило совсем, а именно общее понимание и где искать ответы, как работают теже промисы или прототипная модель в JS (EcmaScript)
map(c=>getCup(c)) можно заменять на map(getCap)
лучше бы они добавили множественное наследование (миксины это не то). например DTOшки делать вместо того чтобы городить кучу одинаковых файлов или миксины использовать
10:46 я бы задал вопрос "зачем мы хотим сделать так чтобы туда можно было пять вписать nul?"😂 а вообще всем `strictNullChecks: true` пацаны и пацанессы
Три раза пришлось пересмотреть, чтобы понять зачем, и наконец-то понял. Полезная вещь
👍
очередной костыль. мне кажется спустя еще пару лет люди просто станут писать на чистом JS, потому что это станет вразы проще
у ноды есть лого и этого достаточно. я когда вижу маскотов го и пхп или той же java, меня прям коробит. лучше бы их не было 😂
Как всегда, полезный контент простым языком)
Спасибо)
Функционал экрана напоминает тачбар на маке без тача.
Да, есть такое
Здесь только единственный Framework - Angular.
Открываешь сайт vue.js The Progressive JavaScript Framework
Технически да, но сейчас, независимо от названия, выбор стоит всегда между ними
чем vue не фреймворк?))
@@danilka6295 это библиотека вообще-то.
@@danilka6295 vue - библиотека, а вот quasar - это уже фреймворк на базе vue
Я думаю позитивное отношение к svelte связано с тем что на нем все пет проекты поделали и думают какая улассная игрушка. Если тн пойдет массово в продукты то динамика будет аналогичной другим.
Возможно, хотя автор Levelup Tuts сделал на нем LMS и был очень доволен
Лол, vue тоже набрал позитива хоть и мало по сравнению с прошлым годом
Да, немного
Тут скорее лол, что он кому то нужен, кроме любителей "веб разработчик за час"
Type 'number' is not ass.. 😂
😆
Предлагаю идею для ролика: разбор зависимостей в проекте, чем отличаются peerDependency от devDependency. Тебе будет легко, а мы наконец-то поймём смысл)
Я уже в курсе по Node прям детально разбирал: purpleschool.ru/course/nodejs
Есть пожелание: когда показываешь текст, делай крупнее масштаб. Я (думаю, и многие другие) смотрю тебя с телефона и сложно что-то разглядеть
Принято!
Вроде бы круто что вышли результаты, а с другой стороны прошло пол года уже 😢
Да, они сильно затянули
Вместо уточки Богоматерь. С божьей помощью в JavaScript
голосую за vue
😊
Курсы по разработке: purpleschool.ru
Не рассматривали монитор формата 21:9? Насколько он удобен в разработке интересно.
У меня сейчас 3 на 2) Я понял, что не использую полностью широкоформатные монитооры
Оптимизацией тут и не пахнет
Cупер полезное видео! Спасибо вам)
Пожалуйста!
Эргономичность на нуле. Пока не нашел на что заменить microsoft natural keyboard
Почему на нуле?
@@PurpleSchool Эргономичность это не просто разделение на половинки. Для профилактики туннельного синдрома важно, чтобы кисть не выкручивалась - средняя часть была бугром. Подушка под кисти. А тут полностью плоская клавиатура. У меня бы через 5 минут работы заныла правая кисть
Совершенно верно. Это не клавиатура, а абсолютная ерунда. В смысле пользы и эргономичности.
@@Nick-bs4td жаль, что эти эргономичные от microsoft или logitech не механические. у меня пальцы очень устают нажимать на кнопки, туговато как-то все. а форма идеальная да. ну еще панель с цифрами для меня useless, приходится мышь держать по центру между собой и клавой (я сейчас на ERGO K860)
@@Nick-bs4tdЕсли у вас всего через 5 минут заныла бы кисть - у вас уже очень серьезные проблемы, стоит задуматься об операции. Большинство людей вообще обычной клавиатурой всю жизнь пользуются и горя не знают. А подобной хватит большинству людей, чтобы у них с высокой вероятностью никогда не возникло проблем