- Видео 383
- Просмотров 272 897
Igor Babko
Украина
Добавлен 16 апр 2023
Learn WEB Development in practice.
Laravel For Beginners #12 - Moving nav items to layout
WEB app development from scratch by using Laravel framework.
X - igorbabko
🧪 Repository: github.com/igorbabko/laravel-watch
🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/
Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui
Laravel Herd: herd.laravel.com/
PhpStorm: www.jetbrains.com/phpstorm/
DBngin: dbngin.com/
TablePlus: tableplus.com/
Laravel Idea: laravel-idea.com/
IdeaVim: lp.jetbrains.com/ideavim/
🎨 PhpStorm theme: plugins.jetbrains.com/plugin/20315-owl-darker-theme
🎨 PhpStorm icons: plugins.jetbrains.com/plugin/10044-atom-material-icons
✒️ Font: philpl.gumroad.com/l/dank-mono
🧑🎨 PhpStorm Setup: ruclips.net/p/PLXDouhCU5r6qdB4P5hNOJiTaF7z9wE-...
X - igorbabko
🧪 Repository: github.com/igorbabko/laravel-watch
🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/
Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui
Laravel Herd: herd.laravel.com/
PhpStorm: www.jetbrains.com/phpstorm/
DBngin: dbngin.com/
TablePlus: tableplus.com/
Laravel Idea: laravel-idea.com/
IdeaVim: lp.jetbrains.com/ideavim/
🎨 PhpStorm theme: plugins.jetbrains.com/plugin/20315-owl-darker-theme
🎨 PhpStorm icons: plugins.jetbrains.com/plugin/10044-atom-material-icons
✒️ Font: philpl.gumroad.com/l/dank-mono
🧑🎨 PhpStorm Setup: ruclips.net/p/PLXDouhCU5r6qdB4P5hNOJiTaF7z9wE-...
Просмотров: 24
Видео
Laravel For Beginners #11 - Footer components
Просмотров 302 часа назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #10 - Footer
Просмотров 564 часа назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #9 - Header components
Просмотров 299 часов назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #8 - Layout component
Просмотров 339 часов назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #7 - Page routes
Просмотров 5412 часов назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #6 - Blade interpolation
Просмотров 3014 часов назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #5 - Header
Просмотров 7119 часов назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #4 - Tailwind CSS installation
Просмотров 4019 часов назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #3 - Pint formatter
Просмотров 51День назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #2 - PhpStorm plugins
Просмотров 43День назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Repo with PhpStorm settings: github.com/igorbabko/phpstorm-ui Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ La...
Laravel For Beginners #1 - Installation and environment setup
Просмотров 103День назад
WEB app development from scratch by using Laravel framework. X - igorbabko 🧪 Repository: github.com/igorbabko/laravel-watch 🧪 Source code for every lesson: github.com/igorbabko/laravel-watch/commits/main/ Laravel Herd: herd.laravel.com/ PhpStorm: www.jetbrains.com/phpstorm/ DBngin: dbngin.com/ TablePlus: tableplus.com/ 🎨 PhpStorm theme: plugins.jetbrains.com/plugin/20315-owl-darker-...
Vue Unit Testing #30 - Nav item component test
Просмотров 24День назад
Unit testing of Vue application by using testing framework Vitest and Vue Test Utils library. X - igorbabko 🧪 Repository: github.com/igorbabko/vue-unit-testing 🧪 Source code for every lesson: github.com/igorbabko/vue-unit-testing/commits/main/ 🎨 My VS Code Setup: ruclips.net/p/PLXDouhCU5r6q10ef9yXxzY4GwVpAQMvsZ 🎨 VS Code Theme: marketplace.visualstudio.com/items?itemName=JoseMurillo...
Vue Unit Testing #29 - Nav item component test
Просмотров 1814 дней назад
Unit testing of Vue application by using testing framework Vitest and Vue Test Utils library. X - igorbabko 🧪 Repository: github.com/igorbabko/vue-unit-testing 🧪 Source code for every lesson: github.com/igorbabko/vue-unit-testing/commits/main/ 🎨 My VS Code Setup: ruclips.net/p/PLXDouhCU5r6q10ef9yXxzY4GwVpAQMvsZ 🎨 VS Code Theme: marketplace.visualstudio.com/items?itemName=JoseMurillo...
Vue Unit Testing #28 - Nav item component test
Просмотров 2114 дней назад
Unit testing of Vue application by using testing framework Vitest and Vue Test Utils library. X - igorbabko 🧪 Repository: github.com/igorbabko/vue-unit-testing 🧪 Source code for every lesson: github.com/igorbabko/vue-unit-testing/commits/main/ 🎨 My VS Code Setup: ruclips.net/p/PLXDouhCU5r6q10ef9yXxzY4GwVpAQMvsZ 🎨 VS Code Theme: marketplace.visualstudio.com/items?itemName=JoseMurillo...
Vue Unit Testing #27 - Activity item component test
Просмотров 2014 дней назад
Vue Unit Testing #27 - Activity item component test
Vue Unit Testing #26 - Activity item component test
Просмотров 2014 дней назад
Vue Unit Testing #26 - Activity item component test
Vue Unit Testing #25 - Activity item component test
Просмотров 1714 дней назад
Vue Unit Testing #25 - Activity item component test
Vue Unit Testing #24 - Activity item component test
Просмотров 2014 дней назад
Vue Unit Testing #24 - Activity item component test
Vue Unit Testing #23 - Activity item component test
Просмотров 2921 день назад
Vue Unit Testing #23 - Activity item component test
Vue Unit Testing #22 - Activity item component test
Просмотров 2621 день назад
Vue Unit Testing #22 - Activity item component test
Vue Unit Testing #21 - Timeline indicator component test
Просмотров 1721 день назад
Vue Unit Testing #21 - Timeline indicator component test
Vue Unit Testing #20 - Logo component test
Просмотров 4021 день назад
Vue Unit Testing #20 - Logo component test
IdeaVim | Vim in JetBrains IDE #15 - File management
Просмотров 129Месяц назад
IdeaVim | Vim in JetBrains IDE #15 - File management
IdeaVim | Vim in JetBrains IDE #14 - Moving code
Просмотров 93Месяц назад
IdeaVim | Vim in JetBrains IDE #14 - Moving code
IdeaVim | Vim in JetBrains IDE #13 - Code style
Просмотров 81Месяц назад
IdeaVim | Vim in JetBrains IDE #13 - Code style
IdeaVim | Vim in JetBrains IDE #12 - Jumping
Просмотров 100Месяц назад
IdeaVim | Vim in JetBrains IDE #12 - Jumping
IdeaVim | Vim in JetBrains IDE #11 - Editing
Просмотров 150Месяц назад
IdeaVim | Vim in JetBrains IDE #11 - Editing
IdeaVim | Vim in JetBrains IDE #10 - Refactoring
Просмотров 157Месяц назад
IdeaVim | Vim in JetBrains IDE #10 - Refactoring
amazing what a content your are providing ❤❤❤❤
amazing ❤❤❤❤❤❤
Sir please tell me how to register custon route file in laravel 11 middleware or without middleware
Great video, JetBrains should be sponsoring this series - Thanks Igor, your work here delivers true value!
animation not work
I saw in the previous videos that you use the vimium extension, I have been using it for a few weeks. You made some changes in the motion key in this video. At first, this structure was confusing for me, but now I think it is a good structure. Did you implement this structure or motion key at vimium extension! if yes, can you send the config! it's a bit confusing, two different vim motion. I know basic vim motion and also continue to learning advanced vim motion.
I didn't. I don't use Vimium a lot these days, but I'd like to. I just have to force myself 🙂 You can try to remap keys like this - stackoverflow.com/a/75937925
Thank you. It was really helpful
You are welcome!
i notice one things.. vs code related i need also theme solution..vs code not properly formatting in blade file..in format in always right side..but always holding left side also unnecessary space..it's really also biring😟😟
It sounds like a very specific problem, unfortunately I don't have a solution for that one. Maybe try different themes, see if that will fix it.
hi sir..take my salam and love🥰🤲...please make one video vs codde minimal and clean look customize with no eye harm theme..please..😔🤲
Hi there! Oh, actually, it would literally be the same setup as this one - ruclips.net/p/PLXDouhCU5r6q10ef9yXxzY4GwVpAQMvsZ Just the theme will be different.
Hello, Thanks for content. I asked question before, I think you didn't see my message! which tools or app use for window management or switching different app at Mac?
Hello, Thank you! Sorry for the delay. I had been using Magnet for a long time - magnet.crowdcafe.com/ These days, I use Raycast a lot, and it also has window management functionality - manual.raycast.com/window-management
As for switching between apps, I have assigned keyboard shortcuts in Raycast - www.raycast.com/ to quickly switch to a particular app.
@@igor_babko I have another question! I see you're Playlist about Setup Vs Code with apc++ extension, but didn't work this extension with new update Vs Code ! Do you have another solution or maybe make new video about Setup Vs Code ? Also , can you make Playlist about dev environment you use for daily use at you're work or Setup Mac or different app you use for work ! Thanks again, you're content it's really great.
I currently stay on VS Code v1.93 which is still compatible with "Apc Customize UI++" extension. I will wait, hopefully the compatibility will be fixed soon 🙏 As for making videos about dev environment, I am not sure yet, but I have plans to create videos about some of the apps for developers that I use for my daily work, such as Warp Terminal, Raycast and Arc Browser. These are just plans for now. I don't know when I will get to those yet. Currently I have some other upcoming courses planned to be recorded in the near future, specifically on Nuxt and Angular. If you are interested, here is my latest VS Code config - gist.github.com/igorbabko/c7eec47cb78f9cf1fe9e5038da62f0d8 and keybindings - gist.github.com/igorbabko/ff9480733247abbb21274467ef6f23e2
Thank you for the support, I appreciate it!
brilliant!
Thank you!
tutor in linux please
Oh, sorry, I wasn't planning to record this series on Linux. It would take me a lot of effort to set everything up. I think that VS Code setup is pretty much the same on any operating system. But there are some specifics, of course 🙂
Hello, Thanks for great content. which tools or app use for window management?
Hello! Sorry for the delay. I had been using Magnet for a long time - magnet.crowdcafe.com/ These days, I use Raycast a lot, and it also has window management functionality - manual.raycast.com/window-management
top class
Thanks 🙂
🥰🥰👍👍
Thank you!
It’s doesn’t work on my notebook, my is windows, some tip for this?
Actually latest VS Code version 1.94 isn't compatible with Apc Customize UI++ extension yet. I had to downgrade to version 1.93.
Thank you, do you know if this issue was resolved?
Unfortunately, it's not - github.com/drcika/apc-extension/issues/230
vcode v1.94 breaks support for apc extension. so if you want to keep the changes keep version 1.93. personally for me the gains from apc is infinitely more than what I would get from the latest version. I just can't bear to look at vscode without it.
Thanks for letting us know! Hopefully, compatibility will be provided soon 🙂
thanks for the info, I was scratching my head since last few days, finally it's solved. 🤦♂
Sir we need more vs code customization in windows operating system 🥰🤲
Sorry, I wasn't planning to record the VS Code series for Windows. Lots of content is already scheduled upfront. I have plans to create different lessons related to VS Code in the future, but I'll be recording them on macOS.
@@igor_babko 😢😢 so sad..but its totally different,,, not working those features or others things in windows,,, we cannot enjoying or feels it🙂
Oh, yeah, there are some specifics. I think that most of the settings will be the same regardless of the operating system.
@@igor_babko yeah..after update vs code not accepting customize ui++ setting 😐😐😔
Unfortunately - github.com/drcika/apc-extension/issues/230
Thank You!
You are welcome!
Thank you for such a great video :)
You are welcome!
I'm in the middle of the video - prefer long one than cutted parts and can actually say it is really good. After about 1/4 of video I had no problems to write my tests to next parts, and then watch your solution as explanation. Will definitely finish that one and go through Vue testing and TS migration as these series fits perfectly my current learning scope. Good job man!
Thanks for your feedback and subscription! Btw, "Vue Unit Testing" series is not fully completed yet 🙂
"apc.electron": { "opacity": 0.95, "transparent": true, "backgroundColor": "#00000000", "vibrancy": "ultra-dark", }, Is some code I used to make the background transparent, but it does not work in full screen.. you know anything to add?
Not really, I don't know if it's even possible.
Take a shot everytime he says extension !
Eagerly waiting for the React unit testing series!! Keep up the good work 😇
Thanks for subscribing! As for the "Testing React Apps" series, I can make something like this, but before that, I will probably make a React series for beginners at some point in the future where I will build a React app from scratch, just to have an application to use as an example for a series about testing React apps.
@@igor_babko that would be awesome!!
watched the whole course and can't understand why there are not so many views and no comments at all thanks for your work!
Thanks for the support! 👍
amazing video 🔥🔥, what is the font family you're using?
Thank you! I use "Dank Mono" font - philpl.gumroad.com/l/dank-mono
Thank you legend. Your video has been so helpful.
I'm glad to hear that, you are welcome!
Ty for all mappings, but some conflicts happened. <S-k> used for both duplicate lines and forward. You aware of or just random picking?
You are welcome! Yeah, you are right, I have noticed that after recording videos. 🙂 Those shortcuts should be different, of course.
Great content. I think i might have missed your video on shortcut to open file explorer what is it? and navigating the files.
+++
Thank you! To toggle sidebar visibility, I use the default shortcut, which is CMD+1 on macOS - www.jetbrains.com/help/idea/tool-windows.html#open And to navigate between files and folders in the project sidebar or between items in any list, I have assigned keyboard shortcuts: CMD + K - to go down CMD + L - to go up You can find these actions in the Keymaps section of the settings. If you search for "Up" or "Down" commands inside the Keymaps section, you can assign any shortcut to those actions.
Thank you so much! I watched the entire playlist and really enjoyed it. It was incredibly helpful, and I learned a lot of new things. In the video, you mentioned using a different tool for version control. Could you share which tool you’re using and any recommendations?
You are very welcome! Sure, I have been using GitHub Desktop for several years. It's a simple tool but has all the essential things that I need in my daily work - github.com/apps/desktop
The way this guy speaks is the most boring way possible! And confusing, at the same time! It's like someone is trying to hypnotize you. It is extremely hard to follow. Why can't you speak like normal people? I'm not talking about the accent, but the pauses between words are all in the wrong places. Who speaks like that?
I did the best I could at the time of making this video. Producing such screencasts is quite hard, at least for me, since I record video and audio separately. But I'm getting better with every new video released.
Thanks for the feedback.
Thanks bro for making this video. It was really immensely helpful for a newbie web developer like me.
I'm glad to hear that, you are welcome!
Hi thanx a lot! It helped me in understanding how to build MPA with Vue, but I have an issue, when in each page.js I try to mount vue.app it always switches to homepage no matter what I do
You are welcome! Unfortunately, I need more info to investigate what your problem is in this case.
@@igor_babko thank you for reply! I already solved the problem)
Great!
Just discovered this goldmine for developers. Please keep making such wonderful content. Thanks a lot for your efforts.
Thank you for your support! I'll try to keep it up.
Excelentes videos
Thank you!
У ТЕБЯ ЕСТЬ АНГЛО КАНАЛ ГОСПОДЬ, ТЫ РЕАЛЬНО ГЕНИЙ Ч ДАЖЕ НЕ ИСКАЛ СПЕЦИАЛЬНО
Хах, спасибо за поддержку 🙂
These days I have been learning how to use vim and your videos helped me a lot to
I'm glad to hear that!
Great playlist Igor ! Thx for sharing it I watched the whole playlist and I am really enjoying using the new VSCode Just in case, I faced some probles for the Apc UI +++ extension used later on, the problem is due to the release of the newer vscode version 1.93 that caused some conflicts Downgrading to 1.91 was the solution to make the extension work smoothly ( I am using windows ) Thx again 👌
You are welcome! Thanks for describing your case. Yeah, VS Code extensions have to keep up with VS Code updates. Apc Customize UI++ will probably be compatible soon with the newest VS Code version.
Loving the series so far, one think would be great is to show actual good vim navigation in the tool windows, navigating these is awful
Thanks! Actually, this series has already been pre-recorded, but I wonder which tool windows you are talking about.🙂
hello
Hi there
awsome course very advanced topics and important one so it will make you super without using any framework just with vanilla js
Thanks for your feedback, I appreciate it!
Я подумал что у меня уже крыша поехала, а это оказывается твой второй канал
Хахах)) да, английский канал создал намного позже)
Great man, go ahead!
Thank you!
@IgorBabko Hello In all my projects I use v-dompurify-html for security reasons. I tried to use expect(wrapper.text()).toContain(placeholder) but wrapper.text() has no characters in the console. I suppose it's harder or even imposible to test such things with v-dompurify-html. When I just type {{ placeholder }} in my option in select the test passes. Have you got any experience using that library and got similar problems?
Hi there, to be honest, I haven't fully understood your problem, I have never used v-dompurify-html 🙂 If you'd like, you can explain your use case a little more.
@@igor_babko Sure v-dompurify-html is "safe" replacement for the v-html directive so the html code is sanitized before before being interpreted. But the data i want to pass with this directive is not available, but fortunately i figure this out. I add directive to global which is: wrapper = mount(YourComponent, { global: { directives: { 'dompurify-html': {} } } }); And now the tests are passing :)
Cool, I'm glad that you have found the solution!
Now, I am watching this tutorial to learn. And if you release a new series or a second part of this course, I would be thrilled to watch it. Your explanations are clear, and your teaching style is fantastic. If you continue the series, it would be great to see more focus on topics like vite.config.js settings, library mode, output configurations, and developing a library of components, utils and a whole design system with best practices. I'm looking forward to see it. Thanks.
Haha, that's quite a lot of material you have mentioned, definitely will even be enough for several courses. Just to clarify for others, you are talking about "Builds with Vite" course that is already on this channel. Firstly, I'd like to thank you for the support! I appreciate it! I'm not planning to release the second part of this course yet, or at least not in the near future. But I may cover some of those topics you have mentioned in separate playlists at some point.
@@igor_babko I will wait for them. Thanks
We'll see how it will go, plans might change along the way.
There quite a lots of advance suff you can do with indeavim and intellij based ides. I hope you will cover them as well as these will immensely help the beginners who is just starting out with ideavim. When I started out I had to figure stuff out from ideavim repository discussions and their shared ideavimrc.
I'll be trying to cover everything I know about IdeaVim. Probably I don't use all feature set, but mostly use those things that make me productive. I will share all that in this playlist 🙂
That's cool! Keep going 😀 I've been struggling with the registers behavior a lot as well.
Thanks for the support!
If you release a new series or a second part of this course, I would be thrilled to watch it. Your explanations are clear, and your teaching style is fantastic. If you continue the series, it would be great to see more focus on topics like vite.config.js settings, library mode, output configurations, and developing a library of components, utils and a whole design system with best practices. I'm looking forward to see it!
Haha, that's quite a lot of material you have mentioned, definitely will even be enough for several courses. Firstly, I'd like to thank you for the support! I appreciate it! I'm not planning to release the second part of this course yet, or at least not in the near future. But I may cover some of those topics you have mentioned in separate playlists at some point.
titlebarstyle:"hidden " is not working what are the possible solution
Are you on Windows? I'm on macOS and currently use the following settings: { "window.titleBarStyle": "native", "apc.electron": { "titleBarStyle": "hiddenInset", } }
You can try setting frame: false, as given in the official docs. (But, it also removes the traffic lights)
its hiddenInset for mac
Yeah, "frame: false" also removes traffic lights - github.com/drcika/apc-extension?tab=readme-ov-file#frameless-title-bar
whatr browser are you using? and what app are you using to record? thanks
I use Arc Browser - arc.net , and Screenflow for screen recording (currently it's only available on macOS) - www.telestream.net/screenflow/overview.htm