Let's start – Learn HTML and CSS for the Real World

by | Jan 29, 2021 | 0 comments

Let's start – Learn HTML and CSS for the Real World

by | Jan 29, 2021 | CSS Tips and Tricks | 0 comments



# 01 – The Fastest Way to Learn HTML & CSS for the Real World
Download Resources:
● Sublime Text
https://www.sublimetext.com/3
● Google Chrome Browser
https://www.google.com/chrome/?brand=CHBD&gclsrc=ds&gclsrc=ds
● Bootstrap
https://getbootstrap.com/
…..
What We’ll Be Building
Throughout this course we’re going to learn HTML and CSS by building out the site.
In the process of making the site you will learn everything you need to know about HTML and CSS so that you can
create any site you want.
I think you are going to be surprised at how easy it is to build great looking sites fast and hopefully you have
flashes of feeling like you have a new super power.
Tips For Course
Use these suggestions to crush this course and be building awesome sites in no time.
1. Go all the way through the course the first time following along typing in the code yourself.
2. After the first time, then go to create your own site – any type of site it doesn’t have to be the same
style and structure as the One Million Lines site – and use these videos, source codes, and other
learning materials provided in the lessons as guides
3. QUANTITY over quality. What I mean by that is to not worry about creating the perfect site, with the
perfect code and don’t worry about messing up. Instead just focus on creating sites as fast as you
can. In the process of pumping out sites you’ll find yourself doing the same actions such as adding
images or creating 3 columns as well as many others and they’ll become second nature to you over
the time.
4. Practice in shorts bursts. I don’t recommend you going through this course in its entirety in one
sitting. Instead spread out the learning over a couple days with hour long sessions to keep you
excited and wanting more. During those hours sessions create breaks and break up the 1-2 hours
into short bursts. Use e.ggtimer to set a timer and practice in 20 minute bursts with 5 minute breaks
afterwards.
5. I can’t stress this enough, but repetition, repetition, repetition. Keep creating, keep building sites
and it will be second-nature in no time.
6. Code snippets will be included in lessons so you can easily copy and paste or type the code. If
you’re ever having trouble getting the code to work or look the same in your browser as it does in
the lesson you can always find the zipped source code for that file at the bottom of each lessons
page. Click on the link to download, unzip the file, and you will have all the files as they should be at
the end of that video.

source

0 Comments

Submit a Comment

What Our Clients Are Saying

Juju Hair Lounge

Great class! Not only was it very informative but it was also really entertaining! I can't wait to apply everything...

Leah

Dieno Digital Marketing Services
5
2018-07-09T03:06:21+00:00

Leah

Great class! Not only was it very informative but it was also really entertaining! I can't wait to apply everything I've learned to our Facebook business page!

Uniglobe Travel – Western Canada

I enjoyed the workshop, we covered a broad range of topics in a short space of time, but I appreciated...

Ciara

Dieno Digital Marketing Services
5
2018-07-10T03:22:20+00:00

Ciara

I enjoyed the workshop, we covered a broad range of topics in a short space of time, but I appreciated that there was some concrete, actionable advice given as well!

North Burnaby Boxing Club

Thanks so much for all the great work you have done in developing our website Leland!

Manny, North Burnaby Boxing Club

Dieno Digital Marketing Services
5
2018-04-27T01:06:02+00:00

Manny, North Burnaby Boxing Club

Thanks so much for all the great work you have done in developing our website Leland!

JB Consulting

Leland built us a great site at a great price. We can’t say enough about how pleasant it was dealing...

Dave, JB Consulting

Dieno Digital Marketing Services
5
2018-04-27T01:06:57+00:00

Dave, JB Consulting

Leland built us a great site at a great price. We can’t say enough about how pleasant it was dealing with him!
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>