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

Исходный код тут: t.me/js_by_vladilen/329
Получить профессию Frontend разработчика - bit.ly/3Oyo3TQ
Подробнее узнать об обучении в Result School -
bit.ly/3AfYPp2
Бесплатный курс HTML & CSS - bit.ly/3AjDzyy
Сделать 5 проектов на JavaScript - bit.ly/3NrsfU0
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Решил выложить в открытый доступ курс по созданию конструктора сайтов на чистом JavaScript за 2 часа.
Что внутри курса?
🔹 Ты напишешь с нуля приложение, которое сможешь положить себе в портфолио.
🔹 C нуля настроим рабочее окружение.
🔹 Будет много практического применения ООП (ты наконец-то поймешь, зачем на самом деле нужны классы в JavaScript).
🔹 Разберем как принципы SOLID помогают писать расширяемый и поддерживаемый код.
🔹 Оптимизация работы приложения.
🔹 Деплой приложения на хостинг.
🔹 И куча дополнительных бонусов, которые ты найдешь в процессе прохождения курса.
Исходный код тут: t.me/js_by_vladilen/329
Текстовые редакторы:
WebStorm - www.jetbrains.com/ru-ru/webst...
VSCode - code.visualstudio.com/
Инструменты из курса:
NodeJS - nodejs.org/en/
Parcel - parceljs.org/
Документация:
developer.mozilla.org/ru/docs...

[@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@

[@user-ts1rj6ub7q]

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

[@VladilenMinin]

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

[@user-qv3di5nk9c]

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

[@liperri]

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

[@hutoryanin]

Благодарю

[@ivanmikhailovich1963]

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

[@hutoryanin]

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

[@AndrewYurchenko]

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

[@mishagarkach]

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

[@vivalabs]

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

[@tanyasuntulip7008]

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

[@user-nm3ls7yf2q]

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

[@alexeleave4551]

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

[@vladsamsonov9752]

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

[@VladikBezsmertnyi]

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

[@Great_Combinator]

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

[@user-dk9yl4ct7b]

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

[@VirtuozEd]

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

[@Snegurjan]

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

[@Great_Combinator]

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

[@ernestorubantino]

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

[@alexey_horbunov]

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

[@user-tc1rz4mh3o]

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

[@leo_hlush]

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

[@kannsky8812]

ulbi tv тоже хорош

[@vladosononame6376]

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

[@_yanaaa496]

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

[@user-lg4md8wm8y]

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

[@user-tx7uv9gl4f]

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

[@imbydlo1552]

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

[@egolege]

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

[@mr.Anderson_3]

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

[@user-iu8jk7bz1z]

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

[@user-si1rx2ux9d]

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

[@LevShuroff]

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

[@danielkollm6893]

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

[@grey_psn]

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

[@silentnight.official4261]

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

[@max_mgtow]

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

[@f4u_corsair173]

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

[@Dmitriy_Min88]

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

[@offbeatabit]

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

[@user-bn2qp6sh8r]

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

[@offbeatabit]

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

[@luksik0]

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

[@isdesk2803]

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

[@tatianaevstifeeva6241]

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

[@user-re8pz8oi9h]

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

[@Alex-rs1tt]

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

[@aleksandr1277]

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

[@user-xh1gf8nu8i]

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

[@VikMoc]

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

[@user-ur4ev7vl6c]

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

[@DerAleksey]

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

[@TheMalekula]

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

[@user-dk9yl4ct7b]

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

[@daniilukraine3611]

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

[@TheMalekula]

@@user-vu6hn4ul2i игра где нельзя сохраняться )

[@user-dk9yl4ct7b]

@@user-vu6hn4ul2i у меня был такой квест. Его можно было характеризовать так. - снял деньги в банкомате где зп и передать в другой кредитный банкомат. Было весело!!!

[@thelongdark5944]

@@user-vu6hn4ul2i и доп квест "полет головой вниз из окна 15 этажа ипотечной квартирки "

[@botanik-lena]

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

[@alexey2769]

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

[@skeptik007]

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

[@Shadow-ck3kk]

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

[@unknownWakeborder]

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

[@user-xl5yr6qd5b]

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

[@user-dq4cn3iu3f]

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

[@user-wm1pw7oz9b]

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

[@galandec2000]

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

[@user-hz3tr9bu1h]

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

[@arsenghazaryan8101]

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

[@artemchebotarev1926]

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

[@user-ve2yl5gy3v]

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

[@shavor1000]

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

[@MrNemos.]

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

[@yakut54]

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

[@romanbolshiyanov]

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

[@kotofun]

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

[@filippkotenko851]

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

[@Odysseus34]

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

[@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]

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

[@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 удаляйте

[@vadimvadims5853]

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

[@DinO5056]

Спасибо за твою работу 👏👏👏👏👏👏👏

[@TheWorldPeace]

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

[@lekerzi9878]

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

[@nitrogenium]

Огромное спасибо, будем изучать

[@user-uv6dc1hu4s]

Владилен, спасибо, смотрю уроки JS, и некоторые моменты и концепции пригодились мне и в Python. В частности у меня возникала ошибка в GUI-приложении. Если бы не твои усилия то даже в голову не пришло про мутирование состояния приложения (state)

[@user-mx2wq4zv4m]

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

[@tylerdurden9008]

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

[@VladilenMinin]

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

[@user-md3pk9ro1r]

Очень круто, спасибо!

[@vsevolodcerneavschi507]

Wow, spasibo tibe ogromnoe!

[@eney1975]

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

[@maxboudnik6988]

Супер, премного благодарен автору!

[@honey5832]

День добрый Владилен, покупал у тебя курс через udemy полгода назад. Курс был на твоей платформе, сейчас пытаюсь зайти туда, чтобы дальше посмотреть, и не могу получить доступ . Как и где я могу смотреть купленный курс?

[@daniilukraine3611]

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

[@clastergaming2503]

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

[@hom00x]

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

[@VladilenMinin]

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

[@hom00x]

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

[@metakirin8710]

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

[@juliashchinova]

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

[@lozovink]

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

[@ArtemFun]

Подскажите какую подсветку синтаксиса HTML для VS Code использовать, подсвечивать html в backtick кавычках, как в этом примере. Что-то не работает. Не пойму.

[@demwolf1878]

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

[@rostyslav5334]

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

[@bambolincyprus9527]

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

[@alenalel1267]

Топ контент просто, спасибо, что делишься знаниями))

[@hamormaratovuch4181]

BRONY?

[@user-zb9qy9yc4b]

Спасибо за труды!

[@maksymspaskyi9584]

Очень интересная тема. Круто!

[@_spektr]

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

[@user-iv7wq2tp6o]

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

[@user-nf2tv2kc4x]

За видос респект! Спасибо) А вот качество, по возможности, улучшить бы :) Но с учетом бесплатности вообще не критично

[@lotvaplotol5578]

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

[@UnrealTabby]

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

[@VladilenMinin]

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

[@AnatolyGavrilov]

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

[@Phoenix-uz4fp]

Спасибо за видео!

[@kostikmakesgames3279]

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

[@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 про классы подробней

[@darinaibragimova3426]

Здравствуйте,Владилен у меня конфигурация npm не подключается и выдаёт Error,нужно ли скачивать Python3 для parcel?

[@Ushakov.M]

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

[@user-hg8ey2in2g]

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

[@shelby954]

Супер👍👍👍, благодарю!