Learn Sass, HTML & CSS for Free on MarkSheet

Web development can be intimidating for a complete beginner. There are plenty of free articles and videos to help you learn but they all vary in quality and level of detail.

That’s why MarkSheet is such a valuable resource. This remarkable website teaches HTML, CSS, and basic Sass from scratch, starting from the basics of the Internet and the world wide web.

Every guide is packed with information and the content is surprisingly up-to-date. Plus, the site is beautifully well-designed, easy to read, and provides a quality experience for anyone hoping to learn the ropes of coding a website.

The homepage lists a full table of contents broken down into four sections with varying lessons:

  1. Web Introduction (3 lessons)
  2. HTML5 (13 lessons)
  3. CSS3 (29 lessons)
  4. Sass (5 lessons)

Within each lesson, you’ll find tips, code snippets, and guidance to help you understand the contents. Some lessons are quick while others are a bit longer.

The best part of this guide is that it teaches these concepts with the aim of helping everyone learn the right way.

As you follow along in a step-by-step progression, you’ll slowly understand why websites are built using block & inline elements, or why certain CSS properties have specific values.

Scrolling through these lessons you’ll also find hash symbols on the left side of the page. These are jump links that you can bookmark to revisit a section later. They also work like chapter markers in case you have to stop in the middle of a lesson.

MarkSheet HTML chapter learnMarkSheet HTML chapter learn

MarkSheet is 100% free and will remain free forever. The creator Jeremy Thomas also has MarkSheet video tutorials scheduled for the future.

So if you’ve been trying to learn frontend development and don’t know where to start I cast my vote for MarkSheet. It’s incredibly easy to read and it should help you understand the philosophies behind coding a structurally-sound webpage.

Source: http://www.hongkiat.com/blog/marksheet-learn-html-css/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s