Paqmind
Paqmind
  • Видео 54
  • Просмотров 111 501
Сколько версий Favicon нужно
Сколько вариантов Favicon необходимо или желательно иметь для адекватной кросс-браузерности? На каком числе мы остановились.
#веб #разработка #дизайн #фавикон #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
Обзор Резюме | Фронтенд разработчик
Просмотров 1694 года назад
Обзор Резюме | Фронтенд разработчик
Обзор Резюме | Бекенд разработчик
Просмотров 854 года назад
Обзор Резюме | Бекенд разработчик
Обзор Резюме | Фронтенд разработчик
Просмотров 2294 года назад
Обзор Резюме | Фронтенд разработчик
Обзор GraphCMS: функционал, цены, альтернативы
Просмотров 2244 года назад
Обзор GraphCMS: функционал, цены, альтернативы
Вычисляемые данные | Разработка CMS
Просмотров 504 года назад
Вычисляемые данные | Разработка CMS
Стоит ли изучать Elm? | Особенности языка Elm
Просмотров 9334 года назад
Стоит ли изучать Elm? | Особенности языка Elm
А вы задаете вопросы на интервью? | Проходим собеседование успешно!
Просмотров 3614 года назад
А вы задаете вопросы на интервью? | Проходим собеседование успешно!
Тетрис, rotateMatrix | Алгоритмы и Дизайн Кода
Просмотров 464 года назад
Тетрис, rotateMatrix | Алгоритмы и Дизайн Кода
SSR и будущее веб-разработки
Просмотров 1,4 тыс.4 года назад
SSR и будущее веб-разработки
Языки программирования для начинающих
Просмотров 2,3 тыс.4 года назад
Языки программирования для начинающих
Обзор: Как пользоваться Slack?
Просмотров 56 тыс.4 года назад
Обзор: Как пользоваться Slack?
Q&A по менеджменту продукта №2
Просмотров 284 года назад
Q&A по менеджменту продукта №2
Какие навыки нужно развивать, чтобы стать Product Manager?
Просмотров 2204 года назад
Какие навыки нужно развивать, чтобы стать Product Manager?
Что нужно знать будущему Product Manager | О специальности из первых рук
Просмотров 2004 года назад
Что нужно знать будущему Product Manager | О специальности из первых рук
Почему React? | Презентация
Просмотров 3154 года назад
Почему React? | Презентация

