By far the most important thing by my opinion, is how to start the work. For me this is coffee. I start zipping it behind the computer, while reading support requests, or daily tech news. Then I turn on terminal and run Gulp and I usually have a second terminal for other things. I use Sublime text, Google Chrome, SASS for CSS, GIT for version control. I use Local by flywheel and MAMP as a server solution.

It all starts with HTML and CSS. You should know both in very detail first, before moving on to javascript. 1st and 2nd week: use CodePen and create a new simple layout each day, just HTML CSS, no frameworks. You need to get the basics down, like display: block vs display: inline-block, you need to know the difference between static absolute relative and fixed position, etc.. There are a lot of great resources out there to help you. 3rd, 4th week, when HTML & CSS feels natural for you, choose a CSS framework like Bootstrap or Foundation. Go through the docs, build some more examples on CodePen. Try to extend the framework examples using custom HTML classes and custom CSS rules for those classes. Learn the grid. Pay attention to different screen resolutions. 5th + week, learn SCSS, Gulp and also Emmet. Learn how to create your own project with SCSS/Gulp and your favourite text editor (I still use Sublime). I must warn you that this is a bit opinionated advice, there are alternatives to Gulp and SCSS. Then when this feels natural, start learning JavaScript. All the knowledge from steps before, will help you greatly on your path.