![Paqmind](/img/default-banner.jpg)
- Видео 54
- Просмотров 111 501
Paqmind
Россия
Добавлен 18 окт 2014
Paqmind - экспериментальная учебная платформа, посвященная программированию и веб-разработке.
Мы создаем курсы, туториалы, гайды, составляем ссылки и дорожные карты для самообучения.
Этот канал посвящён общим темам веб-разработки.
Второй канал, с более продвинутым контентом: ruclips.net/user/IvanKleshnin
Мы создаем курсы, туториалы, гайды, составляем ссылки и дорожные карты для самообучения.
Этот канал посвящён общим темам веб-разработки.
Второй канал, с более продвинутым контентом: ruclips.net/user/IvanKleshnin
Сколько версий Favicon нужно
Сколько вариантов Favicon необходимо или желательно иметь для адекватной кросс-браузерности? На каком числе мы остановились.
#веб #разработка #дизайн #фавикон #favicon
---
ФРОНТЕНД РАЗРАБОТКА НА REACT
paqmind.com/courses/react-development
Онлайн курс с поддержкой ментора. Обучение через практику.
#веб #разработка #дизайн #фавикон #favicon
---
ФРОНТЕНД РАЗРАБОТКА НА REACT
paqmind.com/courses/react-development
Онлайн курс с поддержкой ментора. Обучение через практику.
Просмотров: 110
Видео
Опыт создания Favicon
Просмотров 1293 года назад
Наш опыт создания Favicon для платформы Paqmind.com 1. Что такое Favicon 2. Оригинальная версия 3. Число цветов и размер файла 4. Отрисовка с нуля 5. Форматы изображения 6. Создание ICO версии: сервисы 7. Финальный результат #веб #разработка #дизайн #фавикон #favicon ФРОНТЕНД РАЗРАБОТКА НА REACT paqmind.com/courses/react-development Онлайн курс с поддержкой ментора. Обучение через практику.
Новости о платформе Vercel/Zeit и NextJS. Часть 2.
Просмотров 374 года назад
Ценовые планы и лимиты. Переменные окружения. Конец эпохи SSR. Serverless и GraphQL Практика перехода на схему инкрементального генератора. Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Новости о платформе Zeit/Vercel и NextJS. Часть 1.
Просмотров 414 года назад
Переименование Zeit в Vercel. Обновления ценовых планов. Обсуждение лимитов. Новый функционал переменных окружения. ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Ревью кода: сброс состояния компоненты
Просмотров 634 года назад
Ответ на вопрос об альтернативных реализациях сброса состояния компоненты. Песочница: codesandbox.io/s/paqmind-question-03-possible-solution-dy0bu Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Ревью кода: производные состояния на useMemo и useEffect
Просмотров 694 года назад
Ответы на вопросы и сравнение альтернативных реализаций фрагментов ToDo приложения. Песочница 1: codesandbox.io/s/paqmind-question-01-c02uu Песочница 2: codesandbox.io/s/paqmind-question-02-npg61 Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Почему я не использую const и строгое равенство в JS коде
Просмотров 764 года назад
Не очень серьёзное видео для просмотра в пятничный вечер :) Почему я не использую const и строгое равенство в JavaScript. Чем мотивирован наш стайлгайд по коду. Анализ и сравнение конвенций. github.com/Paqmind/styleguides #javascript #style Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через пра...
Бэтчинг обновлений состояния
Просмотров 354 года назад
Сравнение бэтчинга обновлений DOM по изменению состояния компоненты. Разница между синхронными и асинхронными обработчиками. Экспериментальный режим из React 17. useState и useReducer #react Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Оптимизация фронтенда: дедупликация yarn.lock
Просмотров 1434 года назад
Оптимизация фронтенда: дедупликация yarn.lock Спойлер результата. NPM vs Yarn. yarn flat. yarn-deduplicate #frontend #optimization #npm #yarn Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Оптимизация фронтенда: влияние индексных файлов на размер бандла
Просмотров 2344 года назад
Оптимизация фронтенда: влияние индексных файлов на размер бандла NextJS, Webpack, Tree Shaking. Индексные файлы. Квалифицированные и неквалифицированные импорты. Флаг sideEffects и его вариации. Потенциальный выигрыш. Ситуация с динамическими импортами. #frontend #optimization #webpack #nextjs Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REAC...
Производные состояния в React
Просмотров 534 года назад
На примере приложения-таймера разбираем два подхода к реализации производных состояний в React. Рассматриваются хуки useState и useEffect. Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Рефакторинг реализации Dropdown
Просмотров 1314 года назад
Пример рефакторинга реализации Dropdown Menu на хуках и компонентах React. Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных. Beginner-friendly контент :) Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Работа с формами в React Formik, React Hook Form или
Просмотров 3,2 тыс.4 года назад
Работа с формами в React. Библиотеки. Контролируемые и неконтролируемые формы. Демонстрация простого сценария, с которым библиотеки форм не справляются. Домашнее задание желающим. Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Гайд по разработке форм на чистом React
Просмотров 1494 года назад
Гайд по разработке форм на чистом React Управляемые и неуправляемые формы. Управляемые и неуправляемые элементы форм. Проблемы неуправляемых элементов. Разработка "классической" формы. Анализ подходов к валидации. Улучшение производительности через мемоизацию. Хуки и мемоизация. Реализация управляемой формы. Выводы. Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОН...
Анализ роадмепов по фронтенд-разработке
Просмотров 1684 года назад
Анализ дорожных карт по изучению фронтенд-разработки. Видео предназначено для начинающих. Группа VK: paqmind Telegram: t.me/Paqmind Facebook: cutt.ly/Xr1u9zK ФРОНТЕНД РАЗРАБОТКА НА REACT Онлайн курс с поддержкой ментора. Обучение через практику. paqmind.com/courses/react-development
Обзор GraphCMS: функционал, цены, альтернативы
Просмотров 2244 года назад
Обзор GraphCMS: функционал, цены, альтернативы
Стоит ли изучать Elm? | Особенности языка Elm
Просмотров 9334 года назад
Стоит ли изучать Elm? | Особенности языка Elm
А вы задаете вопросы на интервью? | Проходим собеседование успешно!
Просмотров 3614 года назад
А вы задаете вопросы на интервью? | Проходим собеседование успешно!
Тетрис, rotateMatrix | Алгоритмы и Дизайн Кода
Просмотров 464 года назад
Тетрис, rotateMatrix | Алгоритмы и Дизайн Кода
Языки программирования для начинающих
Просмотров 2,3 тыс.4 года назад
Языки программирования для начинающих
Какие навыки нужно развивать, чтобы стать Product Manager?
Просмотров 2204 года назад
Какие навыки нужно развивать, чтобы стать Product Manager?
Что нужно знать будущему Product Manager | О специальности из первых рук
Просмотров 2004 года назад
Что нужно знать будущему Product Manager | О специальности из первых рук
А почему СлАк, а не СлЭк?
Судя по тому, что с 2019 уже 4 года прошло, нечего уже ловить от Elm-a.
2:22 Да, кстати. У меня тоже бывает, когда залпом начнешь глубокое погружение одновременно в несколько сложных тем. И когда так сутками посидишь, прям мощно накатывает потом.
14:25 - why 6rem? The next multiple of 1.5 is 4.5, as you explain for h5 shortly after.
Slack послав кацапню нахуй! Слава Україні!
Есть ли возможность позиционировать html элементы в ELM, например для создания простого меню, как альтернатива flex, grid?
Супер
Есть ограничения на подключение устройств?
Спасибо!
Спасибо за очень познавательное видео
Видео было очень полезным 👍
slack - прошлый век
А что сейчас новый век?
Спасибо за обзор. Как можно в браузере в Slack добавить несколько каналов, так чтобы в одном окне браузера была возможность переключаться между каналами? У меня получается в одной вкладке браузера только один канал, для второго нужно открывать вторую вкладку браузера (а этих вкладок там и так уже очень много, но они все нужные конечно же :)
Мне очень понравилось , все кратко и понятно )
копия дискорда
дискорд позже вышел
очень доступно!
Спасибо за информацию, все подробно рассказали)
Спасибо!
Спасибо, как можно создать папку
Так это же дискорд)
дискорд для слишком сурьезных
Подскажите, как удалить чат личной переписки целиком?
А что же стоит изучать?
html
I did the same thing but my messages element does a zigzag it jumps to the top then comes back to the new position how can i solve this
Спасибо! Очень полезно. Респект за последовательность. Голос приятный)
Благодарю!
Хороший видео. Спасибо. Но проблему о котором вы сказали на видео можно решить в Formik е . Мы для паролей делали вот такую функцию: function equalTo(ref, msg) { return Yup.mixed().test({ name: "equalTo", exclusive: false, message: msg || "${path} must be the same as ${reference}", params: { reference: ref.path }, test: function (value) { return value === this.resolve(ref); } }); } Yup.addMethod(Yup.string, "equalTo", equalTo);
Как добавить ментора
Спасибо.
Хороший рассказ с пояснениями
С тезисом согласен. Зависимости вообще так се...
Really good and useful. Not long and boring. Good luck with next review.
Спасибо, уже пару месяцев как пользуюсь, но всё равно пару вещей новых вы подсказали)
Рад, что наткнулся на ваши каналы, много полезного для себя открываю. На гитхабе файл .eslintrc недоступен, 404
Спасибо! Ссылку исправили. Рекомендуйте нас знакомым, по возможности ;) Очень мало подписчиков и число их очень медленно растёт, увы.
большое спасибо
Огромное спасибо! Отличная подача!
Спасибо, классное видео, не могли бы вы объяснить почему не нужно учить и использовать Redux ?
Спасибо вам. Я могу проехаться по ушам теорией :) Redux - это карго-культное заимствование идей из Elm. В последнем, эффекты декларативны и редюсер может возвращать эффекты помимо нового состояния. Без эффектов эта архитектура не совсем полноценна, вы не можете описать декларативно многие ситуации. А частичная, выборочная декларативность это, как бы сказать помягче... Можно сравнить это со статической типизацией, которая работает "не всегда". Unsound Type Systems, кстати, считались моветоном до TypeScript. Но у последнего есть оправдания (сложность задачи) и это другая история. Есть адовый костыль Redux Saga... То что они пытаются сделать можно нормальн реализовать только на уровне ЯП. Не библиотекой. Короче говоря, я знаю, что теория интересна меньшинству, т.ч. скажу по-простому, практически: 1) useState, useContext, useReducer заменяют Redux для простых случаев 2) Для сложных есть Apollo Client или Urql. Загрузка и кэширование данных с инвалидациями - вот реальная сложность. Инвестировать в Redux экосистему можно для резюме и трудоустройства. Но я бы сказал, что компании, которые делают ставку на Redux в 2020, двигаются немного не в ту сторону.
Очень классное видео!! Благодарю! Четко, доступно, последовательно! И разумеется вопросы-пожелания: 1. Как вы организовываете документооборот? В плане: пришел контент на сайт. Его нужно разместить. А спустя 2 часа пришел обновленный контент на сайт. То есть тот же по сути файл, но со значительными правками. Нужно разместить в канал новый файл, а старый найти и удалить? Или есть возможность вести какую то историю документов (версионность)? 2. Как подключаете подрядчиков (фрилансеров) в случае необходимости ? Например, нужно подключить автора текста на главную страницу. Ему нафиг не сдалось просмотр других документов, всех этапов разработки проекта и т.д. Организовывать ветку? Подключать тред с правами только для него? Или иначе как-то? 3. Подключение Трелло. Нужно/не нужно? Как вы отслеживаете готовность задач? Через что ставите, как выполняете выполненными? Почему пожелания? Потому что на часть вопросов можно в виде ответа записать видео. Благодарю за ответы!
Спасибо. 1. Про работу с версиями файлов именно в Slack не слышала. Мы обычно пиним ссылку в канале. И дальше всё определяется возможностями платформы на которую стоит ссылка. Может быть, для платной версии Slack есть какие-то плагины, но я не сталкивалась. Мы не используем Slack для хранения файлов или важных документов. 2. Приглашаем исполнителей в те каналы, которые ему или ей нужны. 3. Slack - это не менеджер задач. Наша команда разработчиков использует Jira. Остальные команды - Asana.
Заинтересовал вопрос про формат SVG. Вот что нашёл, если нужно кому: stackoverflow.com/questions/48956465/favicon-standard-2020-svg-ico-png-and-dimensions
Да, интересно. Мы SVG ещё не пробовали, надо поэкспериментировать.
На текущий момент поддержка SVG иконок в браузерах довольно слабая: caniuse.com/#feat=link-icon-svg
спасибо за полезный лайфхак )! думаю, полезность будет ощутимой, когда будут оптимизированы целых 40 иконок вместо одного, то есть с учетом иконок прописаных в browserconfig.xml для ос, для pwa в manifest.json для мобил и тд
40 типов иконок - это хороший пример безумных стандартов W3C. Мы такого делать, конечно же, не будем. Если какое-то устройство не способно сделать фоллбек на стандартную иконку - это их проблемы.
Воо!!! Ништяк!!! Прям то что искал!!!! Спасибо большое!!!
✔️✔️✔️✔️✔️
Понятно объясняете. Спасибо
Категорически не соглашусь с вашей позицией по SEO. "Только когда вы начнете платить, тогда гугл делает волшебство" - если бы вы были правы, про SSR вообще бы забыли. Если соблюдать все рекомендации которые дают гугл по разметке + качественный (релевантный) контент на самом сайте, то органика хорошо растет. Это я вам заявляю как первоисточник.
Вы знаете, меня эти "заявления анонимных первоисточников" не сильно впечатляют. У меня по работе была возможность пообщаться с маркетологами Google, Slack и других топовых компаний. Кое-что рассказали... Всем SEO-шникам могу дать совет - меняйте профессию, пока не поздно. Прислушиваться или нет - дело ваше.
@@IvanKleshnin эмм... так я не сеошник. просто вы в видео пытаетесь донести что seo для сайтов не так сильно и важно, потому что все за деньги. а как на счет instant view от телеграма? он как раз делает парсинг и ему нужно скормить нормальный html. Конечно и там нужно писать правила, но с обычным html это будет сделать куда проще. то есть, резюмирую: вместо того, чтобы решить проблему, вы пытаетесь сказать нам что вообще такой проблемы нет и не заморачивайтесь с ssr. А правда где-то по-середине. Частичный рендеринг решает все. на сервере нужно рендерить только то, что нужно для внешнего доступа (поисковики, парсеры и тд), а все остальное можно и нужно рендерить на клиенте
Вы так лихо заявляете что "нужно"... Где-то полезен полный SSR, где-то он только мешает. Ваша интерпретация сказанного совершенно некорректна. Иван говорит что ДЛЯ НЕГО оказался оптимальнее частичный SSR. Как и для RUclips, где (в паблике!) используется та же схема. И для многих других проектов. Универсального варианта нет и он не нужен. На этом предлагаю тему закрыть - надоело.
@@Paqmind так месяц уже прошел))) я думал уже все давно закрыто )))
Спасибо большое за видео. Выбирала между JS и Python, выбрала первый как раз за быстрый визуальный отклик. Ваше видео добавило уверенности в выборе)
Спасибо за отзыв! Удачи в изучении языка.
Отличный обзор. Приятный голос и хорошая подача.
Я как раз сегодня начал изучать эту технологию, буду рад если поможешь