I commend your work. Good work. I still cannot fathom having to work on windows. What a nightmare, going through all these hoops just to get something so basic done.
hello and thank you very much for this video, however I had some ideas and I would have liked you to tell me what you think about them, I'm not sure if I could use them with the applications that I use and APIs
56:43 if you are in the part where he get the users posts with auth()->user()->posts()->latest()->get(); and you have the intelephense extension, it will trigger an error. This error is harmless and don't stop your project from running normaly. To stop this error from appearing go to the Intelephense Extension configurantion and search for the title "Diagnostics: Undefined Methods" and untick the box.
Related tip: Instead of manually adding cursors one-by-one, you can just make a selection across multiple lines, then press Shift+Alt+I to split the selection so that a cursor appears on the end of each line.
🤯🤯🤯 Thank you so much!! Although, I'm not sure if I'm using it correctly. Selecting multiple lines wasn't working for me, as I believe that will select the next occurrence and since it's multiple unique lines that won't be anywhere else in your document. However, if I select a single closing </li> tag I can then press CMD + Shift + L and it automatically selects all following occurrences and places cursor at the end; awesome! That's one of the coolest tips I've ever learned about VS Code! Is that how you utilize it?
@@LearnWebCode My bad - I must have modified the keybinding a long time ago. The feature is "Insert cursor at end of each line selected", and the default key combo is apparently Shift+Alt+I.
Being a very beginner I enjoyed your video's which are great, but even more your way of teaching. Thanks for bringing over your knowledge the way you do it.
Z.Bridge Being a very beginner I enjoyed your video's which are great, but even more your way of teaching. Thanks for bringing over your knowledge the way you do it.
hi brad. what about static blocks and the interactivity API? this new API makes total sense in dynamic blocks where the font end code already was in (render.)php. but what about static blocks where the front end is in React?
Hey, how to move whole line code up and down using command, in phpstorm we can whole line code up and down using ctrl+ { left and right } bracket key. Can we do this in VSCODE
Good question. My answer is no, you don't need to learn React before using Next, in fact, I think Next is an excellent first introduction to React. It gets you up and running in a real world setting, doing useful things immediately, and its the perfect playground to learn more about React as you go.
for the most part, i think you should. you can use vite + react and learn basic react component composition (component rendering, essential hooks like useState and useEffect etc). just don't spend time learning specific tasks in react like routing and data fetching, because nextjs provides us with powerful and opinionated tools to do such things.
On Mac you can press CMD + Shift + 4 to draw a rectangle and then press the escape key to not actually take the screenshot. Windows has a somewhat similar built in tool but it's not as instant / one click away, so I like the program called GreenShot on Windows which can be configured to be almost identical to the Mac equivalent of being one immediate keyboard shortcut away.
Hi Brad, I have an unrelated question. I noticed in your videos that you use a feature to draw a rectangle on the screen to highlight specific areas you're talking about. Could you please share the name of the app you use for this?
On Mac you can press CMD + Shift + 4 and after drawing the rectangle press the escape key to avoid actually taking the screenshot. On Windows, there's a program called GreenShot that is almost identical, and can even be configured to use whatever keyboard shortcut you want.
I've watched a lot of tutorials for Penpot, but this is the one that made things click into place for me. As a dev that mostly does backend work, and an indepth knowledge of how browsers parse CSS I've been struggling understanding the thought pattern of a designer. Thanks a lot, it's so much easier than the other tutorials made it seem.
Figma was wonderful for developers, and I'm saying this as someone who designed in Figma and then coded 100% of the designs, but they got greedy, introduced the developer mode (that integrates wonderfully with vscode but it so unaffordable for a single dev), and then got rid of the CSS properties panel when you would click on an element while using the prototype mode.
You're the main reason I have a job now cause I watched your WP, jQuery tutorials 10 or so years ago. Just wanted to drop in and say thank you. I am suprised you're still making videos till this date cause I remember you taking a hiatus some time back. Good luck and thanks a lot Brad.
Thanks for searching up the channel again and dropping in! I lost 95% of my old audience because of all the hiatus's I took from RU-vid haha; it's great to hear from you! It makes my week to hear that those old videos were helpful. Best of luck to you too!
Hi Brad, I am converting the professor callout block into new method of block using block.json, index.js, edit.js, render.php. I want to define some php functions in a separate file for that block. My folder structure is like: my-block |--block.json |--edit.js |--render.php |--my-block-functions.php when i do npm run build, only render.php is getting created in build folder, my-block-functions.php is not. so getting errors due to missing functions.What to do ?
Hi, thanks for your tutorial! `data-wp-text="state.solvedCount"` How to observe 'create-block' store's solvedCount value at view.js not at directive like this example ?
WordPress coding standards recommend NOT to close the php tag at the end of a php file. This prevents accidental whitespace or new lines after the closing tag. Just a reminder for those in the comments. It's a real time waster tracking down invisible errors caused by this.
I love this tutorial so much. It's so fun to watch. And it clearly shows me what I should do and why. Just one noob question: why install Node.js on Linux? Is it bad to use Node.js in Docker?
I'm glad the video was helpful! There's nothing wrong with using Node in Docker; for the actual environment of your app it's actually ideal to use Docker, because you can easily mimic the live/production environment that way. However, there are also many NPM tools that you'll want to run to do "local'ish things and so I always want Node available from my real command-line as well.
Brad, Are there basically “design” and “dev” “modes” like Figma? What I’m thinking is, could a designer use the kinds of tools THEY are used to to create the DESIGN and then the developer take that design and go into a “dev mode” to get access to all of the CSS features?
silly question, does interactivity api available to be used through gutenberg editor only or we could use it as developers through bricks builder even by tricky ways? or manual development without editor or builders?
I'd really love a video on how to best setup VS Code for work with PHP. What extensions, code formatter etc. I should use. My colleagues who write PHP all use PHPStorm so no tips from there 😉
Bro i feel like I'm stuck in an endless loop trying to learn the basics of JS, despite spending so many hours for over 2 months now, i feel like I'm going nowhere.. do you have any tips on what I should do to move forward? 😢
I do have a tip because I've been there myself. I'd stop trying to learn the basics or "make sure you have the technical fundamentals" down because that could be a never ending never "good enough" task. I'd focus on building a usable web app for the next month or so. But here's the important part; it can't be one from a tutorial or course, but one that is your own idea that's different from any tutorial you've seen. This way, you'll feel ownership over the project, and you'll be problem-solving solutions to your app instead of "troubleshooting tutorials" - instead of frustration you'll be building confidence. I've taken some amazing courses over the years, and they're like a road map, which is necessary, but all of my actual confidence building comes when I finish the course and go build something by myself. Keep a notes / text file where you keep track of which features you still need to build, which experiments you need to try, which bugs you need to fix, and just keep working on the project as you get time. Eventually you'll finish it, and seeing the working finished project is like physical evidence that tells imposter syndrome to be quiet; that what you know is "enough" and that you built something worthwhile with your code knowledge.
