VS Code Полный Курс для JavaScript разработчиков

  Переглядів 261,786

Владилен Минин

Владилен Минин

День тому

Эксклюзивный контент на моем Boosty: boosty.to/vladilen
PDF с расширениями тут: t.me/js_by_vladilen/247
Получить профессию Frontend разработчика -
bit.ly/3OK4ZBE
Бесплатный курс HTML & CSS - bit.ly/3I0Rg7s
Сделать 5 проектов на JavaScript - bit.ly/3IfIgvv
Telegram: t.me/js_by_vladilen
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Полный курс по VSCode
Внутри разберем все, что нужно для комфортной и быстрой разработке в этом редакторе: все меню, клавиши, темы, настройки, расширения, сниппеты, работа с Git, дебаг и многое другое
Таймкоды:
00:00 - Введение
04:50 - Интерфейс
16:15 - Intellisense
27:09 - Настройки
37:55 - Горячие клавиши
49:25 - Плагины
1:10:48 - Сниппеты
1:17:24 - Дебаг
1:22:21 - Работа с Git и Github

КОМЕНТАРІ: 438
@VladilenMinin
@VladilenMinin Рік тому
PDF с расширениями тут: t.me/js_by_vladilen/247 Эксклюзивный контент на моем Boosty: boosty.to/vladilen
@yankevich-andrey
@yankevich-andrey Рік тому
Отдельное спасибо за PDF файл ))
@ilyariver7120
@ilyariver7120 3 роки тому
Мы так же хотим видео про Web Storm😀
@D_o_m_i_n_u_S
@D_o_m_i_n_u_S 3 роки тому
Странно, что он про VS Code выложил первым :) Ведь всегда кодит в Shtorm
@user-ek5sb4wz2x
@user-ek5sb4wz2x 3 роки тому
Vs code бесплатен
@SergiiBespalko
@SergiiBespalko 3 роки тому
@@user-ek5sb4wz2x как по мне не то что он бесплатен, а то что там рассширений сколько хочь и каких хочь
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@frixaco
@frixaco 3 роки тому
Спасибо за курс! Очень жду курс по WebStorm!!
@user-bh2sz9tz6f
@user-bh2sz9tz6f 3 роки тому
Рустам нима гап
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@yaroslavzef7267
@yaroslavzef7267 3 роки тому
@@UlbiTV Подрастающий конкурент Вавилена)
@dmytrochekhuta3731
@dmytrochekhuta3731 3 роки тому
Спасибо за курс! Я думаю, что очень много людей из твоего комьюнити были бы рады увидеть такой же курс по WebStorm :)
@zhamalnurmanov6751
@zhamalnurmanov6751 3 роки тому
+
@user-us5uf9tt8i
@user-us5uf9tt8i 3 роки тому
ВебСтрём😀
@yevgeniy-ten3482
@yevgeniy-ten3482 3 роки тому
Го вебшторм, не зря же лицензию как студент получил
@dawah_to_islam
@dawah_to_islam 3 роки тому
Webstorm+
@alexlightweight
@alexlightweight 3 роки тому
+
@fallenstar358
@fallenstar358 3 роки тому
Впервые попад на премьеру и я пишу давно на vs code, мне нравится, как раз ждал видео о нём от тебя! Благодарю!
@theholdfingersteam2399
@theholdfingersteam2399 3 роки тому
Я относительно не долго на канале, но хочу сказать то что лежит на душе- автор, большое тебе спасибо, такая кладезь знаний да еще и бесплатно, успехов тебе во всех сферах!
@user-dr7qv9yh8i
@user-dr7qv9yh8i 3 роки тому
Спасибо! Жду курс по WebStorm!
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@hollywood3238
@hollywood3238 3 роки тому
Просто пишу комент, чтобы поддержать автора! Мотивируя на новые видео и вы ребята не стесняйтесь! Спасибо за работу!
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 3 роки тому
Владилен, рада, что Вы снова с нами!)
@unknownWakeborder
@unknownWakeborder 3 роки тому
Лооол) Я как раз думал что пора бы нормально свой редактор насетапать и тут такой праздник! Спасибо огромное!)))
@stasshev1738
@stasshev1738 3 роки тому
Владилен, спасибо за курс! Очень понятно и просто все изложил!
@alexakuna6529
@alexakuna6529 3 роки тому
Владилен спасибо за твой труд! Много черпаю от тебя. Пока я на пути к айти ))) но с таким контентом я все ближе и ближе к цели заниматься тем чем нравится.
@dmitriyegorov4764
@dmitriyegorov4764 3 роки тому
Спасибо, Владилен! Формат очень полезен. Присоединяюсь к пожеланиям за WebStorm.
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@sorboni.3953
@sorboni.3953 3 роки тому
Спасибо большое. Начал пользоваться VS Code-ом недавно, но даже не подозревал о таких мощных возможностей данного редактора.
@alianmanpi35
@alianmanpi35 2 роки тому
Спасибо, у вас здорово получается. Особое спасибо за то, что повторяете некоторые моменты, для совсем зеленых, как я, это важно.
@pachimu27
@pachimu27 3 роки тому
Отличная работа. Всё внимательно посмотрел. Спасибо. Очень доходчиво объяснил. Получается у тебя, действительно))
@faskinator
@faskinator 3 роки тому
Большое спасибо, Владилен! как всегда полезное видео
@mikhailurban1222
@mikhailurban1222 3 роки тому
спасибо за отличный контент, я сам работаю на php storm, решил пробовать альтернативу! больше всего понравилось открытие 3-х, 4-х окон сразу на экране, бывает это очень нужно!
@user-ty2ib3du2o
@user-ty2ib3du2o 2 роки тому
Господи, ты лучший, очень крутые курсы, ничего лишнего, все по сути.
@capstanfearless
@capstanfearless 3 роки тому
Владилен, спасибо за интересный туториал!
@VladilenMinin
@VladilenMinin 3 роки тому
Соскучился по вам!) На канале скоро 100к человек, предлагаю сделать трансляцию и обо всем пообщаться как в старые добрые)
@user-hu3gv8zq8j
@user-hu3gv8zq8j 3 роки тому
Погнали !)
@rataev3315
@rataev3315 3 роки тому
Огонь!
@amatorBolivarGames
@amatorBolivarGames 3 роки тому
Еще бы такой же по WebStorm))
@user-hu3gv8zq8j
@user-hu3gv8zq8j 3 роки тому
@@amatorBolivarGames странно , но vscode хоть и написан на electron.js и у него много разных вызовов и прочего дерьма , но он оперативы жрет , будучи нашпигованный плагинами , столько же , сколько и пустой ws
@alexVbeze
@alexVbeze 3 роки тому
Ситуация. Когда в редакторах пишешь () {} или что-то с автодополнением и со скобками или кавычками, то курсор всегда устанавливается в них, что очень круто и удобно. Но есть ли способ так же круто выйти из скобок и кавычек? Мне известно три пути: - стрелки (не удобно потому что нужно тянуться туда) - end (переместит курсор в конец строки, так же далеко тянуться, но можно забить хоткей(буду экспериментировать)) - мышкой тыкнуть Есть более изящные решения? Я надеюсь понятно, что я имел ввиду.
@bogdanandrushchenko3304
@bogdanandrushchenko3304 3 роки тому
Спасибо за курс! Все четко Очень жду курс по WebStorm!!
@olharamanouskaya2397
@olharamanouskaya2397 3 роки тому
Спасибо за обзор! Ждем, когда в VSCode появятся удобные инструменты для сложных ребейзов с конфликтами, как в WebStorm/IDEA
@dosxanzada
@dosxanzada 3 роки тому
Благодарю за труд! Теперь хочу отдельный туториал про Вебшторм и Гит (гитхаб и гитлаб. разницы, какие есть преимущества и недостатки, и т.д.)
@amatorBolivarGames
@amatorBolivarGames 3 роки тому
В целом это комплексный и классный редактор)) Спасибо))
@user-rk2hy2uh4f
@user-rk2hy2uh4f Рік тому
Спасибо за видео ! Наконец то открыл для себя vscode, а то по старинке на nodepad++ писал) Хорошая подача материала😉
@user-ju7im5rp4u
@user-ju7im5rp4u 3 роки тому
Владилен, курс по Webstorm был бы очень кстати. Недавно на него перешёл, очень нравится :)
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@xqz666
@xqz666 2 роки тому
Владилен , отдельное спасибо за таймкоды, ты лучший
@eugene684
@eugene684 3 роки тому
По этой программе можно еще 2 таких же видео снять, чтобы зацепить все то, что используется в работе. Немного добавлю: Размер шрифта меняется зажатый Ctrl+колесико мышки. Вместо toggle zen mode предпочитаю полноэкранный режим - F11 Для просмотра markdown есть кнопка справа вверху, чтобы не лезть в Ctrl-Shift-P Тема(любимая) - Night Owl Шрифты интересные 'JetBrains Mono','Cartograph Mono CF','Fira Code', 'Dank Mono','Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback' Import costs у меня не работает если в коде используешь obj?.field1?.field2 и другие фишки ES2020. Если знаете как решить, напишите. Снипеты есть готовые в расширениях типа ES6 code snippets, которые покрывают 90% потребностей, лучше начать с них, а потом уже свои писать. Расширения(самые крутые) - Turbo console log, Git Graph, Git lens
@pfcompany885
@pfcompany885 Рік тому
Спасибо!
@Deiffify
@Deiffify Рік тому
Шикарное видео! Благодарю за труды) успехов и развития
@pavlozastavnyi3930
@pavlozastavnyi3930 3 роки тому
Спасибо огромное! Жду с нетерпением видео о WebStorm.
@ivanrussui4126
@ivanrussui4126 3 роки тому
Благодарю, с гитом в конце вообще бомба функционал!!!
@konstantinkuksov914
@konstantinkuksov914 3 роки тому
Спасибо за отличный и полезный курс!
@svetlana1961
@svetlana1961 3 роки тому
Vladilen, I really like your videos. Very useful lessons.
@yankevich-andrey
@yankevich-andrey Рік тому
Концентрат супер-полезной информации! Спасибо! ))
@romankaras123
@romankaras123 3 роки тому
Спасибо за курс! Топ!
@sf8328
@sf8328 2 роки тому
Чётко) Магёшь! Умеешь! ))) Благодарю!
@MamaevaPiramida
@MamaevaPiramida 3 роки тому
Владилен Спасибо Вам Большое!
@MRoose
@MRoose 2 роки тому
Много нового узнал, особенно среди расширений. Спасибо. Такой бы мануал по Intellij UDEA
@ffgukfi8505
@ffgukfi8505 3 роки тому
Как всегда видос на высшем уровне💯
@alexlightweight
@alexlightweight 3 роки тому
Не часто работаю с фронтом, так как C# backend разработчик, но было интересно. Жду WebStorm !
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@vasya8441
@vasya8441 2 роки тому
Великолепный урок, огромное спасибо
@hasannamazl7584
@hasannamazl7584 3 роки тому
Спасибо за курс! Был бы классно еще про WebStorm)
@user-xi6sf6lo7q
@user-xi6sf6lo7q Рік тому
Благодарю за видео! мне было очень полезно)
@kamil19862307
@kamil19862307 2 роки тому
Спасибо! Твои видео очень помогают.
@user-qc2ol5ee2y
@user-qc2ol5ee2y 2 роки тому
Ну здесь одного лайка мало, огромное спасибо - заново открыл для себя VS code.
@user-jh2hl9kg3t
@user-jh2hl9kg3t 3 роки тому
спасибо за видео, хотелось бы еще посмотреть или разобрать твой настройки для linter
@buka_jaz
@buka_jaz Рік тому
Отлично. Спасибо, всё понятно.
@galandec2000
@galandec2000 3 роки тому
Огромное тебе спасибо!
@eurorock5912
@eurorock5912 3 роки тому
Реально спасибо, Владилен!) Больше не надо про редакторы (имхо).
@vlad17264
@vlad17264 3 роки тому
Видео пушка, очень помог. Посмотрел с удовольствием 1.5 часа. Разрабатываю на C# и хотелось бы увидеть такое видео про саму Visual Studio. Хотя ты наверняка с ней не работаешь.
@solomon1938
@solomon1938 3 роки тому
спасибо, весьма полезно!
@dimanazdratenko
@dimanazdratenko 3 роки тому
Ставлю лайк за глубокий обзор веб шторма))
@user-dz8xd5jc2p
@user-dz8xd5jc2p 3 роки тому
Надеюсь, что вскоре от Вас будет курс по Webstorm. Жду этот курс, очень жду!
@galayda_taras
@galayda_taras 3 роки тому
Круто, спасибо!
@timofeyblinnikov
@timofeyblinnikov Рік тому
спасибо за прекрасное видео
@davidsurmava2669
@davidsurmava2669 2 роки тому
Спасибо большое!
@user-wm1pw7oz9b
@user-wm1pw7oz9b 3 роки тому
Отлично! То что нужно
@teosurch
@teosurch 2 роки тому
Спасибо за туториал!
@vytautasv1983
@vytautasv1983 3 роки тому
Спасибо за курс
@mator7359
@mator7359 2 роки тому
Спасибо Владилен за знание
@uaplatformacomua
@uaplatformacomua 3 роки тому
Спасибо большое! Очень полезно. Полтора года пользуюсь VisualCode, почти все плагины у меня были установлены, но со сниппетами не работала, и вообще с гитом и отладкой тоже. Так что надеюсь на новый уровень выйти. И, конечно, синхронизирую свои редакторы на разных компьютерах. Очень жду подобное руководство по PHP Storm, web storm
@eugene684
@eugene684 3 роки тому
А что вы делаете в vscode если не пользуетесь гитом?
@user-zs4lh6nj7s
@user-zs4lh6nj7s 3 роки тому
Спасибо за курс!!! Очень классно и доступно объясняешь. Для начинающих твои уроки - лучшие!
@Azkett
@Azkett 3 роки тому
Спасибо!)
@user-yv1ur7we6e
@user-yv1ur7we6e 3 роки тому
Очень хороший курс, спасибо! Подскажите, пожалуйста, можно ли где-то найти популярные готовые наборы сниппетов для фронтенда?
@user-yv4tn5ll9z
@user-yv4tn5ll9z 2 роки тому
Оооо, мощь) Спасибо
@dimitriitkach7697
@dimitriitkach7697 3 роки тому
spasibo za urok - VS Code Полный Курс для JavaScript разработчиков
@Lyopa2
@Lyopa2 2 роки тому
Супер - спасибо!
@rataev3315
@rataev3315 3 роки тому
Спасибо. Ты крут. Я с тобой учусь и показываю свой путь как из сантехника я становлюсь крутым фронтедом))
@Aziiim
@Aziiim 2 роки тому
Ну как успехи?)
@comebackhome892
@comebackhome892 3 роки тому
классное видео, хотя некоторые штуки не до конца раскрыты. Например про плагины сказано очень мало. Советую установить: - Path Autocomplete - Sass - Sass Formatter - Live Sass Compiler (компилит также scss) - Code Runner - JavaScript (es6) code snippets - Когда-то создал тему Vuewave dark, так что кому понравится - скачивайте и ее ;)) Для разработки фронта под ларавель: - Laravel Blade (amirmarmur) или Laravel Blade Snippets(Winnie Lin) Версия со сниппетами иногда не очень хорошо отрабатывает к примеру со строками вида @php (и некоторыми другими штуками) ... Если их не закрывать, то плагин считает это за ошибку и подсветка синтаксиса слетает на файле. Не забудьте добавить в settings json строку "emmet.includeLanguages": {"blade": "html"}, для поддержки еммета в blade файлах. - Laravel Blade Spacer (a.cameron) - laravel-goto-controller
@emistar3780
@emistar3780 3 роки тому
Спасибо за урок. Интересно сильно влияют на производительность эти плагины, понятно что без них никак. Но например темы, иконки т.п., что отвечает только за красоту.
@user-zn3yg4hh6j
@user-zn3yg4hh6j 3 роки тому
Спасибо, полезно было. Ждём WebStorm!
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@arthurshaidullin7981
@arthurshaidullin7981 3 роки тому
Владилен, ты лучший )
@ArtMobiDev
@ArtMobiDev 3 роки тому
Ты красава брат! Наконец то не webstorm
@neonillaortman257
@neonillaortman257 2 роки тому
Спасибо!
@kentforthable
@kentforthable 3 роки тому
Владилен, хотелось бы также курс по Webstorm, да и ты сам говорил,что больше вебштормом пользуешься. Спасибо за видео!
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@maksimkalinin4234
@maksimkalinin4234 3 роки тому
Классно, много нового узнал для себя! Интересен вопрос по линтерам. Их довольно много разных: HTMLHint, stylelint, ESLint и т.д. Было бы здорово увидеть от тебя подобное видео по линтерам в VS Code и как они работают в паре с Prettier. Спасибо
@chkpg4317
@chkpg4317 3 роки тому
Ништяк ништяк!)
@gapon.vitalii
@gapon.vitalii 3 роки тому
Огонь Видео!) Очень полезно! Посоветуешь какие то плагины при работе с Ангуляром?
@user-bh1ry4sh9v
@user-bh1ry4sh9v 3 роки тому
спасибо, посмотрел
@maksimsergeevich5939
@maksimsergeevich5939 3 роки тому
Владилен, спасибо за видео! Подскажи, меня бесит одна фигня, почему vscode к js файлам предлагает исправления для ts. Меня это дико вчера выбесило. Типо, я наверное не просто так сделал расширение .js. Зачем он проверяет мой код по правилам линтера для ts?
@serdotsenko
@serdotsenko 3 роки тому
судя по каментам, видос по WebStorm не за горами, то прошу обязательно в нём детально осветить работу с git'ом, по крайней мере тех команд которые можно вызвать просто из меню. спасибо за твои видосы!!! твой канал единственный из всех на кого я подписан на ютюбе где я поставил колокольчик ))
@UlbiTV
@UlbiTV 3 роки тому
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@serdotsenko
@serdotsenko 3 роки тому
@@UlbiTV подписался на тебя )
@savacool
@savacool 3 роки тому
По WebStorm ждем видео , но и это оказалось полезным )
@romangromov304
@romangromov304 3 роки тому
Отличное видео, спасибо! А можно ли как то указать в снипете что надо изменить первую буку на заглавную? Чтобы например получать строку ``` const = [test, setTest] ``` из ``` "const = [$1, set(тут надо как то указать что первая буква в данном $1 должна преобразоваться в заглавную)$1]" ```
@RuSaG0
@RuSaG0 3 роки тому
Воу, спасибо за урок. Подчеркнул что-то новое! А что ближайшее в планах?GraphQL, алгоритмы, Nest?
@thegulpofenglish4131
@thegulpofenglish4131 3 роки тому
Сниппеты - это просто праздник какой-то !!!!!
@adolfnika2267
@adolfnika2267 2 роки тому
Очень грамотное постоновление речи!!! Отличный курс
@user-pz6uv7hl5n
@user-pz6uv7hl5n 2 роки тому
Владилен - лучший!) Сэнк ю!))
@alexshaposhnikov9275
@alexshaposhnikov9275 3 роки тому
Привет Владилен. Нравятся твои видео. На данный момент прохожу курс по Angular на твоём сайте. Если ты можешь и у тебя получится запилить курс или видео по Ionic благодарности не будет предела) По нему нет нормальной инфы в русскоязычном пространстве. А мой английский пока далёк от идеала)
@KOSMONAFT1K
@KOSMONAFT1K 8 місяців тому
Подскажите пожалуйста Выдаёт "crbug/1173575, non-js module files deprecated." такую ошибку когда нажимаю F5. Но когда открываю с помощью live сервера, то все работает. Что делать ?
@alexanderkholopov7064
@alexanderkholopov7064 2 роки тому
Отличное видео!
@Emil-Jan
@Emil-Jan 3 роки тому
Палец вверх, классный курс. Никого не настораживает, что за три месяца (от момента публикации ролика до публикации этого коммент.) прирост по установки плагинов +- 2млн. ))) это больше 25% на популярные плагины.
@Reshila-us6uc
@Reshila-us6uc 3 роки тому
Благодарю
@ssurrokk
@ssurrokk 2 роки тому
спасибо за видео в дальнейшем неплохо бы видео, где берётся фича из IDEA и с показом как тоже самое сделать в VS Code
@arturborisov1090
@arturborisov1090 3 роки тому
Огонь)
@darkCoderDev
@darkCoderDev 3 роки тому
Круто !
@servus7314
@servus7314 Рік тому
Спасибо большое за видео. Prettier Code formatter - не срабатывает у меня, почему-то, Ctrl+S для форматирования текста
@vl8224
@vl8224 3 роки тому
Спасибо
@alvandyan
@alvandyan 3 роки тому
Интересно было бы услышать от тебя про работу с терминалом, консолью, командной строкой. Есть в планах снять видео или запустить стрим про это?
@VladilenMinin
@VladilenMinin 3 роки тому
Хм, если вам интересно то могу придумать
@alvandyan
@alvandyan 3 роки тому
@@VladilenMinin думаю лишним не будет) Как бы тема не основная, но полезная и нужная при разработке. И заранее спасибо 😉
@neutralist7993
@neutralist7993 3 роки тому
@@VladilenMinin Это было бы очень полезно для многих.
@neutralist7993
@neutralist7993 3 роки тому
@@theholdfingersteam2399 проблема даже в том что мало кого это интересует из маслят пришедших в разработку...привыкли к графическим оболочкам
@krollsiphone
@krollsiphone 3 роки тому
Курс по терминалу??? Интересно, что Вы в нем хотите увидеть? Каким пальцем набирать буквы?
@edgull_tlt
@edgull_tlt 2 роки тому
Спасибо.
Git и GitHub Курс Для Новичков
49:35
Владилен Минин
Переглядів 1 млн
Топ 10 ИИ каждый программист должен знать
22:46
Владилен Минин
Переглядів 20 тис.
Настройка VS Code для верстки
34:27
WebDesign Master
Переглядів 293 тис.
УЧИЛСЯ ПРОГРАММИРОВАТЬ ВСЕ ЛЕТО
10:31
Honey Montana
Переглядів 886 тис.
Разбираем основы Kafka и RabbitMQ
26:54
Digital train | Alex Babin
Переглядів 4,4 тис.
25 VS Code Productivity Tips and Speed Hacks
11:35
Fireship
Переглядів 2,2 млн
РАБОТАЙ МЕНЬШЕ: Как достичь цели за 2-4 часа в день
21:18
FRONTEND: Мифы и Реалии рынка труда
34:43
Владилен Минин
Переглядів 38 тис.