Web Development Tools I use for Developing WordPress Websites - How To Build a Website & Workflow

In this video, I'm going to introduce you to the web development tools I use for developing WordPress Websites.

I use Git, Gulp, Sass, WordPress, MAMP, Atom Text Editor and more to ensure my web dev workflow is productive.

Code Snippets:

This is part of my WordPress Theme and Plugin Design and Development Tutorial Playlist.

While some of the tools i use are more advanced, it's best to learn them as soon as possible since they can save you a significant amount of time when working on your web design and development projects.

Time is money and these free tools can save you a lot of time and help make you more money.

This is how to build a website with a Streamlined workflow.

Subscribe to the channel and check out my Patreon Page.

Support the channel by:

Domain Name & Hosting

Premium WordPress Theme

$99 off Realtors IDX Setup Fee

Don't forget to Subscribe and follow us @

[KarinaStavenes]

This video is excellent on so many levels. You really tied it all together and helped make sense of the WordPress documentation and web design books I've been reading, because you actually showed how to set up a proper development environment, explained which tools we'd need, and why. Earlier today, I saw the video on how you started and was really inspired by your story. While working at a F/T job and needing a website for your real estate work, you decided to learn to do it on your own after being told what it cost. Yet here you are today, not only an accomplished full-stack developer but also offering help to other real estate agents to become website owners. You're amazing, Sir! That's a lot like how I got started, working F/T in something entirely else, wanting a side gig, but blown away at the unaffordable price (for me at least) of having someone build my website, I too decided to build my own. When I saw how easy it was, I decided to build websites for others, but in order to offer better features and services, I started learning all I could so as to become a full-stack developer, not just a front-end one. Thank you for your great videos, guidance and inspiration. I look forward to future videos and wish you all the best!

[emmalawrence]

Thank you! I'm only part-way through the video (and am not using MAMP so not following to the letter) but am happy that I have finally, finally! got git going. Your walk through of git-bash makes so much sense I now wonder why I didn't get it before. I'm working on a few websites for people and not having fully understood git and having good version control was stressing me out. Now that's all sorted. Phew!

[TanvirAnwar]

Excellent Tutorial I have ever seen. Long time I have been waiting such a tutorial like this. Thank you so much.

[abed-almajeedmansour]

Thank you very much :))) I learned a lot from this tutorial, and I will keep tracking you tutorials for advanced topics

[dstruction]

I had an error when trying to compile sass. I think it's because the gulpfile.js is set to work with Firefox.
After a quick google search I changed some values in gulpfile.js and in and it worked.
Also thank you very much for this informative tutorial!

[pratamaSVD]

precise and clear explanation, great job

[gergemall]

Excellent tutorial and resources. Thank you so much.

[bens_corner]

thanks sir.
please make more videos about web development.

[ladywebber]

Thank you so much...this has help so much

[habibelmaazagomez]

Great tutorial! GG!
Also I think Laravel valet (localhost dev server) and WP CLI would be nice additions to this workflow ;) *

*for mac devs...

[BigMic]

Shame on you for stopping me from getting a cup of freshly brewed coffee... and I'm not even at this exact level as of yet... shoot, damn near watched the entire thing before I got up. IJS

[sentayehuseyoum]

this is great tutorial.what is the link to go in for advanced development.thanks

[Andrea-lfjq]

Looking to start learning the ins and out of Wordpress, and work towards freelancing once I've gotten a grasp of it. I was wondering if anyone would know of what PixemWeb video I should start watching first, would it be the ones from the Wordpress for beginners playlist?? I know html, css and js for the moment . Thanks

[johannschuster]

Thanks for the awesome advice to set up such a project! Is there a video where you build on this lesson by any chance?

[jonathancarter]

Great Vid. thanks! When I download, unzip and paste the theme from underscores, it doesn't show in my Word Press Dashboard. Any ideas?

[BMikel]

great tutorial. Could you give a clue how to set up SASS in gulpfile instead of SCSS? thanx

[kerryruddock]

The tutorial was little fast for me, but when I slowed it down I was able to absorb it better. A couple of questions: I currently use Atom as my file editor with the SASS auto-compile package ... if I install gulp-sass via NPM would you recommend that I uninstall SASS auto-compile? Secondly, what is this require(), I am a neophyte when in comes to working with js-node and npm modules. Can you share any resources that might me understand what you are doing with require()?

[unrealdimension]

18:21 how can you come up with those lines below "devDependencies"?

[majaliwawilfred]

Hi, great tutorial. Challenge is I'm having trouble creating the node_modules folder with the "npm install --save-dev gulp".
command on Ubuntu, Linux. Any suggestions? Thanks

[jt]

Really good video. Auto-update your browser window is not working. I am using Mac El Captian and I am using Mamp Pro to setup my wordpress sites in HOME Directory/Sites/
When I run gulp and start making changes to the styles.scss file, I do not see any change update in the Mac Terminal. Can you help, as I am stuck at this point of the video (26:40) Nothing happens. Do I need to change anything in the gulpfile? For example the section of //Name of working theme folder. Also what is srcjs/, as I cannot see it in the folder directory? Many thanks. Josh