Skip to main content

Featured Post

Need your input

Hello there, This is a survey for my UX design project , where I need to design an website for ordering custom printed T shirts. To begin the process I need to conduct interviews about the project, If you are willing to be a part of my UX design journey and interested to share your thoughts, Kindly will the form to share thoughts, Your input means a lot. And share with the people who are interested to share their thoughts. If you are available please fill the form. I guarantee it will be fun activity,  Link to form:    https://forms.gle/potVXeUByvUUeKph7

How to learn HTML and CSS in 2021 ?

 Let's understand what is a website:



           According to Google, the words first website was created on August 6, 1996 made by Tim Berners-Lee. Here's the first website take a look. This website explains little about World Wide Web. This was created using HTML. All the sites that you are using is created by various languages. Let's start with very basic. Hang tight!!! 

First step:

         When you are interested to create a website and but don't know how to start? Here's my experience to share how I learned HTML and CSS. The first thing before starting, you should have some requirements 
  • A laptop or PC
  • A Text editor (like notepad, Atom, Sublime)
  • An internet connection
  • A Scribbling pad to take some notes
The text editor is a place where you are writing your code, generally all Laptop and PC has an inbuilt text editor called Notepad. This good if you are creating a small site. But nowadays there are many text editors were created for users. In that way Atom text editor is my favorite  because I haven't used any other text editors. You can select your text editor which is comfortable for you. 

Text Editors:
  • Sublime Text
  • VSCode, 
  • TextMate,
  • Atom,
  • UltraEdit,
  • Vim, 
  • Brackets 
  • CoffeeCup
Try any of the text editors.

 Start learn:

         In 2021, there are many ways to learn HTML and CSS, you can learn by enrolling in some paid course,  free course, some websites and some YouTube tutorial videos.  You can learn in any of this method. But one method is common for all (i.e) you should note down everything that you have learned because it really helps you in future. This helps during your project works. So do not hesitate to note down the thing.

I started learning HTML with the help of "www.w3school.com" this is a website. You can learn almost everything about HTML and it is in simple English, you can learn quickly and with many practice programs. And my 2nd tool is "codedamn" , here you can learn HTML video tutorials and you can find many like these in YouTube with your regional languages. This will help you to understand how every single line of code works on a website.

Once you started learning the HTML, let's replicate some of the simple websites, Really by doing this you will know how you are coding a site. This will help to know more about your level in HTML. Try to start with some simple and basic websites or try to create on your own. Now this point you will get some idea about how html works. Next upgrade by learning CSS.

CSS:

If HTML is a skeleton of  a website, CSS is like a skin of a website. Learning CSS is very easy and simple if you have a little knowledge in HTML, it is easy to learn, use the same method like in learning HTML. But it has lots of chapters to learn from beginner to advance, and you can learn it (It is not a rocket science).  Now it's time to replicate some websites using both HTML and CSS. Here is the websites to replicate

ACT:  

"Practice makes the man prefect" as the quote says you should practice more and more in creating a website. I practice by replicating the sites.  And final message is Practice until you become a PRO. 

LEARN ---> APPLY

Here is my responsive portfolio website:  https://bit.ly/3wob3qK , It may give a motivation to start up, And remember "It's never late to start".

If this post really helps you please enter in the comment (The comment section is free:))

Comments

Post a Comment