- 13
- 18 100
HowToDev
Romania
เข้าร่วมเมื่อ 4 ก.พ. 2007
I've been a web developer for more than 17 years and during my career, on countless occasions i've been in in the situation of learning new things in this ecosystem in order to solve the issues o was facing. I've also been teaching newcomers the ins and outs of this complex topics trying to help them go through the steep learning curve of becoming a web developer. I decided to start making videos on programming topics in order to help everyone wanting to take this path have a easier way of gaining that all wanted coding experience. I will be covering subjects from setting up your environment to complex coding topics and everything in between. Join me in this venture by subscribing to my channel and let's see how easy it is!
Nextjs 14 - The Basics
Join me in this in-depth walkthrough where I guide you through the process of building a Next Js Blog. This video format was inspired by @Fireship and would like to give credit where credit is due. I really enjoy their content and i hope one day i will be atleast as good as they are in making programming content
Github Repo:
github.com/St0rKy/nextjs14basics
To Download Membership by PluginsCorner:
FREE: wordpress.org/plugins/pluco-membership/ or pluginscorner.com/free-registration/
PRO Version: pluginscorner.com/pluco-membership/#pricing
*Install Wordpress with Docker*
th-cam.com/video/i2_ujLTpW8w/w-d-xo.html
*How Hooks Work*
th-cam.com/video/W-cFEwcVm3o/w-d-xo.html
Chapters:
00:00:00 Intro
Thank you for watching. Any feedback is greatly appreciated. Don't forget to like and subscribe if you like this content.
Github Repo:
github.com/St0rKy/nextjs14basics
To Download Membership by PluginsCorner:
FREE: wordpress.org/plugins/pluco-membership/ or pluginscorner.com/free-registration/
PRO Version: pluginscorner.com/pluco-membership/#pricing
*Install Wordpress with Docker*
th-cam.com/video/i2_ujLTpW8w/w-d-xo.html
*How Hooks Work*
th-cam.com/video/W-cFEwcVm3o/w-d-xo.html
Chapters:
00:00:00 Intro
Thank you for watching. Any feedback is greatly appreciated. Don't forget to like and subscribe if you like this content.
มุมมอง: 271
วีดีโอ
React Controlled Inputs: Full Step-by-Step Tutorial #10
มุมมอง 7311 หลายเดือนก่อน
Join me in this in-depth walkthrough where I guide you through the process of building reusable React input components. In this session, we'll leverage the power of Materialize CSS to add a touch of style to our forms. I'll break down each step, explaining the logic and implementation behind creating these components from scratch. By the end of the video, you'll have a solid understanding of ho...
Exploring WordPress's REST API Explained! Unleashing the Full Potential of RESTful Integration #9
มุมมอง 23611 หลายเดือนก่อน
Dive into the world of WordPress development as we explore the power and flexibility of API controllers. In this comprehensive tutorial, I guide you through the intricacies of leveraging WordPress API controllers to unlock the full potential of RESTful integration. Learn how to seamlessly interact with your WordPress site, manage data, and create dynamic, data-driven applications. Whether you'r...
Wordpress Hooks (Actions & Filters) Explained
มุมมอง 7Kปีที่แล้ว
Learn what hooks are and how to use them with real examples To Download Membership by PluginsCorner: FREE: wordpress.org/plugins/pluco-membership/ or pluginscorner.com/free-registration/ PRO Version: pluginscorner.com/pluco-membership/#pricing *Installing Wordpress with Docker:* th-cam.com/video/i2_ujLTpW8w/w-d-xo.html *Get Started with Theme Development (Playlist):* th-cam.com/video/0fOG3tg1nX...
Wordpress with React Create Theme Options -Theme Development Tutorial (2023) #8
มุมมอง 1.9Kปีที่แล้ว
Using wordpress with react is not that hard. Learn how to create your wordpress theme options using webpack and react To Download Membership by PluginsCorner: FREE: wordpress.org/plugins/pluco-membership/ or pluginscorner.com/free-registration/ PRO Version: pluginscorner.com/pluco-membership/#pricing *Get Started with Theme Development:* th-cam.com/video/0fOG3tg1nXE/w-d-xo.html Chapters: 00:00:...
Adding Styles & Scripts The CORRECT Way in Wordpress (In Depth)-Theme Development Tutorial (2023) #7
มุมมอง 4732 ปีที่แล้ว
Scripts and styles are the most important within a theme, and THIS is how you do it correctly ! *Get Started with Theme Development:* th-cam.com/video/0fOG3tg1nXE/w-d-xo.html Chapters: 00:00 Intro 00:27 One of the WRONG Ways 01:46 Setting up wp_head() and wp_footer() 02:33 Set up OOP Code 03:25 Creating Folders 03:53 Creating Initialization Class 08:41 Creating Abstract Init Class 26:39 Creatin...
Pages & Posts Template Creation For Beginners (In Depth) - Wordpress Theme Development (2023) #6
มุมมอง 3332 ปีที่แล้ว
We can now see content ... YAY. *Get Started with Theme Development:* th-cam.com/video/0fOG3tg1nXE/w-d-xo.html *Setting up webpack* th-cam.com/video/JvkxOqQR334/w-d-xo.html Chapters: 00:00 Intro 00:20 Adding the HTML 02:25 Splitting into files 03:27 Adding Header & Footer Back 05:12 Adding "The Loop" 18:30 Applying Content to pages and posts too 23:09 Outro Thank you for watching. Any feedback ...
MINIMIZE your SCRIPTS & Styles With Webpack & BrowserSync - Wordpress Theme Development (2023) #5
มุมมอง 9452 ปีที่แล้ว
Never hit refresh again when working on your theme. Once you set up webpack you will have everything minimised and watched *Get Started with Theme Development:* th-cam.com/video/0fOG3tg1nXE/w-d-xo.html Chapters: 00:00 Intro 00:45 Install Node JS 01:30 Create package.json and add packages 10:47 Run npm install 12:44 Create webpack.config.js and add configuration 28:11 Run webpack watcher 31:42 T...
Getting Started With your Wordpress THEME - Wordpress Theme Development (2023) #4
มุมมอง 1K2 ปีที่แล้ว
This video tackles the creation of a theme. The main files are the focus point. In the next video we will discus about webpack and how to make all your files watched so you don't have to refresh your browser every time you work *How to install Wordpress with Docker:* th-cam.com/video/i2_ujLTpW8w/w-d-xo.html *How to install phpMyAdmin and WP-CLI with Docker:* th-cam.com/video/UhWbYJpx5a8/w-d-xo....
Auto Import Your Wordpress Database Locally - Wordpress Theme Development (2023) #3
มุมมอง 6172 ปีที่แล้ว
In this video i will show you guys how to make docker automatically install your database on your Wordpress Docker install. I also discus about git and github's basics *How to install Wordpress with Docker:* th-cam.com/video/i2_ujLTpW8w/w-d-xo.html *How to install phpMyAdmin and WP-CLI with Docker:* th-cam.com/video/UhWbYJpx5a8/w-d-xo.html *Github Repository:* github.com/howtodevyoutube/create-...
Set-Up phpMyAdmin & WPCLI on localhost - Wordpress Theme Development (2023) #2
มุมมอง 9312 ปีที่แล้ว
In this video i will show you guys how to install phpMyAdmin & wpcli on your Wordpress Docker install. Using docker you can easily change your versions and redeploy your environment especially when testing your code. *How to install Wordpress with Docker:* th-cam.com/video/i2_ujLTpW8w/w-d-xo.html *Github Repository:* github.com/howtodevyoutube/create-ecommerce-website-in-wordpress/tree/master/#...
Install Wordpress on localhost (2023) - Wordpress Theme Development (Docker) #1
มุมมอง 4.1K2 ปีที่แล้ว
In this video i will show you guys how to install Wordpress on your local machine using docker. XAMPP/WAMP and other stacks are cumbersome to work with when developing for multiple versions of software like PHP/Wordpress/Apache/Nginx. Using docker you can easily change your versions and redeploy your environment especially when testing your code. *Docker Documentation:* docs.docker.com/get-star...
helpfull
Very helpful video, thank you!
liked the video, please less animated camera movement. sure it looks fancy but it's very distracting from your useful words. thank you.
So basically. You have make a new theme in react. The origianal wordpress site theme is no longer used
🔥 Awesome tutorial @howtodev
Thank you! You teach very well!🙌
🎊 "PromoSM"
Love your WordPress tutorials! 🙌 As a PHP dev, eager to learn WP development from scratch. Could you please share your email or LinkedIn?
Your WordPress tutorials are fantastic! 🚀 As a PHP developer, I'm eager to learn WordPress development from scratch, focusing on coding rather than frontend design. Could you please create tutorials tailored for aspiring developers like me who want to start from the basics and learn everything from scratch? Your expertise would be invaluable. Thank you! 💻
Great video! But please upload more WordPress-related videos! 🥰
for sure i will upload more videos regarding wordpress too
Hey! Just wanted to drop a note - I'm a beginner and have picked up HTML, CSS, and the basics of WordPress. Your videos are awesome, way better than the 90%+ on TH-cam that only focus on installing plugins. Keep it up!🤗
Hey bro, long-time subscriber! What do you think about this video in 2024? Also, any plans for a new WordPress series covering the latest updates and features?😀
not a bad idea to be honest, i will try that to at some point.
Could you, by any chance, share a detailed and advanced tutorial on optimizing WordPress website speed when you have some free time? Specifically, aiming for a 90%+ Google Page Speed score and successfully passing Core Web Vitals. Thanks!
i will try
@@howToDev Wow, your support means the world to me🙏! I'm 20 and trying to kickstart my career-it's been a real challenge. My personal life is a mess, and I come from a very poor family. I don't have any income source right now, and I feel completely lost. But I'm trying my hardest-I've been putting in the work and learning web development. Just finished up with HTML, CSS, and the basics of WordPress. I wanted to learn WordPress Speed Optimization because I am getting some projects related to that. Anyway, thanks again for being so awesome!🥺Love from India🇮🇳☺
@@thebilalafsar keep it up and learn as much as you can, it will get better i promise and you will also get to great projects in a year or two if you keep it up. Don't give up, i'll try to post as much as i can based on the free time i've got
Could you please create a course on Wordpress plugin development!
yes i was planning on doing this by creating a booking plugin for you guys
@@howToDev Thanks man. Will be waiting patiently. You are a great teacher.
Hello. Not saving pictures
maybe a typo ?
I checked the code several times and didn't find any errors.@@howToDev
Привет. Зашел на github там нет кода нового видео. Хотел проверить и сравнить свой код
what a great explanation, you can simplify subjects, you are good, thank you :)
Привет, спасибо что продолжаешь, не важно будешь ты завершать проект с интернет магазином или нет, главное не останавливайся.
Glad to see you back!!!
thank you, hopefully, to stay 😀
Finally! After 9 months, you uploaded a video! 😃Anyway, I'm a total WordPress noob, just got the basics down, but I wanna go pro! I want to learn advanced stuff like WordPress hooks, functions, speed optimization, plugin, and theme development, and all the troubleshooting tricks. I'm on a mission to kickstart my freelancing career. Can you hook us up with a course covering beginner to advanced levels in WordPress, starting from scratch? I'm a student from a really poor family, just trying to learn WordPress to hustle on freelancing platforms like Fiverr and Upwork and give my career a boost in the web development field. Anyway, lots of love from India!❤
Keep following along and i will continue doing videos for beginners for theme development and plugin development. I can't recommend any resources because that's the exact reason i started this channel. There aren't many knoweledgable developers doing in depth tutorials. In general what you find regarding Wordpress is just installing and using plugins which is not really teaching you anything
@@howToDev Exactly! Most tutorials on TH-cam focus on either installing plugins or teaching to use Elementor and other page builders. I'm interested in advanced stuff like learning about custom theme and plugin development, website speed optimization, security, API, and Core Web Vitals, among other things. I'm already your subscriber and am always ready to support you. You are a great developer. Oh, and if you're up for it, how about the next tutorial on Core Web Vitals and ramping up website speed to hit that 90+ on Google Page Speed score? That would be epic! P.S. - Just a heads up, the video quality needs a boost. Any chance you could switch to recording in full HD instead of 360p? Thanks a bunch in advance!
@@thebilalafsar the video is 4K but you were too quick into watching it :) and youtube is still processing the HD and 4K qualitie. At this point there's still about 70mins until the HD version is available and 80 mins until the 4k version. Regarding Page Speed i may do a video on this but i still have to familiarize myself better with these as i usually don't do these optimizations for my clients, these are usually done by whoever does the marketing and as a developer you only have to minimize your assets as much as you can.
@@howToDev Oh, got it! Thanks for the quick heads-up! I'll keep an eye out for the HD and 4K versions when they're ready. No rush on my end. Totally get the deal with Page Speed. If you ever dive into it, I'm sure it'll be super insightful. Appreciate the insider info about the development side of things - always good to know! Looking forward to whatever you've got coming next. Cheers!
Best Channel. Keep up the good work and we will keep supporting
Thank you
I am a newbie and I find it so difficult searching for answers in the wordpress doc 🥹🥹
Hey bro! I'm a total WordPress noob, just got the basics down, but I wanna go pro! I'm all about diving into advanced stuff like WordPress hooks, functions, speed optimization, plugin, and theme development, and all the troubleshooting tricks. I'm on a mission to kickstart my freelancing career. Can you hook us up with a course covering beginner to advanced levels in WordPress, starting from scratch? I'm a student from a really poor family, just trying to learn WordPress to hustle on freelancing platforms like Fiverr and Upwork and give my career a boost in the web development field. Anyway, lots of love from India! 🇮🇳❤
that what i am trying to do here but i had little time to do so. will try and continue the next few weeks. Tell me what you guys would like to learn and i promise i'll do my best to do videos on it
Hello. When should we expect the project to continue or not? ↑↑↑
i would love to but unfortunately at this moment i'm very involved in my work and have very little time for the channel, i was also expecting a bit more reach from youtube to get more subscribers but it just didn;t happen. I'll do it as soon as i get some time
Very helpful video for someone trying to understand WordPress hooks! Thank you!👍
Hello. Tell me, when will the project of creating an e-commerce site on Wordpress continue?👍👍👍
hopefully the next few weeks
For me those callback its look like a helper function or something like that in other programing lang like rust, python, js, go, i dont know why it need to create add_action(name, callback name), instead of calling directly those helper, without complicating passing a fn to another fn as a arg, i guess in php fn is not first class so thats why you cannot pass it directly as a arg instead a string and then will find that fn and invoke it, maybe im new to wordpress and php in general
it is a callback function but that action is done at a certain point of execution. On plugins and themes which you bought for example you cannot change the source code because at your first update your changes will br overwritten ... hence ... hooks. The plugin owner leaves a do_action with all the parameters needed and if you want as the user to vhange that functionality you just add_action in your subtheme and execute your changes without losing them on any update
How we can migrate all files from the wp-content folder to our docker? I try to open a project from live on my local docker containers and my project contains many folders outside from the theme folder.
wp content files are held in src in your local project which are synced to the container but only the themes plugins and uploads, anything else is ignored in this setup. you can modify your docker compose file to sync everything else too
Ok thx, one more question any idea why images is not loaded from docker server from the upload folder?@@howToDev localhost/wp-content/uploads/2021/01/Wohnwand-Interliving-aus-Holz-in-Grau-.jpg i am trying to get from localhost URL and it's 404.
$ docker exec wpcli wp search-replace "//localhost" "//hotel.local" --all-tables --export=/var/www/html/migrations/database.sql Error: Unable to open export file "C:/Program Files/Git/var/www/html/migrations/database.sql" for writing: fopen(C:/Program Files/Git/var/www/html/migrations/database.sql): Failed to open stream: No such file or directory. I Have an error in Windows any suggestions? Seems on Windows it runs differently and I don't know where I must change a path.
Answer is: First need to enter to container with the command: docker exec -it wpcli bash next run replace command: wp search-replace "//localhost" "//hotel.local" --all-tables --export=/var/www/html/migrations/database.sql
Why not using composer.json and psr4 ? And how about lint all code in project scss, js , php, html inside php ?
because in wordpress usually people have very cheap servers also the repository has limitations regarding the size of the plugins and themes and using dependencies with composer would add a lot of overhead in this regard
regarding the linters you first need to learn how to do anproject and then start linnting, this is ment for people who have limited knoweledge and adding linters at this point would just add an extra level of complexity which is not desired when learning. I use linters within phpstorm if you look at my videos as my files get autoformated but i did not mention this in any of the videos because as you can see everything is in depth and not just casual showing people what i can do
Why not Vite ?
because you already have your project served by docker and already have a webserver set up for the php backend, why would you serve the frontend with Vite and backend with docker with apache ? All is needed is minification and obsfucation in this case
it worked for me as described .. thank you very much
Most welcome
Thank you so much , i am doing wordpress developing for 2 years , you are the first one who clear my confusion between action and filter hook , Thanks again sir
You're most welcome.
Thank you very much for this, it was really helpful ;D
You're welcome, hopefully my other videos will also help you with what you're working on
Hello. Please tell me, will the sequel be released soon?
hello, i will try
Good. Thank you, we will be waiting. I really want to finish the project.@@howToDev
yeah, but why can't you just do any of this anyway, with php, js, jquery and ajax? what's with ur hookers, filters and actions mang
php does not have any hooks implemented within it, nor javascript ot jquery. Hooks are points of execution when something cannot be changed at the source
Hi. Please tell me how I can configure php-pug in Webpack?
i never worked with php-pug so i couldn't tell you
@@howToDevI completed 8 videos. When will the continuation of the project be completed? We wait ! Thanks for your work
Nice video... Will be great if you give the GitHub link for the config file.. so that we can practice..
Thank you, finally someone who can explain
Thank you for you kind reply
finally works for me. Thank you buddy
You're welcome
Everything works great! Great job! but what's the point of using wordpress and react together? I am new to the web
because it's better to have more structured code rahter than writing the code vanilla style. Also React has the Virtual DOM advantage which makes it faster, Components are easier to use when writing repetitive code and you don't have to do any garbage collection on events because react takes care of it
Thank you!!
Most Welcome
Wow, amazing JOB THANK YOU !!!
Thank you too!
I tried to use your yml file but faceing an error Error establishing a database connection
Probably the user and password you set did not match check them
docker created its own db and everything related to db for me! .. please check the yaml file
thanks for creating this video on webpack and browsersync 👍 By the way, I would be interested in watching more of your videos on wordpress theme development!
Thank you, welcome to the development club
Great series so far. Having an issue where I can't add pages to the menus that were created. The menus show up in the list but when I go to add a page the spinning icon of doom shows up and it just sits there. When I change to another theme it works fine.
i will have a look at the code and see, we may have added some scripts to that page by mistake
@@howToDev any chance you could push the updated code to the repo? It hasn't been updated since video 4 of the series.
@@RoborobsComputers sure, i saw no traffic on it so i decided not to push anymore but i will update it if you guys want it
@@howToDev That would be awesome! Thank you. It comes in handy to have the actual code to compare to when writing my own. Some things like the end of lines aren't always shown in the videos.
@@RoborobsComputers i will reply here once i commit the code
Can you push the updated code to your repo??
Man, got your video in my feed today only, It's wonderful. Topics and Videos I have been looking for for a while. Subscribed. thanks for the videos :)
Welcome aboard! hopefully you enjoy all the content
Woow. great work as always! This is immaculate tutorial! Keep it up! Please upload more! One quick question, can I use different frontend here other than react? or any frontend that support jsx only?
you can use any js you want, vanilla, react, vue, backbone, angular etc but for vue and angular you would need to set up webpack to recognize their files