Antariksh Alse
2 min readDec 4, 2020

What to learn in web as a beginner/newbie?πŸ€”πŸ€”πŸ€”

Many of us try to find a solution for web development guide as beginners and most of we end up with results HTML,CSS.

I do have end up there, but what we have to do is to know exact details or the step by step process to know what exactly to start and practice.

  • Understanding the flow of HTML and CSS : The heading h1 to h6 will follow the descending order of font sizes. While paragraph P remains the same throughout the document.The div is to combine set of headings and paragraph or just to create a different section.semantic elements are useful to easily code in the common readable language.
  • The use of css is to align and beautify the document content.So first find out what you want achive,to align paragraph/change colors/make it responsive,etc.
  • Try to find out if your using a float/margin/position elements,where the elements are actually moving with respect to what.Understanding the relation will help you to advance easily and make less mistake.eg: if you just float:right an image beside text which is down to it,wont work,it dont understand where to actually float with respect to what,it follow its default behaviour by floating with respect to body.
  • The best thing is to get the image and text inside a div and then float left or right accordingly.This way you understand the flow of the document.and will learn whats are the problem and understand the meaning of the elements and properties.
  • Then googling the terms might help. eg: align text in css , how to fit backgound in website ,etc.
  • PRACTICE .
  1. Try to copy the text from any website or just take a book and try to practices the headings and paragraphs.
  2. Now try to practice with css,try to align the document,again undestand the flow (how the document shows what you type).
  3. Try to put your resume in proper manner on web.
  4. To practice with one pager tribute website,they are best to start to progerss.
  5. now pick any website and try to copy that.(dont go for animation at first).
  6. If you completed above,then next step is to master to make it responsive ,means it should look good in mobile/pc/tablets.
  7. Then you have to go with the animation ,grids,flexbox to showcase with advance websites.
source:internet
  • Thats it with the beginning.just an important note is write down your mistakes and solution to the problems with html and css while doing making websites,in this way you will not forget what you learnt and will be useful for future refrence as well.
  • Go for mdn docs and w3schools for more recources and info,on html ,css and javascript.

Thats it for now guys!!Hope this solves your problem as a beginner.

Antariksh Alse
Antariksh Alse

Written by Antariksh Alse

0 Followers

A UI designer and developer love to design websites and apps

No responses yet