Тёмный

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

Владилен Минин
Подписаться 308 тыс.
Просмотров 262 тыс.
50% 1

Эксклюзивный контент на моем 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

Опубликовано:

 

7 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 438   
@VladilenMinin
@VladilenMinin Год назад
PDF с расширениями тут: t.me/js_by_vladilen/247 Эксклюзивный контент на моем Boosty: boosty.to/vladilen
@yankevich-andrey
@yankevich-andrey Год назад
Отдельное спасибо за PDF файл ))
@fallenstar358
@fallenstar358 3 года назад
Впервые попад на премьеру и я пишу давно на vs code, мне нравится, как раз ждал видео о нём от тебя! Благодарю!
@theholdfingersteam2399
@theholdfingersteam2399 3 года назад
Я относительно не долго на канале, но хочу сказать то что лежит на душе- автор, большое тебе спасибо, такая кладезь знаний да еще и бесплатно, успехов тебе во всех сферах!
@hollywood3238
@hollywood3238 3 года назад
Просто пишу комент, чтобы поддержать автора! Мотивируя на новые видео и вы ребята не стесняйтесь! Спасибо за работу!
@frixaco
@frixaco 3 года назад
Спасибо за курс! Очень жду курс по WebStorm!!
@user-bh2sz9tz6f
@user-bh2sz9tz6f 3 года назад
Рустам нима гап
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@yaroslavzef7267
@yaroslavzef7267 3 года назад
@@UlbiTV Подрастающий конкурент Вавилена)
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 3 года назад
Владилен, рада, что Вы снова с нами!)
@stasshev1738
@stasshev1738 3 года назад
Владилен, спасибо за курс! Очень понятно и просто все изложил!
@unknownWakeborder
@unknownWakeborder 3 года назад
Лооол) Я как раз думал что пора бы нормально свой редактор насетапать и тут такой праздник! Спасибо огромное!)))
@pachimu27
@pachimu27 3 года назад
Отличная работа. Всё внимательно посмотрел. Спасибо. Очень доходчиво объяснил. Получается у тебя, действительно))
@dmitriyegorov4764
@dmitriyegorov4764 3 года назад
Спасибо, Владилен! Формат очень полезен. Присоединяюсь к пожеланиям за WebStorm.
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@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 года назад
+
@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 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@alexakuna6529
@alexakuna6529 3 года назад
Владилен спасибо за твой труд! Много черпаю от тебя. Пока я на пути к айти ))) но с таким контентом я все ближе и ближе к цели заниматься тем чем нравится.
@alianmanpi35
@alianmanpi35 2 года назад
Спасибо, у вас здорово получается. Особое спасибо за то, что повторяете некоторые моменты, для совсем зеленых, как я, это важно.
@user-ty2ib3du2o
@user-ty2ib3du2o 2 года назад
Господи, ты лучший, очень крутые курсы, ничего лишнего, все по сути.
@bogdanandrushchenko3304
@bogdanandrushchenko3304 3 года назад
Спасибо за курс! Все четко Очень жду курс по WebStorm!!
@user-dr7qv9yh8i
@user-dr7qv9yh8i 3 года назад
Спасибо! Жду курс по WebStorm!
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@sorboni.3953
@sorboni.3953 3 года назад
Спасибо большое. Начал пользоваться VS Code-ом недавно, но даже не подозревал о таких мощных возможностей данного редактора.
@user-rk2hy2uh4f
@user-rk2hy2uh4f Год назад
Спасибо за видео ! Наконец то открыл для себя vscode, а то по старинке на nodepad++ писал) Хорошая подача материала😉
@capstanfearless
@capstanfearless 3 года назад
Владилен, спасибо за интересный туториал!
@mikhailurban1222
@mikhailurban1222 3 года назад
спасибо за отличный контент, я сам работаю на php storm, решил пробовать альтернативу! больше всего понравилось открытие 3-х, 4-х окон сразу на экране, бывает это очень нужно!
@dosxanzada
@dosxanzada 3 года назад
Благодарю за труд! Теперь хочу отдельный туториал про Вебшторм и Гит (гитхаб и гитлаб. разницы, какие есть преимущества и недостатки, и т.д.)
@faskinator
@faskinator 3 года назад
Большое спасибо, Владилен! как всегда полезное видео
@xqz666
@xqz666 2 года назад
Владилен , отдельное спасибо за таймкоды, ты лучший
@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 (переместит курсор в конец строки, так же далеко тянуться, но можно забить хоткей(буду экспериментировать)) - мышкой тыкнуть Есть более изящные решения? Я надеюсь понятно, что я имел ввиду.
@olharamanouskaya2397
@olharamanouskaya2397 3 года назад
Спасибо за обзор! Ждем, когда в VSCode появятся удобные инструменты для сложных ребейзов с конфликтами, как в WebStorm/IDEA
@Deiffify
@Deiffify Год назад
Шикарное видео! Благодарю за труды) успехов и развития
@pavlozastavnyi3930
@pavlozastavnyi3930 3 года назад
Спасибо огромное! Жду с нетерпением видео о WebStorm.
@amatorBolivarGames
@amatorBolivarGames 3 года назад
В целом это комплексный и классный редактор)) Спасибо))
@ivanrussui4126
@ivanrussui4126 3 года назад
Благодарю, с гитом в конце вообще бомба функционал!!!
@yankevich-andrey
@yankevich-andrey Год назад
Концентрат супер-полезной информации! Спасибо! ))
@sf8328
@sf8328 2 года назад
Чётко) Магёшь! Умеешь! ))) Благодарю!
@user-zs4lh6nj7s
@user-zs4lh6nj7s 3 года назад
Спасибо за курс!!! Очень классно и доступно объясняешь. Для начинающих твои уроки - лучшие!
@user-ju7im5rp4u
@user-ju7im5rp4u 3 года назад
Владилен, курс по Webstorm был бы очень кстати. Недавно на него перешёл, очень нравится :)
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@MRoose
@MRoose 2 года назад
Много нового узнал, особенно среди расширений. Спасибо. Такой бы мануал по Intellij UDEA
@konstantinkuksov914
@konstantinkuksov914 3 года назад
Спасибо за отличный и полезный курс!
@hasannamazl7584
@hasannamazl7584 3 года назад
Спасибо за курс! Был бы классно еще про WebStorm)
@MamaevaPiramida
@MamaevaPiramida 3 года назад
Владилен Спасибо Вам Большое!
@romankaras123
@romankaras123 3 года назад
Спасибо за курс! Топ!
@user-jh2hl9kg3t
@user-jh2hl9kg3t 3 года назад
спасибо за видео, хотелось бы еще посмотреть или разобрать твой настройки для linter
@user-dz8xd5jc2p
@user-dz8xd5jc2p 3 года назад
Надеюсь, что вскоре от Вас будет курс по Webstorm. Жду этот курс, очень жду!
@user-xi6sf6lo7q
@user-xi6sf6lo7q Год назад
Благодарю за видео! мне было очень полезно)
@vlad17264
@vlad17264 3 года назад
Видео пушка, очень помог. Посмотрел с удовольствием 1.5 часа. Разрабатываю на C# и хотелось бы увидеть такое видео про саму Visual Studio. Хотя ты наверняка с ней не работаешь.
@ffgukfi8505
@ffgukfi8505 3 года назад
Как всегда видос на высшем уровне💯
@dimanazdratenko
@dimanazdratenko 3 года назад
Ставлю лайк за глубокий обзор веб шторма))
@vasya8441
@vasya8441 2 года назад
Великолепный урок, огромное спасибо
@kamil19862307
@kamil19862307 2 года назад
Спасибо! Твои видео очень помогают.
@svetlana1961
@svetlana1961 3 года назад
Vladilen, I really like your videos. Very useful lessons.
@user-yv1ur7we6e
@user-yv1ur7we6e 3 года назад
Очень хороший курс, спасибо! Подскажите, пожалуйста, можно ли где-то найти популярные готовые наборы сниппетов для фронтенда?
@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 Год назад
Спасибо!
@eurorock5912
@eurorock5912 3 года назад
Реально спасибо, Владилен!) Больше не надо про редакторы (имхо).
@buka_jaz
@buka_jaz Год назад
Отлично. Спасибо, всё понятно.
@user-qc2ol5ee2y
@user-qc2ol5ee2y 2 года назад
Ну здесь одного лайка мало, огромное спасибо - заново открыл для себя VS code.
@galandec2000
@galandec2000 3 года назад
Огромное тебе спасибо!
@solomon1938
@solomon1938 3 года назад
спасибо, весьма полезно!
@gapon.vitalii
@gapon.vitalii 3 года назад
Огонь Видео!) Очень полезно! Посоветуешь какие то плагины при работе с Ангуляром?
@alexlightweight
@alexlightweight 3 года назад
Не часто работаю с фронтом, так как C# backend разработчик, но было интересно. Жду WebStorm !
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@mator7359
@mator7359 2 года назад
Спасибо Владилен за знание
@teosurch
@teosurch 2 года назад
Спасибо за туториал!
@galayda_taras
@galayda_taras 3 года назад
Круто, спасибо!
@vytautasv1983
@vytautasv1983 3 года назад
Спасибо за курс
@timofeyblinnikov
@timofeyblinnikov Год назад
спасибо за прекрасное видео
@user-yv4tn5ll9z
@user-yv4tn5ll9z 2 года назад
Оооо, мощь) Спасибо
@RuSaG0
@RuSaG0 3 года назад
Воу, спасибо за урок. Подчеркнул что-то новое! А что ближайшее в планах?GraphQL, алгоритмы, Nest?
@user-wm1pw7oz9b
@user-wm1pw7oz9b 3 года назад
Отлично! То что нужно
@davidsurmava2669
@davidsurmava2669 2 года назад
Спасибо большое!
@emistar3780
@emistar3780 3 года назад
Спасибо за урок. Интересно сильно влияют на производительность эти плагины, понятно что без них никак. Но например темы, иконки т.п., что отвечает только за красоту.
@user-zn3yg4hh6j
@user-zn3yg4hh6j 3 года назад
Спасибо, полезно было. Ждём WebStorm!
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@maksimkalinin4234
@maksimkalinin4234 3 года назад
Классно, много нового узнал для себя! Интересен вопрос по линтерам. Их довольно много разных: HTMLHint, stylelint, ESLint и т.д. Было бы здорово увидеть от тебя подобное видео по линтерам в VS Code и как они работают в паре с Prettier. Спасибо
@Lyopa2
@Lyopa2 2 года назад
Супер - спасибо!
@dimitriitkach7697
@dimitriitkach7697 3 года назад
spasibo za urok - VS Code Полный Курс для JavaScript разработчиков
@rataev3315
@rataev3315 3 года назад
Спасибо. Ты крут. Я с тобой учусь и показываю свой путь как из сантехника я становлюсь крутым фронтедом))
@Aziiim
@Aziiim 2 года назад
Ну как успехи?)
@Azkett
@Azkett 3 года назад
Спасибо!)
@arthurshaidullin7981
@arthurshaidullin7981 3 года назад
Владилен, ты лучший )
@uaplatformacomua
@uaplatformacomua 3 года назад
Спасибо большое! Очень полезно. Полтора года пользуюсь VisualCode, почти все плагины у меня были установлены, но со сниппетами не работала, и вообще с гитом и отладкой тоже. Так что надеюсь на новый уровень выйти. И, конечно, синхронизирую свои редакторы на разных компьютерах. Очень жду подобное руководство по PHP Storm, web storm
@eugene684
@eugene684 3 года назад
А что вы делаете в vscode если не пользуетесь гитом?
@savacool
@savacool 3 года назад
По WebStorm ждем видео , но и это оказалось полезным )
@user-pz6uv7hl5n
@user-pz6uv7hl5n 2 года назад
Владилен - лучший!) Сэнк ю!))
@kentforthable
@kentforthable 3 года назад
Владилен, хотелось бы также курс по Webstorm, да и ты сам говорил,что больше вебштормом пользуешься. Спасибо за видео!
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@chkpg4317
@chkpg4317 3 года назад
Ништяк ништяк!)
@ssurrokk
@ssurrokk 2 года назад
спасибо за видео в дальнейшем неплохо бы видео, где берётся фича из IDEA и с показом как тоже самое сделать в VS Code
@romangromov304
@romangromov304 3 года назад
Отличное видео, спасибо! А можно ли как то указать в снипете что надо изменить первую буку на заглавную? Чтобы например получать строку ``` const = [test, setTest] ``` из ``` "const = [$1, set(тут надо как то указать что первая буква в данном $1 должна преобразоваться в заглавную)$1]" ```
@alexshaposhnikov9275
@alexshaposhnikov9275 3 года назад
Привет Владилен. Нравятся твои видео. На данный момент прохожу курс по Angular на твоём сайте. Если ты можешь и у тебя получится запилить курс или видео по Ionic благодарности не будет предела) По нему нет нормальной инфы в русскоязычном пространстве. А мой английский пока далёк от идеала)
@user-lp9pv4bu8h
@user-lp9pv4bu8h 3 года назад
Спасибо!
@ArtMobiDev
@ArtMobiDev 3 года назад
Ты красава брат! Наконец то не webstorm
@viktorivanov5939
@viktorivanov5939 3 года назад
Владилен, спасибо большое) Ждём видео про webstorm!!!
@serdotsenko
@serdotsenko 3 года назад
судя по каментам, видос по WebStorm не за горами, то прошу обязательно в нём детально осветить работу с git'ом, по крайней мере тех команд которые можно вызвать просто из меню. спасибо за твои видосы!!! твой канал единственный из всех на кого я подписан на ютюбе где я поставил колокольчик ))
@UlbiTV
@UlbiTV 3 года назад
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@serdotsenko
@serdotsenko 3 года назад
@@UlbiTV подписался на тебя )
@adolfnika2267
@adolfnika2267 2 года назад
Очень грамотное постоновление речи!!! Отличный курс
@alexanderkholopov7064
@alexanderkholopov7064 2 года назад
Отличное видео!
@arturborisov1090
@arturborisov1090 3 года назад
Огонь)
@user-bh1ry4sh9v
@user-bh1ry4sh9v 3 года назад
спасибо, посмотрел
@evgeniyprowork
@evgeniyprowork 3 года назад
про Webstorm теперь, keymap я себе распечатал и юзаю, но вероятно тоже есть хорошие плагины, какие то прикольные сниппеты, маркеры(красные точки возле номера строки) в которых можно писать условия, вроде как их можно использовать вместо console.log (у Соера когда то видел) и еще что-то, что может облегчить жизнь
@Reshila-us6uc
@Reshila-us6uc 3 года назад
Благодарю
@darkCoderDev
@darkCoderDev 3 года назад
Круто !
@thegulpofenglish4131
@thegulpofenglish4131 3 года назад
Сниппеты - это просто праздник какой-то !!!!!
@igorfesik6005
@igorfesik6005 3 года назад
Интересно было бы посмотреть такое же видео, только о WebStorm
@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
@alvandyan
@alvandyan 3 года назад
Интересно было бы услышать от тебя про работу с терминалом, консолью, командной строкой. Есть в планах снять видео или запустить стрим про это?
@VladilenMinin
@VladilenMinin 3 года назад
Хм, если вам интересно то могу придумать
@alvandyan
@alvandyan 3 года назад
@@VladilenMinin думаю лишним не будет) Как бы тема не основная, но полезная и нужная при разработке. И заранее спасибо 😉
@neutralist7993
@neutralist7993 3 года назад
@@VladilenMinin Это было бы очень полезно для многих.
@neutralist7993
@neutralist7993 3 года назад
@@theholdfingersteam2399 проблема даже в том что мало кого это интересует из маслят пришедших в разработку...привыкли к графическим оболочкам
@krollsiphone
@krollsiphone 3 года назад
Курс по терминалу??? Интересно, что Вы в нем хотите увидеть? Каким пальцем набирать буквы?
@maksimsergeevich5939
@maksimsergeevich5939 3 года назад
Владилен, спасибо за видео! Подскажи, меня бесит одна фигня, почему vscode к js файлам предлагает исправления для ts. Меня это дико вчера выбесило. Типо, я наверное не просто так сделал расширение .js. Зачем он проверяет мой код по правилам линтера для ts?
@user-dziman
@user-dziman 2 года назад
Классный урок. не плохо быбылоразбить на временные отрезки по темам.
@Emil-Jan
@Emil-Jan 3 года назад
Палец вверх, классный курс. Никого не настораживает, что за три месяца (от момента публикации ролика до публикации этого коммент.) прирост по установки плагинов +- 2млн. ))) это больше 25% на популярные плагины.
Далее
25 VS Code Productivity Tips and Speed Hacks
11:35
Просмотров 2,2 млн
😱СНЯЛ СУПЕР КОТА НА КАМЕРУ⁉
00:37
Лучший подарок другу 😂
00:59
Просмотров 1,6 млн
Excited Dog Zooms In and Out of Sliding Door!
00:18
Просмотров 4,4 млн
Есть айтишники ?😂
00:21
Просмотров 115 тыс.
Java: что нужно знать новичку?
8:15
Настройка VS Code для верстки
34:27
Просмотров 294 тыс.
😱СНЯЛ СУПЕР КОТА НА КАМЕРУ⁉
00:37