How to Create a Website - Complete workflow | Part 02: The Markup #HTML

I've had a few people asking me about my workflow, so I'm going to show you ALL the steps I take in coding a website, from the initial setup of Github, to creating the project folders and all that fun stuff, through to putting it live on the net!

In this video, I start off by creating a branch in GitHub, write all of my HTML, and then merge my branch back in once it's all finished. This video sets the stage for the fun stuff to come!

---

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

---

If you have your own channel, check out Chillhop for some awesome music.

[ToxsickTV]

Hey Kevin, Thank you so much for making these tutorials. You make it seem so easy to follow along and explain things very well. Currently a graphic designer the past 5 years but am starting to get more into coding. I've tried learning before but with your videos and way of teaching i really feel like i am learning more. One question, Do you take looks at subscribers codepens at all ? Also a video on flexbox in the future would be awesome. Thanks again for all the effort you put in to teach us and make such great content. Looking forward to the next part of this series.

[gregorydickison]

Thanks for doing this, Kevin. Hearing you think out loud about your decisions and then explaining why you make choices is really helpful.

[benufo]

Ah yes! all sorted! Realised I had the .css file mislabelled in the head tags of the HTML file. Onwards! thanks so much for responding on a Saturday night!

[Andy-prbe]

Thank you for all of the tips you share, they are really valueable

[apporvaarya]

kevin, you are such an inspiration to me. The website designing has become such a fun and more interesting since i have subscribed your channel. The way you teach, think and code along, there is always something to learn from you. keep up the good work .thanx kevin!!

[junioriuscc]

Kevin, thanks you very much for your lovely channel! I saw almost all your videos and its my bible to study for my beginner position in webdesign. Thanks you a lot!
And one question please - what is magic trick with you summon all markups with one strike ?? Like in 20:12 time ? I try type with many combination with enter but without success. How i can make it please ? Just maybe i dont have enough mana in atom app...

[wgtx]

Hi Kevin,
I don't know if you are aware of it, but there's also a shortcut in Emmet, ! + TAB, that will automatically complete the html file with the basic stuff, including the meta tags. Hope it helps :D

[eloyguides]

This is really good and awesome tutorial, can you please make also a tutorial on how that website being uploaded on a live site? using all of that features?

[DavidNitzscheBell]

Have you considered updating this process to use CSS Grid Layout and Flex in a more appropriate manner?

[raghuu]

I am new to HTML and everything I have been learning from says to only use ONE h1 tag per page. You start each div/section with an h1. Just wondering why!

[CriscoJack]

"But let's write it out from scratch"

>emmet intensifies

[vietle]

How do you clone multiple lines in Atom at 9:21 wiht I do same in atom and nothing happen, is that need a plugin or change in atom's configuration ? thanks.

[natashacordova-diba]

How is the Appilicous template displayed given the jpg and html folders in the img folder? Did I miss something?

[DavidNitzscheBell]

only primary navigation should use <nav> tags? What!? Not according to the spec....

[dklvch]

Great videos man, your work inspired me! Here's my subscribe!

[oZoooMx]

Hey Kevin, I was wondering where you get your logos and images? Loving the channel BTW, just found it the other day.

[SC-zmns]

hi kevin possible a quick video about best plugin atom ? :)

[rafin_rahman]

Nice tutorial, just wondering how do you auto complete the line like .container.grid ?

[hotmandead]

Where can one get more information about which
meta tags to include in a webpage ?

Thanks

[jamescho]

What html autocompleter are you using in this video? I can't seem to get the same auto complete when you type in e.g) ul>li*5>a