How can I learn HTML CSS 1

HTML & CSS Learning - The Ultimate Guide

Learning the markup languages ​​HTML & CSS today has become a lot easier. Nobody has to spend money or read boring books that are ineffective and usually out of date on the day of publication. In this blog entry I would like to show you how easy it is to learn HTML & Co - not just the basics. This entry is primarily aimed at beginners, but I am sure that advanced users can also benefit from this post.

The sources I have cited contain almost exclusively English-language tutorials (instructions) in the form of videos and texts. Since English is represented far more than German, the number of English-language tutorials for prospective developers is much larger and, in my experience, significantly more qualitative. Basic knowledge of English should be sufficient in most cases.

The developer's tool

The editor

As a budding developer, you need a program or an editor in which you can create websites or applications. There are many editors and I've got to know many over the years. I would like to spare you a list of editors at this point, as I can only recommend one: Sublime Text 2.


Sublime Text 2 - The Editor

Sublime Text 2 is an absolutely flexible editor that can be adapted almost limitlessly to your needs. So-called plugins (extensions) allow you to simplify and accelerate the work with the editor. Thanks to the growing popularity of Sublime Text 2, the number of plugins is also growing steadily. You should still wait before installing plugins. In the beginning, you should focus more on learning HTML & CSS than on setting up extensions.

Another great advantage of this editor is that you can download it as a portable version. This means that you can do your work on another PC with the usual editor.

If you want to know how to properly set up and optimize this editor, you should check out my tutorial!

The browser

When you start building websites, you will find relatively quickly that a single browser is not enough for testing. Browsers like to cook their own soup and present their work in different ways. I therefore recommend the Google Chrome browser to start with. This was not created exclusively for end users, but also offers some advantages for developers.

Google Chrome has implemented a comprehensive developer tool on its own. This tool can be accessed using the F12 key. You can find out what is fantastic about it in the video Chrome Dev Tools Reloaded published by Google Developers, which becomes more understandable as soon as you have familiarized yourself a little with the subject of HTML & CSS.

Sources for learning

If the editor is installed, you will need learning material. I only recommend the Internet as a source of learning material. The internet is full of free and good instructions that allow you to learn HTML & CSS quickly and easily. Most tutorial sites offer the option of subscribing to tutorials via RSS. If you don't yet have a program that allows you to receive RSS feeds, I recommend Feedly. - endless tutorials

Tuts + is Envato's network for tutorials on a wide range of topics, such as: B. Web design, web programming, Photoshop, app programming, etc. The creators of the tutorials are rewarded for their work. As a result, these tutorials are of a high standard.


30 days to learn HTML & CSS

The pages Webdesigntuts + and Nettuts + are interesting for you to learn HTML5 & CSS3. I recommend the tutorials from Jeffrey Way, the programming guru of Tuts +, for a reason. Jeffrey Way's “30 Days to Learn HTML & CSS” tutorial series should start if you want to understand how websites are created. He speaks clear, slow, and accent-free English in his videos. Basically, you should watch this tutorial step by step, although you should not necessarily watch only one video a day. It is possible to work through several of the individual tutorial sections one after the other or even to do all of them in one day.

Other sources

With the tutorials from Tuts + you should certainly be well served to get started. I can also recommend the following pages to refine or deepen the above basics:

Google is your friend. There is hardly a topic on the Internet that is explained and described as comprehensively as the Internet itself. You should use the following search terms to get to other sources of information:

  • HTML CSS tutorials
  • Web design tutorials
  • Learn HTML CSS

Always pay attention to the creation date of the page found. Avoid paying attention to outdated pages.

HELP! - Who can help me?

Unfortunately, but completely inevitable, you as a budding developer will find yourself in the situation that you will not get a problem solved and you will no longer know what to do next. Most of the time, Google proves to be of great help. You will certainly not run into a problem that has not already been addressed and solved in the vastness of the Internet.

If you can't find help in German, try to describe your concern in English. The developer community in English is significantly larger. Accordingly, more bugs were produced and resolved by English speaking developers.

If, in exceptional cases, Google cannot provide a helpful answer, I recommend that you visit forums that deal with HTML & CSS or web development. I recommend that you observe the forum rules and use the forum search function before you post a post that may already exist. Under these circumstances, there may be no reaction or your post will be deleted without comment.

Providers of tutorials in the form of a blog entry often offer you the opportunity to leave comments. If you get stuck with a tutorial, you should make use of the comment function.

Exercise, exercise, exercise ...

Once you have understood the principles of HTML & CSS, you should practice a lot in order to become routine. Create websites for yourself, your family, or your houseplant. I recommend websites purely as another way of learning optically to recreate.