Редко можно встретить такой качественный контент на "молодых" каналах, так что я очень рад, что ютуб предложил мне данное видео) Удачи автору, у вас отлично получается и вы действительно умеете увлечь)
У меня вечерняя медитация под названием "отвечаю на комментарии на ютубе". Спасибо за обратную связь, ещё и такую позитивную) Мотивирует стараться дальше
Парень спасибо тебе, ты отлично обьясняешь, продолжай вести канал, и рассказывай нам обо всем, будем рады тебя послушать, с меня подписка и миллион лайков❤
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
просто лучший . У меня есть такая штука как страх нового и это моя главная проблема. Я изучаю это направление и столько ошибок бля , я не могу. Твои видео помогаю мне проходить через эти трудности , спасибо. Уже не первый раз помогает.
забагался терминал gitbash при создании, разбагался, половину файлов нет, зашел на хост - вроде все ок, подумал надо просто пересобрать еще раз, пытаюсь удалить папку - не удаляется, спасибо Джон Витас за сборку, буду использовать ps: со второго раза все нормально создалось и нашел как отключить, вита это реально удобно, спасибо)
День добрый, вопрос будет из рубрики дурацких, но заxем пbсать на чистом JS. Ведь уже сейчас с ростом кол-во библиотек и фреймворков. такая потребность отпадает. Если только не придется поддерживать какой-то легаси проект, это не предъява, просто хочется знать всю подноготную, буду рад ответу. спасибо за уроки.
Добрый день! Вопрос отличный) JS - это база. Невозможно сразу начать писать на React/Vue/Angular - всё это уже производные. Сперва ты изучаешь чистый JS, пробуешь работать с ним, делаешь пэт-проекты, разбираешься и только потом начинаешь переходить на библиотеки и фреймворки)
@@WERWOLION не совсем согласен, в реальном продакшене сейчас уже ни кто не пишет на чистом js. Если нужно прям вообще маленький проект, то берут Vue. Я просто думал вдруг ещё есть приколы с js, скорей всего и автор выше отвечал, что js это просто база, знания её это наше все. Ведь даже при трудо устройстве, будут гонять по js. Ведь если ты знаешь все возможности этого языка, то сможешь осилить любую библиотеку.
@@xamreg4184 то про что вы говорите это проекты агенств , зачем сайту с минимальным JS цеплять Vue? Раньше все юзали jQuery? сейчас это мовитон и всё можно на изи писать на JS. Там где нет ООП всё можно сделать на ваниле
Арсений как считаете важно ли знать ООП при изучении react? Лучше изучить ООП, прочесть книгу или пройти какой то курс Либо можно отложить ООП и изучить базовые знания react для первой работы?😢
ООП однозначно можно отложить. Есть очень важные, но простые принципы - DRY и KISS, почитайте про них и старайтесь не забывать. Но и то, их можно использовать уже тогда, когда есть определенный опыт и понимание, а на этапе обучения стоит сконцентрироваться на понимании того, как работает технология и какие с ней есть лучшие практики
Здравствуйте, у меня не получается корреткно подключить saas к vue.js на vite. Не могли бы вы снять видео по этой теме или хотя бы обьяснить что к чему?
А почему вы не использовали gulp или webpack это самые популярные сборщики, многие говорят, что другие просто не признают, плиз сделайте по ним тоже видео для новичков
gulp + webpack начинают тормозить безбожно если у тебя больше 5 страниц в приложении vite быстрее но эта сборка никуда не годится . совсем т.к ю у тебя нету нормально гайда по настройке путей vite использует абсолютные пути и кидает всё в одну корзину в итоге к примеру у тебя на сайте 200 картинок котрые разбиты по пакамм и vite кинет их в одну карзину автор очевидно знает все эти темы но видос чисто для хайпа, на вопросы он не отвечает т.к не может. Кое как сделал простой билд и выбросил , толку от этого билда 0. Чисто можно JS компилировать. По работе же vite очевидно что gulp + webpack абсолютно устарели , однако концепция vite полный провал из -за описанного выше. дока vite шлак т.к настройки вообще не описано и нет примеров как даже пути настроить и по итогу нужно додумывать методом тыка. у иностранцев тоже гайдов почти нет. Очевидно все сталкиваются с одной и тойже проблемой путей и просто забивают - как итог Vite мёртв , а мог бы быть удобной машиной разработки ....
Добрый день! Благодарю за такой качественный контент! Ответьте, пожалуйста, на один вопрос: есть ли под капотом в vite js минификация изображений, генерация webp и подключение на основе возможности поддержания браузером?
Такое бывает в нескольких случаях. 1 - на проекте есть устаревшие зависимости с уязвимостями. Здесь не он, я проверил у себя, ни единой ошибки. 2 - устаревшие node и npm локально. Какую версию выдают команды node -v и npm -v? Если нода меньше 18.16, то лучше обновитесь, это самая свежая стабильная версия
Спасибо за видео! То что нужно, но не понял несколько вещей. 1. Можно ли самому указывать пути для компиляции файлов? 2. Если есть главный файл, допустим main.sass и через него все импорты прокидывать, то нужно ли прокидывать импорт с переменными в другие файлы? 3. И есть ли импорты для HTML? Если что ранее я не работал со сборщиками, данная тема для в новинку, но крайне актуальна. Спасибо =)
Хорошее видео получилось. Но к сожалению ответа на свой вопрос не нашел. Я сделал сборку для react + typescript. Импортировал scss. Все хорошо получилось. Но выдает предупреждение о том что не получилось установить шрифты. А шрифты я привык хранить локально. Вроде все правильно связал, но они не подключаются. Отдельное спасибо за reset.css. у меня он тоже локальный был. Теперь буду использовать ваш, так как вероятнее всего он обновляется и не устаревает
1) Нужно проверить, что в package.json есть строка "dev": "vite" в блоке scripts 2) Проверить, что правильно пишешь саму команду в терминал npm run dev Если ничего из этого не поможет, заливай свой код на гитхаб и смело пиши в чатик в ТГ, там ребята друг другу помогают решать проблемы, иногда и я подключаюсь ТГ канал: t.me/pomazkovjs ТГ чат: t.me/+Hx6RaBT4Trw3ZjM6
Спасибо! Шаблон подходит для одной страницы. А если нужно много страниц? При нажатии на npm run build в папку dist формируется одна index.html Успехов в развитии канала!
Про SASS/SCSS интересно было бы подробнее узнать! Помню пытался через «Prepos» настроить его, но что-то не вышло, в итоге пока больше руки до него не доходили... К тому же слышал, от одних, что полезная и важная штука, а от других, что, засоряет код)
Однозначно полезная, сейчас добрая половина проектов пишется на нём, чистый CSS никто не использует. Препрос - неплохое решение, но настроить свой сборщик типа Vite JS - гораздо проще и надежнее) Проект становится независимым от стороннего ПО, а значит и дальнейшая поддержка упрощается
круто, интересно, английский срочно подтянуть ) вместо Normalize не лучше ли просто создать файл reset.css и там обнулить стили, вместо того, чтобы проект загружать установкой ненужных пакетов (которые потом удаляешь) ???
Нормалайз и ресет - совсем не одно и то же) Первое гораздо тоньше, оно отменяет или изменяет лишь некоторые свойства. Был ещё один комментарий под этим видео, где я подробно отвечал на подобный вопрос)
настройка vite никуда не годится все файлы грузит в одну корзину на выходе оф описание(дока) просто мрак на общупь, нужно 20 раз поменять конфиг чтобы понять логику т.е её отсутствие нужна нормальная сборка где есть многокрасочность где можно настроить сохранение путей при компиляции в итоговом проекте все файлы кидает в одну корзину == assets - картинки с JS файлами ,когда нужно сохранение папок в которых была картинка т.е. img/svg/00.svg все пути переписываются - зачем? нельзя сделать простое копирование картинок? в общем мрак, если у тебя 200 картинок то ты без никакой иерархии получишь папку в которой чёрт знает где что лежит когда сам vite нужен именно для больших проектор и для многостраничтности иначе какой смысл в его скорости веб пак лагает на большом объёме - но как у тебя может быть большой объём при 2 картинках? в итоге делать всё на gulp , а js компилировать на vite ну такое себе. Такое чуство что продкуция от эйпл - вроде хороша , а на практике 0. Чисто показуха
Мне тоже не понравилось, что всё в одной куче. Я описал решение, как можно по человечески оформить структуру каталогов и файлов для папки dist и src. Найдите мой комментарий под этим видео.
Все ок, но с ходу так и не нашел шаблона. Я понимаю что желание переводить траф между социалками, но отбивает желание дальше уделять время автору когда 10 мин лестаешь в поиске того на что "дали ссылку". Может я слепой, не знаю. Но шаблона я так и не увидел
Редко можно встретить такой качественный контент на "молодых" каналах, так что я очень рад, что ютуб предложил мне данное видео) Удачи автору, у вас отлично получается и вы действительно умеете увлечь)
Спасибо огромное !! Совершенно случайно попал на канал и нисколько не пожалел . За 13 минут узнал больше , чем за месяц изучения react в колледже !
Вау 😍 как же легко и просто вы объяснили. Браво 👏🏻. Я учу JS 2 месяца и два месяца мне все не понятно, а тут с первой минуты! Жду еще роликов
Тебя очень приятно слушать. Надеюсь будет больше урокор по JS))
Спасибо Арсений за Ваш труд. Великолепно всё объяснили.
ИИИИИИИИИууууууууу обожаю твой видосы всегда полезны и поднимают настроения вперед 🔥🔥🔥🔥🔥
Рад увидеть русскоязычный ролик на эту тему. Спасибо!
Спасибо, постоянно сложно вкатиться в технологии, но здесь я узнал много чего и сразу понял, где всё эти знания применить)
Все очень понятно и без воды. Спасибо за информацию
Хорош, реально полезный видос.
Спасибо тебе)
Комментарий в поддержку видео и канала. Спасибо за работу 🌷
Продолжай, не останавливайся. Информация заходит легко
Спасибо полезное видео 👍🏻
спасибо большое за видео! очень качественный, приятный, интересный и актуальный контент
У меня вечерняя медитация под названием "отвечаю на комментарии на ютубе". Спасибо за обратную связь, ещё и такую позитивную) Мотивирует стараться дальше
Батя, лучший, просто молодец, спасибо за сборку!!!!
спасибо большое, действительно удобно как для начинающих)
Благодарю! Просто и лаконично. Лайк, подписка)
Парень спасибо тебе, ты отлично обьясняешь, продолжай вести канал, и рассказывай нам обо всем, будем рады тебя послушать, с меня подписка и миллион лайков❤
Я front-end разработчик, junior, так сказать двоечник, но с твоими уроками буду отличником))))), спасибо ещё раз
Быстро, понятно, по делу. Спасибо!
просто пишу чтобы продвинуть это замечательно видео )))
Какой замечательный человек
Отличный контент! Жду больше
Ошибка за ошибкой вылазит, круто
Спасибо за видео по Vite, уже несколько раз слышал положительные отзывы о нем, в отличии от CRA, которым я, как новичок, пользуюсь
Да, отличный инструмент, надо осваивать)
спасибо за видео, отличная подача! подписка однозначно!
Круто спасибо. Продолжай в том же духе
Спасибо большое за видео, супер👍
просто и понятно! Спасибо!
Красавчик!
Не теряйся и е останавливайся )
Желаю успехов )
Спасибо! Очень полезное видео!!
отлично все разложено!
Спасибо👍
Я человек простой - вижу Арсения, ставлю лайк!
Привет, Спасибо за активность, я уже растрился, думал что ты забросил видео на Ютубе, фура тебе лайков
Ни в коем случае! Я в деле)
Огромное спасибо!
Спасибо, Vite действительно быстрее многих аналогов, если не самый быстрый))
Спасибо за видео, блыло очень интересно узнать про Vite
наконец-то видос, ура
красавчик, все четко рассказал
кросаучег, бро, спасибо от бэкенд разраба
Спасибо, очень полезный контент
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
👀
Интересно было бы посмотреть создание приложения на js/reactJs, только не замыленный todo а что то креативней) благодарю за урок
просто лучший . У меня есть такая штука как страх нового и это моя главная проблема. Я изучаю это направление и столько ошибок бля , я не могу. Твои видео помогаю мне проходить через эти трудности , спасибо. Уже не первый раз помогает.
Спасибо, подача кайф!
Спасибо, я всё понял :)
Прикольный шаблон получился, лайк)
Как у него с плагинами? Сжатие файлов, картинок например.
11:39 как кастомизировать нормалайз, установленный с помощью npm?
Спасибо за видео. Но всё равно не понятны преимущества Vite перед Gulp или Webpack. Чем Vite лучше?
Gulp vs vite интересно поммотреть
vite быстрее, с коробки имеет больше возможностей
vite сделан в основном для фреймворков react, vue
для обычной верстки подойдёт и gulp
в поддердку канала
Подскажите а куда тогда закачивать картинки иконки и тп
забагался терминал gitbash при создании, разбагался, половину файлов нет, зашел на хост - вроде все ок, подумал надо просто пересобрать еще раз, пытаюсь удалить папку - не удаляется, спасибо Джон Витас за сборку, буду использовать
ps: со второго раза все нормально создалось и нашел как отключить, вита это реально удобно, спасибо)
Дебаггинг - важнейший скил разработчика) Круто, что получилось справиться с проблемой 🙌🏼
Привет, что если для WP?
С обновлением страниц при добавлении каких-то стилей или JS?
и еще Dart-sass?
Спасибо!
Подскажите, пожалуйста, для чего в файле index.html остался div с id app?
Этой лучший туториал
Интересный ролик!
Круть!
День добрый, вопрос будет из рубрики дурацких, но заxем пbсать на чистом JS. Ведь уже сейчас с ростом кол-во библиотек и фреймворков. такая потребность отпадает. Если только не придется поддерживать какой-то легаси проект, это не предъява, просто хочется знать всю подноготную, буду рад ответу.
спасибо за уроки.
Добрый день! Вопрос отличный)
JS - это база. Невозможно сразу начать писать на React/Vue/Angular - всё это уже производные. Сперва ты изучаешь чистый JS, пробуешь работать с ним, делаешь пэт-проекты, разбираешься и только потом начинаешь переходить на библиотеки и фреймворки)
@@pomazkovjs спасибо
Потому что чистый JS современный позволяет писать без библиотек небольшие проекты совсем.
Так куча простых решений и оч удобно...
@@WERWOLION не совсем согласен, в реальном продакшене сейчас уже ни кто не пишет на чистом js. Если нужно прям вообще маленький проект, то берут Vue. Я просто думал вдруг ещё есть приколы с js, скорей всего и автор выше отвечал, что js это просто база, знания её это наше все. Ведь даже при трудо устройстве, будут гонять по js. Ведь если ты знаешь все возможности этого языка, то сможешь осилить любую библиотеку.
@@xamreg4184 то про что вы говорите это проекты агенств , зачем сайту с минимальным JS цеплять Vue?
Раньше все юзали jQuery? сейчас это мовитон и всё можно на изи писать на JS.
Там где нет ООП всё можно сделать на ваниле
Маладец 👍
Спасибо!
Ты крутой дружище
Хороший урок. Был бы рад увидеть курс по созданию интернет магазина.
Но как делать простую верстку на нем без js
а почему вы css файлы в js подключали а не в html
Арсений как считаете важно ли знать ООП при изучении react?
Лучше изучить ООП, прочесть книгу или пройти какой то курс
Либо можно отложить ООП и изучить базовые знания react для первой работы?😢
ООП однозначно можно отложить. Есть очень важные, но простые принципы - DRY и KISS, почитайте про них и старайтесь не забывать. Но и то, их можно использовать уже тогда, когда есть определенный опыт и понимание, а на этапе обучения стоит сконцентрироваться на понимании того, как работает технология и какие с ней есть лучшие практики
@@pomazkovjs спасибо вам большое 🫶🏻
Здравствуйте, у меня не получается корреткно подключить saas к vue.js на vite. Не могли бы вы снять видео по этой теме или хотя бы обьяснить что к чему?
Отлично
можно такое же видео но только с React, и то с использованием JS?
:)
А почему вы не использовали gulp или webpack это самые популярные сборщики, многие говорят, что другие просто не признают, плиз сделайте по ним тоже видео для новичков
gulp + webpack начинают тормозить безбожно если у тебя больше 5 страниц в приложении
vite быстрее но эта сборка никуда не годится . совсем т.к ю у тебя нету нормально гайда по настройке путей
vite использует абсолютные пути и кидает всё в одну корзину в итоге
к примеру у тебя на сайте 200 картинок котрые разбиты по пакамм и vite кинет их в одну карзину
автор очевидно знает все эти темы но видос чисто для хайпа, на вопросы он не отвечает т.к не может.
Кое как сделал простой билд и выбросил , толку от этого билда 0. Чисто можно JS компилировать.
По работе же vite очевидно что gulp + webpack абсолютно устарели , однако концепция vite полный провал из -за описанного выше.
дока vite шлак т.к настройки вообще не описано и нет примеров как даже пути настроить и по итогу нужно додумывать методом тыка.
у иностранцев тоже гайдов почти нет.
Очевидно все сталкиваются с одной и тойже проблемой путей и просто забивают - как итог Vite мёртв , а мог бы быть удобной машиной разработки ....
Добрый день! Благодарю за такой качественный контент! Ответьте, пожалуйста, на один вопрос: есть ли под капотом в vite js минификация изображений, генерация webp и подключение на основе возможности поддержания браузером?
установил slick slider через npm как его подключить к проекту куда пути прописывать? подскажи плиз
Что лучше, gulp или vite?
thank you very helpful
для привязки проекта к гитхабу нужно создать репозиторий, клонировать его локально и туда перекинуть содержимое нового проекта?
Да, всё верно)
Для новичков норм шаблончик.
четко
Видео очень полезное!
Только как быть, если сайт многостраничный, как всё организовать? Постаралась сделать на основе этого видео, не работает(
Спасибо, рад слышать!)
У меня в инстаграме как раз есть пост с инструкцией на этот случай: instagram.com/p/Ctl4CbdIhC0/?igsh=Z2F1c2I0Yzc0cmR0
Когда ввожу npm i или же npm install высвечивается много ошибок, как это исправить? Проблема наверное в package.json
Такое бывает в нескольких случаях. 1 - на проекте есть устаревшие зависимости с уязвимостями. Здесь не он, я проверил у себя, ни единой ошибки. 2 - устаревшие node и npm локально. Какую версию выдают команды node -v и npm -v? Если нода меньше 18.16, то лучше обновитесь, это самая свежая стабильная версия
Спасибо за видео! То что нужно, но не понял несколько вещей.
1. Можно ли самому указывать пути для компиляции файлов?
2. Если есть главный файл, допустим main.sass и через него все импорты прокидывать, то нужно ли прокидывать импорт с переменными в другие файлы?
3. И есть ли импорты для HTML?
Если что ранее я не работал со сборщиками, данная тема для в новинку, но крайне актуальна. Спасибо =)
Когда курс?
По каким технологиям нужен?
Хорошее видео получилось. Но к сожалению ответа на свой вопрос не нашел. Я сделал сборку для react + typescript. Импортировал scss. Все хорошо получилось. Но выдает предупреждение о том что не получилось установить шрифты. А шрифты я привык хранить локально. Вроде все правильно связал, но они не подключаются. Отдельное спасибо за reset.css. у меня он тоже локальный был. Теперь буду использовать ваш, так как вероятнее всего он обновляется и не устаревает
Привет! Подскажите, пожалуйста, почему даже с установленными плагинами scss и sass, vscode не видит файлы .scss?
Может, Вы забыли их импортировать в JS файле? Попробуйте сделать ещё раз то, что показано в видео, про подключение и тестирование файла scss
красавчик
У меня же не одного постоянная оишбка? npm ERR! Missing script: "dev". С чего это связано? До этого другая была, но ее пофиксил уже
1) Нужно проверить, что в package.json есть строка "dev": "vite" в блоке scripts
2) Проверить, что правильно пишешь саму команду в терминал npm run dev
Если ничего из этого не поможет, заливай свой код на гитхаб и смело пиши в чатик в ТГ, там ребята друг другу помогают решать проблемы, иногда и я подключаюсь
ТГ канал: t.me/pomazkovjs
ТГ чат: t.me/+Hx6RaBT4Trw3ZjM6
@@pomazkovjs спаибо! попробую!!!
а может ещё видео по настройке vite в стиле "настройка gulp сборки"
Спасибо!
Шаблон подходит для одной страницы. А если нужно много страниц? При нажатии на npm run build в папку dist формируется одна index.html
Успехов в развитии канала!
Спасибо за классный вопрос! Он вдохновил меня написать короткий гайд по тому, как это сделать - опубликовал его у себя в инстаграме pomazkov.js )
@@pomazkovjsГдээээ???👁👀💁♂🤷♂👨🦯🎈🪕🗾👁🗨
spasibo
Про SASS/SCSS интересно было бы подробнее узнать! Помню пытался через «Prepos» настроить его, но что-то не вышло, в итоге пока больше руки до него не доходили... К тому же слышал, от одних, что полезная и важная штука, а от других, что, засоряет код)
Однозначно полезная, сейчас добрая половина проектов пишется на нём, чистый CSS никто не использует.
Препрос - неплохое решение, но настроить свой сборщик типа Vite JS - гораздо проще и надежнее)
Проект становится независимым от стороннего ПО, а значит и дальнейшая поддержка упрощается
@@pomazkovjs Понял, спасибо! Возможно Prepros уже морально устарел, видео о нём по сути уже старые, всё же в программировании время летит быстро)
А чем этот Вит отличается от препроца или вебпака
❌ Нод модулс
✅ Нод моджелс
круто, интересно, английский срочно подтянуть ) вместо Normalize не лучше ли просто создать файл reset.css и там обнулить стили, вместо того, чтобы проект загружать установкой ненужных пакетов (которые потом удаляешь) ???
Нормалайз и ресет - совсем не одно и то же)
Первое гораздо тоньше, оно отменяет или изменяет лишь некоторые свойства. Был ещё один комментарий под этим видео, где я подробно отвечал на подобный вопрос)
ничего что все стили при таком подходе прописываются в head? )) на отипись сборка на уровне галпа
после вебпака и галпа это выглядит очень просто
настройка vite никуда не годится
все файлы грузит в одну корзину на выходе
оф описание(дока) просто мрак на общупь, нужно 20 раз поменять конфиг чтобы понять логику т.е её отсутствие
нужна нормальная сборка где есть многокрасочность
где можно настроить сохранение путей при компиляции
в итоговом проекте все файлы кидает в одну корзину == assets - картинки с JS файлами ,когда нужно сохранение папок в которых была картинка
т.е. img/svg/00.svg
все пути переписываются - зачем?
нельзя сделать простое копирование картинок?
в общем мрак, если у тебя 200 картинок то ты без никакой иерархии получишь папку в которой чёрт знает где что лежит
когда сам vite нужен именно для больших проектор и для многостраничтности иначе какой смысл в его скорости
веб пак лагает на большом объёме - но как у тебя может быть большой объём при 2 картинках?
в итоге делать всё на gulp , а js компилировать на vite ну такое себе.
Такое чуство что продкуция от эйпл - вроде хороша , а на практике 0. Чисто показуха
Мне тоже не понравилось, что всё в одной куче.
Я описал решение, как можно по человечески оформить структуру каталогов и файлов для папки dist и src.
Найдите мой комментарий под этим видео.
Как же я поломался на путях при инициализации vue проекта
неужели автоматом нету установки всех этих стандартных папок по умолчанию без вот этого вот танца с бубном....
уютная кухня
Все ок, но с ходу так и не нашел шаблона. Я понимаю что желание переводить траф между социалками, но отбивает желание дальше уделять время автору когда 10 мин лестаешь в поиске того на что "дали ссылку".
Может я слепой, не знаю. Но шаблона я так и не увидел
Самый свежий пост в ТГ, в нём две ссылки - на видео и на гитхаб. Попробуйте ещё раз)
good