Практика JavaScript с нуля за 2 часа. Сделаем целый сайт!

[@VladilenMinin]

Исходный код тут: t.me/js_by_vladilen/329 Получить профессию Frontend разработчика - bit.ly/3Oyo3TQ

[@fArshmach1ne]

Здравствуйте! Вы не могли бы помочь разобраться в проблеме? На этапе установки parcel терминал выдает кучу ошибок типа npm ERR. npm WARN deprecated core-js@2.6.12: core-js@

[@Софья-е4т6в]

Здравствуйте! У меня сейчас точно такая же проблема возникла, подскажите, пожалуйста, как Вы ее решили? @@fArshmach1ne

[@VladilenMinin]

Решил выложить в открытый доступ курс по созданию конструктора сайтов на чистом JavaScript за 2 часа, который раньше было доступен у меня на платформе. Что изучите во время ролика я написал в описании к видео Приятного обучения)

[@СмтрТб]

Какое мужское хобби Вы выбрали, Владилен?

[@liperri]

Каааааааеф) не смотрел ещё видос, но рад, что он вышел) Спасибо тебе, дружище) я купил, почти, все твои курсы на udemy и жду от тебя видео про кастомный видеопроигрыватель, как делать графики на canvas и можно ещё курс (пусть даже платный) простой crm, только уже на react) Хочу сказать, что видел обзор на твой курс у одного ютуб блогера (ну, ты понял), и все равно хочу сказать, что ты делаешь, все же, вещи) Для уровней типа junior и middle они весьма полезны) пусть сеньоры и тимлиды обязуется знать все тонкости какой либо технологий, так что, выдохни и продолжай нас радовать дальше)

[@hutoryanin]

Благодарю

[@ivanmikhailovich1963]

Могу смотреть если я только начал только учить JS??

[@hutoryanin]

@@ivanmikhailovich1963 одним глазом

[@Great_Combinator]

Владилен красавчик, что бы не говорили хейтеры, он делает вещи.

[@ЮрийВеригин-у2э]

Полность согласен и поддерживаю.

[@VirtuozEd]

Как может быть у такого человека - хейтеры? Такую информацию пускать на бесплатную среду это золото.

[@Snegurjan]

Собаки лают, караван идет.

[@Great_Combinator]

@@victormog ты видимо вообще не в теме

[@ernestorubantino]

Хейтеры - неотъемлемая часть успеха :)

[@AndrewYurchenko]

Грамотная и доступная подача материалов. Спасибо за работу!!! 👍🏻👍🏻👍🏻 Всё просматриваю, не зависимо от уровня знаний.

[@tylerdurden9008]

Мужик, я рад, что нашел тебя! Спасибо за материалы, обучение! Изучил курс по JS, NodeJS, сразу видно уровень передачи информации и материала. Просто кладезь. Большое спасибо и успехов!

[@VladilenMinin]

Рад, что помогло)

[@leo_hlush]

Круче твоего контента по JS на просторах Ютуба я ещё не встречал. Спасибо огромное за такое качественные и доступные видео!

[@kannsky8812]

ulbi tv тоже хорош

[@тимурлипартия]

спасибо за работу, проект просто супер, удачи в делах и побольше таких пректов )

[@tanyasuntulip7008]

Спасибо большое, обязательно пройду этот курс!!! Мне с ООП очень надо подружиться))) Спасибо, Владилен. Ты лучший.

[@vivalabs]

Просто о сложном, Владилен, спасибо за видео!!!

[@mishagarkach]

Классный контент, проходил пару месяцев назад - многое понятно о классах стало, сейчас еще раз посмотрю.

[@sergeybure8795]

Владилен, спасибо!👍 Новеллы в сентябре 2022: 30:37, 33:11, 33:30 parcel-bundler теперь просто parcel 38:20 чтобы parcel не ругался на import, надо добавить type="module" в тег script в index.html: 41:44 parcel не признает "main": "/src/index.js", поэтому просто удаляем эту строку.

[@YourPlayGamer]

Спасибо Почему при добавлении type все нормально работает? И не в курсе почему автоматическое обновление на странице может не идти в parcel?

[@sergeybure8795]

