Optimize your web development workflow Part 1: Browser auto refresh on saving the code

In this tutorial I will show you how you can enhance your web development process by automate some of the tasks that you do during your coding.

We will use gulp and browser-sync to automate the refreshing of the browser. When coding, a lot of times we save the files and go back to browser, refresh it to see the changes. Using this workflow you remove this barrier.

[kimnguyen]

thank you so much!!!! you explained this so well and saved me from endless pain and time wasting.

[parvvee]

+codify to the point, very helpful playlist that really helped me understand gulp ... you really helped me learn something new, interesting and something i could make use of to make my life easy.. Thank you very much.. I mean it. :)

[ziedchekir]

thaks for this awesome video but im having an issue when i type gulp browserSync in the terminal it says that that browserSync task isnt in your gulpfilejs

[prepre]

Hi,

Quick question how would I go about re-opening a project just cd into the directory and run glup install / watch? I am also assuming I can get this to watch for changes on a live server.

Thanks for the amazing lesson.

[albertgalvez]

Thanks, very helpful. In your opinion, what's better; Sublime or Atom? I can't decide. :)

[tharakakarunarathne]

When I type gulp browserSync, it opens up my sublime text. Please help.

[convertization]

error with me Cannot GET / anyone have resolve

[kimnguyen]

thank you so much!!!! you explained this so well and saved me from endless pain and time wasting.