Я относительно не долго на канале, но хочу сказать то что лежит на душе- автор, большое тебе спасибо, такая кладезь знаний да еще и бесплатно, успехов тебе во всех сферах!
По этой программе можно еще 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
@@amatorBolivarGames странно , но vscode хоть и написан на electron.js и у него много разных вызовов и прочего дерьма , но он оперативы жрет , будучи нашпигованный плагинами , столько же , сколько и пустой ws
Ситуация. Когда в редакторах пишешь () {} или что-то с автодополнением и со скобками или кавычками, то курсор всегда устанавливается в них, что очень круто и удобно. Но есть ли способ так же круто выйти из скобок и кавычек? Мне известно три пути: - стрелки (не удобно потому что нужно тянуться туда) - end (переместит курсор в конец строки, так же далеко тянуться, но можно забить хоткей(буду экспериментировать)) - мышкой тыкнуть Есть более изящные решения? Я надеюсь понятно, что я имел ввиду.
спасибо за отличный контент, я сам работаю на php storm, решил пробовать альтернативу! больше всего понравилось открытие 3-х, 4-х окон сразу на экране, бывает это очень нужно!
классное видео, хотя некоторые штуки не до конца раскрыты. Например про плагины сказано очень мало. Советую установить: - 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
Палец вверх, классный курс. Никого не настораживает, что за три месяца (от момента публикации ролика до публикации этого коммент.) прирост по установки плагинов +- 2млн. ))) это больше 25% на популярные плагины.
Про расширения еще хотел добавить eCSStractor - из html выводит все классы auto import - автоматически импортирует файлы code ace jump - переходит к тексту ( лучше гайд гляньте, топовое расширение) css navigation - в html наводите на название класса, жмете F12 и он сразу переходит в css файл к тому месту, где находится этот класс ES7 React/Redux/GraphQL/React-Native snippets - снипеты для реакта... Live Sass Compiler - для работы с препроцессором SASS/SCSS
Еще бы добавил по горячим клавишам: переключаться между файлами можно удобно через ctrl + PgUp/PgDown. Это быстрее происходит по ощущениям, но нужно самому потыркаться чтобы прочувствовать.
судя по каментам, видос по WebStorm не за горами, то прошу обязательно в нём детально осветить работу с git'ом, по крайней мере тех команд которые можно вызвать просто из меню. спасибо за твои видосы!!! твой канал единственный из всех на кого я подписан на ютюбе где я поставил колокольчик ))
Владилен спасибо за твой труд! Много черпаю от тебя. Пока я на пути к айти ))) но с таким контентом я все ближе и ближе к цели заниматься тем чем нравится.
Видео пушка, очень помог. Посмотрел с удовольствием 1.5 часа. Разрабатываю на C# и хотелось бы увидеть такое видео про саму Visual Studio. Хотя ты наверняка с ней не работаешь.
Спасибо большое! Очень полезно. Полтора года пользуюсь VisualCode, почти все плагины у меня были установлены, но со сниппетами не работала, и вообще с гитом и отладкой тоже. Так что надеюсь на новый уровень выйти. И, конечно, синхронизирую свои редакторы на разных компьютерах. Очень жду подобное руководство по PHP Storm, web storm
плюсек за VSCode, до этого юзал IntelliJ Idea > PHP Storm > MS Visual Studio (о ужас) > Web Storm последние 3 года на VSCode - случайно из-за бесплатности. оказалось мегакруто, мегаконфигурабельно и мегаудобно недавно попробовал ещё раз в Web Storm заехать ради интереса (на новом месте лицензию выдали) и мне прям вобще не понравилось после VSCode - вернул лицензию туда где взял)
Классно, много нового узнал для себя! Интересен вопрос по линтерам. Их довольно много разных: HTMLHint, stylelint, ESLint и т.д. Было бы здорово увидеть от тебя подобное видео по линтерам в VS Code и как они работают в паре с Prettier. Спасибо
Спасибо за урок. Интересно сильно влияют на производительность эти плагины, понятно что без них никак. Но например темы, иконки т.п., что отвечает только за красоту.
про Webstorm теперь, keymap я себе распечатал и юзаю, но вероятно тоже есть хорошие плагины, какие то прикольные сниппеты, маркеры(красные точки возле номера строки) в которых можно писать условия, вроде как их можно использовать вместо console.log (у Соера когда то видел) и еще что-то, что может облегчить жизнь
Auto Rename Tag уже встроен в vscode, плагин больше не нужен, найти его можно введя Rename On Type и поставить галочку или в settings.json добавить "editor.renameOnType": true,
Отличное видео, спасибо! А можно ли как то указать в снипете что надо изменить первую буку на заглавную? Чтобы например получать строку ``` const = [test, setTest] ``` из ``` "const = [$1, set(тут надо как то указать что первая буква в данном $1 должна преобразоваться в заглавную)$1]" ```
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](http://i.ytimg.com/vi/kz23xxukY5s/mqdefault.jpg)
PDF с расширениями тут: t.me/js_by_vladilen/247
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Отдельное спасибо за PDF файл ))
Спасибо за курс!
Я думаю, что очень много людей из твоего комьюнити были бы рады увидеть такой же курс по WebStorm :)
+
ВебСтрём😀
Го вебшторм, не зря же лицензию как студент получил
Webstorm+
＋
Просто пишу комент, чтобы поддержать автора! Мотивируя на новые видео и вы ребята не стесняйтесь! Спасибо за работу!
Я относительно не долго на канале, но хочу сказать то что лежит на душе- автор, большое тебе спасибо, такая кладезь знаний да еще и бесплатно, успехов тебе во всех сферах!
Господи, ты лучший, очень крутые курсы, ничего лишнего, все по сути.
Спасибо за курс!
Очень жду курс по WebStorm!!
Рустам нима гап
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@@UlbiTV Подрастающий конкурент Вавилена)
Впервые попад на премьеру и я пишу давно на vs code, мне нравится, как раз ждал видео о нём от тебя! Благодарю!
Спасибо, Владилен! Формат очень полезен. Присоединяюсь к пожеланиям за WebStorm.
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
Спасибо! Жду курс по WebStorm!
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
Спасибо большое. Начал пользоваться VS Code-ом недавно, но даже не подозревал о таких мощных возможностей данного редактора.
По этой программе можно еще 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
Спасибо!
спасибо огромное! Супер видео. Класс! Молодец автор! Больше, больше надо подобных видео!
Отличная работа. Всё внимательно посмотрел. Спасибо. Очень доходчиво объяснил. Получается у тебя, действительно))
Спасибо за видео ! Наконец то открыл для себя vscode, а то по старинке на nodepad++ писал) Хорошая подача материала😉
Мы так же хотим видео про Web Storm😀
Странно, что он про VS Code выложил первым :)
Ведь всегда кодит в Shtorm
Vs code бесплатен
@@Юрий-с5е2к как по мне не то что он бесплатен, а то что там рассширений сколько хочь и каких хочь
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
Соскучился по вам!)
На канале скоро 100к человек, предлагаю сделать трансляцию и обо всем пообщаться как в старые добрые)
Погнали !)
Огонь!
Еще бы такой же по WebStorm))
@@amatorBolivarGames странно , но vscode хоть и написан на electron.js и у него много разных вызовов и прочего дерьма , но он оперативы жрет , будучи нашпигованный плагинами , столько же , сколько и пустой ws
Ситуация. Когда в редакторах пишешь () {} или что-то с автодополнением и со скобками или кавычками, то курсор всегда устанавливается в них, что очень круто и удобно. Но есть ли способ так же круто выйти из скобок и кавычек?
Мне известно три пути:
- стрелки (не удобно потому что нужно тянуться туда)
- end (переместит курсор в конец строки, так же далеко тянуться, но можно забить хоткей(буду экспериментировать))
- мышкой тыкнуть
Есть более изящные решения? Я надеюсь понятно, что я имел ввиду.
спасибо за отличный контент, я сам работаю на php storm, решил пробовать альтернативу! больше всего понравилось открытие 3-х, 4-х окон сразу на экране, бывает это очень нужно!
Ну здесь одного лайка мало, огромное спасибо - заново открыл для себя VS code.
Владилен , отдельное спасибо за таймкоды, ты лучший
Спасибо, у вас здорово получается. Особое спасибо за то, что повторяете некоторые моменты, для совсем зеленых, как я, это важно.
Лооол) Я как раз думал что пора бы нормально свой редактор насетапать и тут такой праздник! Спасибо огромное!)))
классное видео, хотя некоторые штуки не до конца раскрыты. Например про плагины сказано очень мало.
Советую установить:
- 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
spasibo za urok - VS Code Полный Курс для JavaScript разработчиков
Спасибо огромное! Жду с нетерпением видео о WebStorm.
Палец вверх, классный курс. Никого не настораживает, что за три месяца (от момента публикации ролика до публикации этого коммент.) прирост по установки плагинов +- 2млн. ))) это больше 25% на популярные плагины.
Владилен, рада, что Вы снова с нами!)
Спасибо за курс!
Все четко
Очень жду курс по WebStorm!!
Много нового узнал, особенно среди расширений. Спасибо.
Такой бы мануал по Intellij UDEA
Владилен, спасибо за курс! Очень понятно и просто все изложил!
Благодарю, с гитом в конце вообще бомба функционал!!!
Владилен, курс по Webstorm был бы очень кстати. Недавно на него перешёл, очень нравится :)
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
Владилен, спасибо за интересный туториал!
Про расширения еще хотел добавить
eCSStractor - из html выводит все классы
auto import - автоматически импортирует файлы
code ace jump - переходит к тексту ( лучше гайд гляньте, топовое расширение)
css navigation - в html наводите на название класса, жмете F12 и он сразу переходит в css файл к тому месту, где находится этот класс
ES7 React/Redux/GraphQL/React-Native snippets - снипеты для реакта...
Live Sass Compiler - для работы с препроцессором SASS/SCSS
Чётко) Магёшь! Умеешь! )))
Благодарю!
Спасибо. Ты крут. Я с тобой учусь и показываю свой путь как из сантехника я становлюсь крутым фронтедом))
Ну как успехи?)
Спасибо за обзор! Ждем, когда в VSCode появятся удобные инструменты для сложных ребейзов с конфликтами, как в WebStorm/IDEA
Спасибо за курс!!! Очень классно и доступно объясняешь. Для начинающих твои уроки - лучшие!
Очень грамотное постоновление речи!!! Отличный курс
Еще бы добавил по горячим клавишам: переключаться между файлами можно удобно через ctrl + PgUp/PgDown. Это быстрее происходит по ощущениям, но нужно самому потыркаться чтобы прочувствовать.
Ставлю лайк за глубокий обзор веб шторма))
Концентрат супер-полезной информации! Спасибо! ))
судя по каментам, видос по WebStorm не за горами, то прошу обязательно в нём детально осветить работу с git'ом, по крайней мере тех команд которые можно вызвать просто из меню. спасибо за твои видосы!!! твой канал единственный из всех на кого я подписан на ютюбе где я поставил колокольчик ))
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
@@UlbiTV подписался на тебя )
В целом это комплексный и классный редактор)) Спасибо))
Владилен спасибо за твой труд! Много черпаю от тебя. Пока я на пути к айти ))) но с таким контентом я все ближе и ближе к цели заниматься тем чем нравится.
Владилен - лучший!) Сэнк ю!))
Видео пушка, очень помог. Посмотрел с удовольствием 1.5 часа. Разрабатываю на C# и хотелось бы увидеть такое видео про саму Visual Studio. Хотя ты наверняка с ней не работаешь.
Спасибо большое! Очень полезно. Полтора года пользуюсь VisualCode, почти все плагины у меня были установлены, но со сниппетами не работала, и вообще с гитом и отладкой тоже. Так что надеюсь на новый уровень выйти. И, конечно, синхронизирую свои редакторы на разных компьютерах. Очень жду подобное руководство по PHP Storm, web storm
А что вы делаете в vscode если не пользуетесь гитом?
Благодарю за труд! Теперь хочу отдельный туториал про Вебшторм и Гит (гитхаб и гитлаб. разницы, какие есть преимущества и недостатки, и т.д.)
плюсек за VSCode,
до этого юзал IntelliJ Idea > PHP Storm > MS Visual Studio (о ужас) > Web Storm
последние 3 года на VSCode - случайно из-за бесплатности. оказалось мегакруто, мегаконфигурабельно и мегаудобно
недавно попробовал ещё раз в Web Storm заехать ради интереса (на новом месте лицензию выдали) и мне прям вобще не понравилось после VSCode - вернул лицензию туда где взял)
Шикарное видео! Благодарю за труды) успехов и развития
Сниппеты - это просто праздник какой-то !!!!!
Надеюсь, что вскоре от Вас будет курс по Webstorm. Жду этот курс, очень жду!
Спасибо Владилен за знание
Классно, много нового узнал для себя!
Интересен вопрос по линтерам. Их довольно много разных: HTMLHint, stylelint, ESLint и т.д. Было бы здорово увидеть от тебя подобное видео по линтерам в VS Code и как они работают в паре с Prettier.
Спасибо
Спасибо! Твои видео очень помогают.
Реально спасибо, Владилен!) Больше не надо про редакторы (имхо).
Отлично. Спасибо, всё понятно.
Большое спасибо, Владилен! как всегда полезное видео
Владилен, хотелось бы также курс по Webstorm, да и ты сам говорил,что больше вебштормом пользуешься. Спасибо за видео!
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
Благодарю за видео! мне было очень полезно)
По WebStorm ждем видео , но и это оказалось полезным )
Зря не упомянул про Auto Save очень удобная штука!!!
спасибо за видео, хотелось бы еще посмотреть или разобрать твой настройки для linter
Ты красава брат! Наконец то не webstorm
спасибо за прекрасное видео
Великолепный урок, огромное спасибо
Владилен, спасибо большое)
Ждём видео про webstorm!!!
Спасибо, полезно было. Ждём WebStorm!
У меня на канале вечером будет вэбшторм, постарался кратко и лаконично!)
Так бесит что ютуб убрал дизлайки, ходишь по курсам и не знаешь, норм чи говно. Ща гляну и увижу, эхх.
Спасибо за отличный и полезный курс!
Спасибо за урок. Интересно сильно влияют на производительность эти плагины, понятно что без них никак. Но например темы, иконки т.п., что отвечает только за красоту.
Владилен, ты лучший )
про Webstorm теперь, keymap я себе распечатал и юзаю, но вероятно тоже есть хорошие плагины, какие то прикольные сниппеты, маркеры(красные точки возле номера строки) в которых можно писать условия, вроде как их можно использовать вместо console.log (у Соера когда то видел) и еще что-то, что может облегчить жизнь
Интересно было бы услышать от тебя про работу с терминалом, консолью, командной строкой. Есть в планах снять видео или запустить стрим про это?
Хм, если вам интересно то могу придумать
@@VladilenMinin думаю лишним не будет) Как бы тема не основная, но полезная и нужная при разработке. И заранее спасибо 😉
@@VladilenMinin Это было бы очень полезно для многих.
@@theholdfingersteam2399 проблема даже в том что мало кого это интересует из маслят пришедших в разработку...привыкли к графическим оболочкам
Курс по терминалу??? Интересно, что Вы в нем хотите увидеть? Каким пальцем набирать буквы?
Как всегда видос на высшем уровне💯
Auto Rename Tag уже встроен в vscode, плагин больше не нужен, найти его можно введя Rename On Type и поставить галочку или в settings.json добавить "editor.renameOnType": true,
Супер - спасибо!
Оооо, мощь) Спасибо
Владилен Спасибо Вам Большое!
Отличное видео!
Vladilen, I really like your videos. Very useful lessons.
Ништяк ништяк!)
На мой взгляд это лучшая программа для программирования касательно браузерной разработки
Согласен. Поработав 2 года на саблайме и перейдя на VS CODE я понял, насколько VS CODE крут.
Спасибо за курс! Топ!
Спасибо за туториал!
Спасибо за курс! Был бы классно еще про WebStorm)
спасибо за видео
в дальнейшем неплохо бы видео, где берётся фича из IDEA и с показом как тоже самое сделать в VS Code
Огонь)
Стоит отметить что на оф сайте вс код просто офигенный мануал
Спасибо! Про Sublime интересно было бы.
Считай что VS code это саблайм на максималках. Я на саблайме начинал верстать еще в 14 году и с появлением VS Code перешел на него и не жалею.
Круто, спасибо!
Отлично! То что нужно
спасибо, весьма полезно!
Интересно было бы посмотреть такое же видео, только о WebStorm
Согласен, electron js - топовый фреймворк
Отличное видео, спасибо!
А можно ли как то указать в снипете что надо изменить первую буку на заглавную?
Чтобы например получать строку
```
const = [test, setTest]
```
из
```
"const = [$1, set(тут надо как то указать что первая буква в данном $1 должна преобразоваться в заглавную)$1]"
```
Дорогой Владилен, мы хотим webstorm!)
Очень хороший курс, спасибо! Подскажите, пожалуйста, можно ли где-то найти популярные готовые наборы сниппетов для фронтенда?
Огонь Видео!) Очень полезно! Посоветуешь какие то плагины при работе с Ангуляром?
Спасибо большое) Сними про WSCode
А что это такое - wscode?