@@YourPlayGamer Согласно объяснению разработчика: Parcel 1 изолирует область верхнего уровня каждого js-файла от другого файла. В Parcel 2 - 1 скрипт подгружается 1 раз для всех импортеров и его изменение влияет на этих импортеров. Для этого используется атрибут type="module". Если Parcel не обновляет страницу, проверь: 1) запущен клиент - npm run serve В package.json должно быть так: "serve": "parcel ./src/index.html -p 4200 --open", 2) Скрипт помещен в теге body.

[@YourPlayGamer]

@@sergeybure8795 "1) запущен клиент - npm run serve В package.json должно быть так: "serve": "parcel ./src/index.html -p 4200 --open", 2) Скрипт помещен в теге body." Да это все есть Браундмауэр думаю мозги делает, но вроде бы все разрешения поставил.

[@RamazanDjafarov]

Спасибо ✊

[@JIKAIII]

Спасибо, что-то помучился на импортах

[@offbeatabit]

Красота, теперь обязательно возьмусь. Все руки никак не доходили. За труды спасибо.

[@олегспирин-р4р]

Очень сомневаюсь, что возьмёшься. Если бы и правда хотел, пришел бы ко всему самостоятельно

[@offbeatabit]

@@олегспирин-р4р Не понимаю, что заставляет людей писать тексты такого содержания. У меня в проф плане всё ок уже давно, коммент был оставлен для поддержки Владилена пс. Этот коммент тоже

[@nemos.official]

Огромное спасибо! Раньше на пайтоне был, но щас перешёл сюда, деньги тратить не охото на учёбу, за то тут всё подробно и понятно! Спасибо!

[@vladosononame6376]

Владилен вы молодец! Очень рад что увидел это видео! Нет слов одни эмоции

[@RimmaFadeeva-b6d]

По моему это один из лучших твоих видосов получился! Красава

[@МаринаГуд-к3г]

Это просто пушка контент! Открывает новые горизонте в видении написания кода. Спасибо большое за него!

[@egolege]

Будем разбираться, изучать. Автору благодарность

[@alexey_horbunov]

Ого, вот это контент, спасибо огромное)

[@luksik0]

Благодарю за доступ к этому курсу! Практика очень обогатила. По ходу видео старался останавливать и решать самостоятельно задачи. Хотя не всегда так как вы.

[@ДаниилСаркисян-б4д]

Как обычно лайк!!! Все очень понятно и на высшем уровне!! Ты лучший

[@ДмитрийДворников-ц5ц]

Ну всё разжевал, отлично и очень доходчиво объяснил, спасибо большое, смотрел с огромным интересом.

[@mr.Anderson_3]

Огромное тебе спасибо, добрый человек. Только качественный контент +

[@shavor1000]

Спасибо, за то что тратишь свое свободное время на нас)))!!!!

[@wrlimit]

Спасибо! С удовольствием посмотрю ещё раз на досуге!

[@silentnight.official4261]

Контент растет пропорционально качеству, продолжайте в том же духе.

[@iMarkusUS]

33:00 самый сок начало 37:19 настройка - меняем порт 37:35 nom run ____ запускаем с настройкой 40:00 подключаем css через import 40:40 про режимы сборки Parcel ..build.. 41:42 npm run build .. запуск сборки проекта 42:45 no source maps .. уберём лишнее из папки 1:12:25 про классы подробней

[@АртёмПиврик]

Круто, мужик !!! Боби дальше, здорово !!!

[@rostyslav5334]

ГОСПОДИ БОЖЕ МОЙ И ВЛАДИЛЕН, СПА СИ БО!

[@alexeleave4551]

Спасибо за урок, заценил, просто круто и познавательно! Очень нравится повествование от простого к сложному, что код всегда можно улучшить и сделать лаконичнее (главное потом не запутаться в структуре, хаха).

[@TheMalekula]

спасибо !нужен еще курс "победи ленивую жопу"

[@ЮрийВеригин-у2э]

Для начала необходимо пристрелить "диван"

[@daniilukraine3611]

Стреляй диван через пузо

[@TheMalekula]

@@ИмяФамилия-э4ф7в игра где нельзя сохраняться )