Комментарии

  • @desiremedia1397
    @desiremedia1397 6 месяцев назад

    А почему СлАк, а не СлЭк?

  • @mymobigoogle205
    @mymobigoogle205 9 месяцев назад

    Судя по тому, что с 2019 уже 4 года прошло, нечего уже ловить от Elm-a.

  • @mymobigoogle205
    @mymobigoogle205 9 месяцев назад

    2:22 Да, кстати. У меня тоже бывает, когда залпом начнешь глубокое погружение одновременно в несколько сложных тем. И когда так сутками посидишь, прям мощно накатывает потом.

  • @lassekliemann6251
    @lassekliemann6251 10 месяцев назад

    14:25 - why 6rem? The next multiple of 1.5 is 4.5, as you explain for h5 shortly after.

  • @radzhkapoor3742
    @radzhkapoor3742 Год назад

    Slack послав кацапню нахуй! Слава Україні!

  • @yaroshchenko_coder
    @yaroshchenko_coder Год назад

    Есть ли возможность позиционировать html элементы в ELM, например для создания простого меню, как альтернатива flex, grid?

  • @nickskopych
    @nickskopych Год назад

    Супер

  • @mia3392
    @mia3392 Год назад

    Есть ограничения на подключение устройств?

  • @user-xc1ev3ly2o
    @user-xc1ev3ly2o Год назад

    Спасибо!

  • @olgaj9305
    @olgaj9305 Год назад

    Спасибо за очень познавательное видео

  • @Poriks
    @Poriks Год назад

    Видео было очень полезным 👍

  • @Larriva666
    @Larriva666 Год назад

    slack - прошлый век

    • @wirtdonners4212
      @wirtdonners4212 Месяц назад

      А что сейчас новый век?

  • @misshedonism27
    @misshedonism27 Год назад

    Спасибо за обзор. Как можно в браузере в Slack добавить несколько каналов, так чтобы в одном окне браузера была возможность переключаться между каналами? У меня получается в одной вкладке браузера только один канал, для второго нужно открывать вторую вкладку браузера (а этих вкладок там и так уже очень много, но они все нужные конечно же :)

  • @user-iz5by3js7g
    @user-iz5by3js7g 2 года назад

    Мне очень понравилось , все кратко и понятно )

  • @maxlangrise
    @maxlangrise 2 года назад

    копия дискорда

  • @YuriiFedorov-nl6ip
    @YuriiFedorov-nl6ip 2 года назад

    очень доступно!

  • @user-cw6cm6fh4p
    @user-cw6cm6fh4p 2 года назад

    Спасибо за информацию, все подробно рассказали)

  • @user-zi1td7ij6w
    @user-zi1td7ij6w 2 года назад

    Спасибо!

  • @user-gj5cn3rh1p
    @user-gj5cn3rh1p 2 года назад

    Спасибо, как можно создать папку

  • @igorekudashev
    @igorekudashev 2 года назад

    Так это же дискорд)

    • @Trobo4kin
      @Trobo4kin 2 года назад

      дискорд для слишком сурьезных

  • @user-ew2zq7dk3w
    @user-ew2zq7dk3w 2 года назад

    Подскажите, как удалить чат личной переписки целиком?

  • @AnatolyKosorukov
    @AnatolyKosorukov 3 года назад

    А что же стоит изучать?

  • @Aladinyo_93
    @Aladinyo_93 3 года назад

    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

  • @geraingvas
    @geraingvas 3 года назад

    Спасибо! Очень полезно. Респект за последовательность. Голос приятный)

    • @Paqmind
      @Paqmind 3 года назад

      Благодарю!

  • @parnasmi
    @parnasmi 3 года назад

    Хороший видео. Спасибо. Но проблему о котором вы сказали на видео можно решить в 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);

  • @kiyomi_539
    @kiyomi_539 3 года назад

    Как добавить ментора

  • @mollifynature
    @mollifynature 3 года назад

    Спасибо.

  • @Temniknn
    @Temniknn 3 года назад

    Хороший рассказ с пояснениями

  • @meoook
    @meoook 3 года назад

    С тезисом согласен. Зависимости вообще так се...

  • @erzhigitabdykerimuulu4563
    @erzhigitabdykerimuulu4563 3 года назад

    Really good and useful. Not long and boring. Good luck with next review.

  • @user-ss8yo1kl5z
    @user-ss8yo1kl5z 3 года назад

    Спасибо, уже пару месяцев как пользуюсь, но всё равно пару вещей новых вы подсказали)

  • @dmitryrybalkin6871
    @dmitryrybalkin6871 3 года назад

    Рад, что наткнулся на ваши каналы, много полезного для себя открываю. На гитхабе файл .eslintrc недоступен, 404

    • @Paqmind
      @Paqmind 3 года назад

      Спасибо! Ссылку исправили. Рекомендуйте нас знакомым, по возможности ;) Очень мало подписчиков и число их очень медленно растёт, увы.

  • @AlKoch422383
    @AlKoch422383 3 года назад

    большое спасибо

  • @sam.artyshko
    @sam.artyshko 3 года назад

    Огромное спасибо! Отличная подача!

  • @genrihkutz
    @genrihkutz 4 года назад

    Спасибо, классное видео, не могли бы вы объяснить почему не нужно учить и использовать Redux ?

    • @IvanKleshnin
      @IvanKleshnin 4 года назад

      Спасибо вам. Я могу проехаться по ушам теорией :) Redux - это карго-культное заимствование идей из Elm. В последнем, эффекты декларативны и редюсер может возвращать эффекты помимо нового состояния. Без эффектов эта архитектура не совсем полноценна, вы не можете описать декларативно многие ситуации. А частичная, выборочная декларативность это, как бы сказать помягче... Можно сравнить это со статической типизацией, которая работает "не всегда". Unsound Type Systems, кстати, считались моветоном до TypeScript. Но у последнего есть оправдания (сложность задачи) и это другая история. Есть адовый костыль Redux Saga... То что они пытаются сделать можно нормальн реализовать только на уровне ЯП. Не библиотекой. Короче говоря, я знаю, что теория интересна меньшинству, т.ч. скажу по-простому, практически: 1) useState, useContext, useReducer заменяют Redux для простых случаев 2) Для сложных есть Apollo Client или Urql. Загрузка и кэширование данных с инвалидациями - вот реальная сложность. Инвестировать в Redux экосистему можно для резюме и трудоустройства. Но я бы сказал, что компании, которые делают ставку на Redux в 2020, двигаются немного не в ту сторону.

  • @crazypaparu
    @crazypaparu 4 года назад

    Очень классное видео!! Благодарю! Четко, доступно, последовательно! И разумеется вопросы-пожелания: 1. Как вы организовываете документооборот? В плане: пришел контент на сайт. Его нужно разместить. А спустя 2 часа пришел обновленный контент на сайт. То есть тот же по сути файл, но со значительными правками. Нужно разместить в канал новый файл, а старый найти и удалить? Или есть возможность вести какую то историю документов (версионность)? 2. Как подключаете подрядчиков (фрилансеров) в случае необходимости ? Например, нужно подключить автора текста на главную страницу. Ему нафиг не сдалось просмотр других документов, всех этапов разработки проекта и т.д. Организовывать ветку? Подключать тред с правами только для него? Или иначе как-то? 3. Подключение Трелло. Нужно/не нужно? Как вы отслеживаете готовность задач? Через что ставите, как выполняете выполненными? Почему пожелания? Потому что на часть вопросов можно в виде ответа записать видео. Благодарю за ответы!

    • @gimmerlock
      @gimmerlock 4 года назад

      Спасибо. 1. Про работу с версиями файлов именно в Slack не слышала. Мы обычно пиним ссылку в канале. И дальше всё определяется возможностями платформы на которую стоит ссылка. Может быть, для платной версии Slack есть какие-то плагины, но я не сталкивалась. Мы не используем Slack для хранения файлов или важных документов. 2. Приглашаем исполнителей в те каналы, которые ему или ей нужны. 3. Slack - это не менеджер задач. Наша команда разработчиков использует Jira. Остальные команды - Asana.

  • @jorgenUA
    @jorgenUA 4 года назад

    Заинтересовал вопрос про формат SVG. Вот что нашёл, если нужно кому: stackoverflow.com/questions/48956465/favicon-standard-2020-svg-ico-png-and-dimensions

    • @Paqmind
      @Paqmind 4 года назад

      Да, интересно. Мы SVG ещё не пробовали, надо поэкспериментировать.

    • @Paqmind
      @Paqmind 4 года назад

      На текущий момент поддержка SVG иконок в браузерах довольно слабая: caniuse.com/#feat=link-icon-svg

  • @hikekazarian9080
    @hikekazarian9080 4 года назад

    спасибо за полезный лайфхак )! думаю, полезность будет ощутимой, когда будут оптимизированы целых 40 иконок вместо одного, то есть с учетом иконок прописаных в browserconfig.xml для ос, для pwa в manifest.json для мобил и тд

    • @Paqmind
      @Paqmind 4 года назад

      40 типов иконок - это хороший пример безумных стандартов W3C. Мы такого делать, конечно же, не будем. Если какое-то устройство не способно сделать фоллбек на стандартную иконку - это их проблемы.

  • @tihon4979
    @tihon4979 4 года назад

    Воо!!! Ништяк!!! Прям то что искал!!!! Спасибо большое!!!

  • @lime1842
    @lime1842 4 года назад

    ✔️✔️✔️✔️✔️

  • @KITERKITi
    @KITERKITi 4 года назад

    Понятно объясняете. Спасибо

  • @v-dubcurrency6212
    @v-dubcurrency6212 4 года назад

    Категорически не соглашусь с вашей позицией по SEO. "Только когда вы начнете платить, тогда гугл делает волшебство" - если бы вы были правы, про SSR вообще бы забыли. Если соблюдать все рекомендации которые дают гугл по разметке + качественный (релевантный) контент на самом сайте, то органика хорошо растет. Это я вам заявляю как первоисточник.

    • @IvanKleshnin
      @IvanKleshnin 4 года назад

      Вы знаете, меня эти "заявления анонимных первоисточников" не сильно впечатляют. У меня по работе была возможность пообщаться с маркетологами Google, Slack и других топовых компаний. Кое-что рассказали... Всем SEO-шникам могу дать совет - меняйте профессию, пока не поздно. Прислушиваться или нет - дело ваше.

    • @v-dubcurrency6212
      @v-dubcurrency6212 4 года назад

      @@IvanKleshnin эмм... так я не сеошник. просто вы в видео пытаетесь донести что seo для сайтов не так сильно и важно, потому что все за деньги. а как на счет instant view от телеграма? он как раз делает парсинг и ему нужно скормить нормальный html. Конечно и там нужно писать правила, но с обычным html это будет сделать куда проще. то есть, резюмирую: вместо того, чтобы решить проблему, вы пытаетесь сказать нам что вообще такой проблемы нет и не заморачивайтесь с ssr. А правда где-то по-середине. Частичный рендеринг решает все. на сервере нужно рендерить только то, что нужно для внешнего доступа (поисковики, парсеры и тд), а все остальное можно и нужно рендерить на клиенте

    • @Paqmind
      @Paqmind 4 года назад

      Вы так лихо заявляете что "нужно"... Где-то полезен полный SSR, где-то он только мешает. Ваша интерпретация сказанного совершенно некорректна. Иван говорит что ДЛЯ НЕГО оказался оптимальнее частичный SSR. Как и для RUclips, где (в паблике!) используется та же схема. И для многих других проектов. Универсального варианта нет и он не нужен. На этом предлагаю тему закрыть - надоело.

    • @v-dubcurrency6212
      @v-dubcurrency6212 4 года назад

      @@Paqmind так месяц уже прошел))) я думал уже все давно закрыто )))

  • @katerynamatvieieva4859
    @katerynamatvieieva4859 4 года назад

    Спасибо большое за видео. Выбирала между JS и Python, выбрала первый как раз за быстрый визуальный отклик. Ваше видео добавило уверенности в выборе)

    • @Paqmind
      @Paqmind 4 года назад

      Спасибо за отзыв! Удачи в изучении языка.

  • @anorguli
    @anorguli 4 года назад

    Отличный обзор. Приятный голос и хорошая подача.

  • @alexsh2045
    @alexsh2045 4 года назад

    Я как раз сегодня начал изучать эту технологию, буду рад если поможешь