[@ЮрийВеригин-у2э]

@@ИмяФамилия-э4ф7в у меня был такой квест. Его можно было характеризовать так. - снял деньги в банкомате где зп и передать в другой кредитный банкомат. Было весело!!!

[@thelongdark5944]

@@ИмяФамилия-э4ф7в и доп квест "полет головой вниз из окна 15 этажа ипотечной квартирки "

[@arsenghazaryan8101]

Respect из Армении Спасибо за труд за бесплатные и прекрасные курсы

[@IT_psychopath]

курс афигенен! всем советую пройти!) я в платном варианте прошел, еще раз посмотрю, лишним не будет.)

[@ФедорКарпенко-й1ю]

Благодарю. Многое из JS после просмотра ролика стало намного понятней

[@hom00x]

Уже на достойном уровне могу разрабатывать на JS, благодаря твоим курсам, спасибо)

[@VladilenMinin]

Буду признателен за чуть более развёрнутый отзыв)

[@hom00x]

@@VladilenMinin раньше смотря твоё одно из самых популярных видео на канале про основы JS я еле улавливал суть и понимание языка. Сейчас же, я хоть и не так быстро, но способен решить поставленные задачи, понимаю ход твоих мыслей в видео и часто действую на опережение. Меня очень радует, что я сам уже смог решить большое количество задач на чистом JavaScript`e. *оффтоп* : допустим видео про авторизацию где можно было задавать вопросы, после его просмотра я решил его чуть доработать, поставил себе задачи - 1. Добавить проверку с firebase и localstorage т.е., если вопроса уже нет в базе, то он удаляется из localstorage. 2. Добавить функцию удаления вопроса локально (на клиенте, удалится только из localstorage) и глобально (удалится из базы, но функция доступна только с авторизацией). Вроде не сложные задачи, но я сам трудился над их решением около двух дней, в итоге всё получилось и я очень рад. ещё один случай с ролика про загрузку файлов, тоже после просмотра решил немного улучшить его и чтобы он был полезен - 1. После загрузки файлов текст с процентами загрузки меняется на ссылку "поделиться" по нажатию которой ссылка с фото сохраняется в буфер обмена. Вроде не сложная задача и я также подумал, решил её за пару минут, но как оказалась если загрузить большое количество файлов ссылки будут некорректно вести на нужное фото, т.е. на сайте картинка одна, копируешь ссылку, открываешь, а фото другое. Как я понял это из-за того, что на итерации массива сейчас один какой-то DIV, а фото загружаются же не поочередно, а все сразу, поэтому ссылка может на другое фото прийти раньше. Но я нашел решение и это меня тоже очень сильно порадовало, что я сам смог решить эту задачу. Извиняюсь за такой длинный оффтоп))

[@metakirin8710]

@@hom00x Так, я пожалуй сделаю всё тоже самое ^~^

[@danielkollm6893]

Благодарю! Очень хороший курс, масса полезного, по крайней мере для меня. Автору - респект!

[@vladsamsonov9752]

Владилен спасибо тебе, что делишься своим опытом, очень мотивируешь!

[@VladikBezsmertnyi]

Привет, есть к тебе предложение напиши мне в телеграмм @vladik10x

[@Alex-rs1tt]

Благодарю тебя, Владилен!!!

[@fanifyeyev]

Вообщем контент бомба, лайк. Единственное что я бы чуток поменял так это: Я бы не вызывал init() внутри конструктора. Имхо, конструктор нужен для инициализации полей/данных, а выполнение действий(отрисовка), уже задача отдельного метода(render). Таким образом можно, если захотеть, сделать декорацию объекта Sidebar. Но спорить не стану))) Вообщем я у себя сделал так: export class Sidebar { constructor(selector, callback) { this.$el = document.querySelector(selector) this.callback = callback this.$el.addEventListener('submit', this.onAdd.bind(this)) } render() { this.$el.insertAdjacentHTML('afterbegin', this.template) } Ну и в App.js вызываю так: export class App { constructor(model) { this.model = model } init() { const site = new Site('#site') site.render(this.model) const sidebar = new Sidebar('#panel', block => { this.model.push(block) site.render(this.model) }) sidebar.render() } }

[@EmojiLens]

Спасибо за курс! Интересно и доходчиво объясняете.

[@aleksandr1277]

Спасибо! Было интересно. Отдельный лайк за файрбазу.

[@grey_psn]

Ооооочень круто! Столько всего вкурил, огромное спасибо.

[@Dmitriy_Min88]

Как всегда лучшее!!! Спасибо

[@vadimvadims5853]

Красота, все никак руки не доходили. Теперь обязательно возьмусь. Спасибо за труды.

[@kramered]

Автор один из лучший в плане бесплатного контента

[@АндрейКуликов-у8г]

Пардон, поправочка... И платного тоже. Никакой воды, всё чётко и по делу!

[@_yanaaa496]

Чудо-видео))) Спасибо большое Владилен!)

[@juliashchinova]

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

[@белка-у8б]

Каждый раз понимаешь что .... Такие вещи не сложные (Только требуют усилия и усидчивости на пару часов, а иногда и больше =)). Спасибо тебе еще раз

[@DerAleksey]

ага, а ещё подготовка

[@unknownWakeborder]

Полезный контент, я на него еще с тележного челенджа попал)

[@skeptik007]

Таааак, вот это круть подъехала)))

[@Ushakov.M]

Огонь! Владилен - ты супер!

[@filippkotenko851]

СУПЕР спасибо за контент годный =)

[@yakut54]

круто! после курса по "excel на JS", совсем не страшно )

[@max_mgtow]

Спасибо, Владилен, шикарно 👏

[@imbydlo1552]

Спасибо за то что обеспечиваете нас с бесплатными курсами)

[@ВалерийХарламов-ь4в]

Просто офигенно здорово! Каждые пару минут останавливаю ролик и пишу сам по своему пониманию - первый раз такое, после всех курсов! Лучший в мире курс, имхо. Автору низкий поклон за нереально эффективный учебный материал!

[@lekerzi9878]

Привет из Махачкалы. От души Владилен ✊👋

[@daniilukraine3611]

Лучший курс на KZbin !

[@isdesk2803]

Владилен, спасибо. Скачал "не глядя", заранее понимаю что мне это пригодится.

[@kostikmakesgames3279]

Выглядит неплохо)

[@HeorhiiHryhorian]

Владилен, подсел на ваше обучение, как на наркоту! Самый лучший контент, что я видел! Спасибо вам огромное! Просто знайте, что благодаря вам, я меняю свою жизнь!

[@Snegurjan]

Как круто,что наконец понятно,зачем эти классы методы и тд,класс)

[@bambolincyprus9527]

Спасибо большое. Комментарий в поддержку канала и продвижение ролика.

[@TheWorldPeace]

Топ, спасибо за видео!

[@tatianaevstifeeva6241]

Шикарно объясняешь, спасибо!

[@romanbolshiyanov]

1000 поклонов за твой труд!!!Долгожданный и очень в тему. Изучу и оставлю отзыв.

[@artemchebotarev1926]

Спасибо за обучающие видео!

[@Бензини]

хороший курс. с удовольствием можно и два раза посмотреть )

[@f4u_corsair173]

Спасибо за столь полезный контент, да еще и вот так даром!

[@igori6471]

throw new Error("метод toHTML должен быть реализован") не работает, не показывает ошибку в консоль. Пробовал Хром и Фаерфокс. Почему?

[@LevShuroff]

Супер качественный контент, спасибо за работу. Ждём новые уроки от вас

[@UnrealTabby]

Огромное спасибо за качественный вклад в it-образовательный ютуб-контент ! Изначально о тебе узнал благодаря Михаилу с канала Django school. Сейчас абсолютно очевидно что ты - топ среди всех блогеров, создающих контент посвященный ЯП JS на русском.

[@VladilenMinin]

Благодарю, приятно)

[@clastergaming2503]

Повезло, подгон от Владилена спасибо!

[@YourPlayGamer]

Указываю в json "build": "parcel build src/index.html" В терминале вбиваем npm run build При запуске выходит эта ошибка . @parcel/namer-default: Target "main" declares an output file path of "src\index.js" which does not match the compiled bundle type "html". Кто знает как решить проблему? p.s. main удалял и false ставил Пробовал через source тоже не получается. Короче я разобрался у кого такая проблема еще папку parcel-cache удаляйте

[@keshaasilbekov9831]

Ты просто лучший Владилен! Привет с Киргизии 🇰🇬

[@VikMoc]

Спасибо за видео! Очень интересная тема!!

[@АлексейДолматов-м3я]

Покатит, покатит, покаааатииит )) Классный контент! Спасибо

[@lozovink]

Вот это подгончик!😲😁 Спасибо, Владилен!!

[@_spektr]

Спасибо! Ты лучший ютубер в этой сфере.

[@ЗелимханНаврузов-ф2ч]

Спасибо большое, Владилен !!!

[@user-mx2wq4zv4m]

Спасибо за такой контент!

[@Odysseus34]

Спасибо автору планирую скоро изучить этот курс

[@nioxin4866]

Парни помогите пожалуйста. на 13:50 автор вписывает document.querySelector раскрывает скобки и у него сразу появляется selectors: У меня же такого не появляется. Более того, если я впишу вручную это всё, то вылезет ошибка, что " ожидается "," " что делать? Пишу в VS code

[@JIKAIII]

Если внимательно слушать автора, то он расскажет, что это фишка WebStorm, таким образом он подсказывает что это.

[@АндрейБороздин-ф7ъ]

Отличный ролик! Все понятно и без воды

[@arlenm1472]

О да, видосы Владилена очередной раз вытаскивают меня из ловушки прокрастинации

[@alexey2769]

Большое спасибо за урок! Отличная практика. Подписка

[@vsevolodcerneavschi507]

Wow, spasibo tibe ogromnoe!

[@rustem6117]

Посмотрю позже, но лайк поставлю. 100% пушка контент, спасибо

[@demwolf1878]

Сужу по предоставленному материалу, мне понятен. Видно что автор уделил внимание подаче материала спвсибо.

[@lotvaplotol5578]

Огромное спасибо автору, ждём новых видео! Например лендинг салона красоты с кнопкой мы вам сразу перезвоним. (Слайдер с причёсками юзеры и сами вставят)

[@Футбол-Х-в6д]

Ты крутой) спасибо тебе!)

[@СтепановКирилл-м3р]

Лайк не глядя!

[@1BeNNy4eg1]

Блин мое уважение, Я 1Сник, начинаю разбираться в Django + JS, спасибо за урок

[@bekzhantolonov3031]

Здравствуйте, Валиден! Я хотел посмотреть RoadMap по вашему каналу, зайдя по ссылке в описании, но показывает ошибку. Можете, пожалуйста, обновить роадмап

[@abolnikov]

Всё собирался купить, 150 рублей вообще смешно. Но всё откладывал. А тут такая халява прилетела. Отложил все дела, сутра начну педалить ) Как всегда ОГРОМНОЕ спасибо Владилену!!!! Первый на рынке по качеству подачи материала!!!!

[@abolnikov]

@@ИмяФамилия-э4ф7в Не в экономии вопрос. Отблагодарить за проделанный труд однозначно надо. Владилен молодец, делает очень хорошие курсы, ролики, всё чутко, по делу. Настоящий преподаватель!

[@Shadow-ck3kk]

Отличный курс получился, спасибо!

[@azizrustambekov5944]

Посмотрел 30 секунд уже понял что крутой контент

[@olegzhikharev2138]

Отличный курс! Классика JavaScript! На все времена! ) Какое то время назад прошёл этот курс. Скажу, что курс произвёл на меня очень позитивное впечатление. Наглядно показано, как с помощью JavaScript создать структуру сайта и управлять контентом.

[@mihalt1]

Приветствую. Вопрос по файрбэйс, у нас он работает только через ВПН, если я напишу приложение, или сайт с Аутентификацией и базами данных через файрбэйс, то пользователям придётся тоже использовать ВПН? И есть ли бесплатные альтернативы файобэйсу?

[@botanik-lena]

Спасибо большое, было очень интересно и познавательно!))

[@Hakiriml77]

Спасибо за видос.