Coder's Ground

How to get started towards becoming an expert UI Developer?

What are some important points to focus on, to get started as a UI Developer?

As a UI developer initially need creative, sense of understanding and the ability to do things simpler and yet quicker.

The above three things vary with people and time taken by them and also need a lot of patience. start of basic we should know HTML, CSS, and Javascript, also knowledge of Photoshop after you have a good grasp of these things you can move forward and discover others such as the latest Jquery, SVG.

Basic steps:-

  • First of all, observe everything from the website today to day things you need to see how people interact with others with the help of websites.
  • Secant, build logic you need to develop a logical flow of how something will happen.
  • Third, learn a tittle about graphics.
  • Fourth, you will have to learn CSS, HTML, and Javascript.
  • Fifth thing, you should learn how it will work and keep practicing.

Editor required for web development:-

  • Notepad++
  • Komodo Edit (Windows, Mac, Linux)
  • KompoZer (Windows, Mac, Linux)

Notepad++ - Wikipedia      www.filehippofile.com/wp-content/uploads/2018/1...        Fichier:Logo kompozer.svg

You can download the above editor it’s open-source and free for everyone.

 

Examples:-

HTML code

 

<html> 
<header><title>This is title</title></header>
<body> <p>Hello world</p> 
</body>
</html>

 Output:- Hello world

 

According to the example, we can see some see tags <html>, <header>, <body>  tags are also known as an element of HTML  here HTML stands for hypertext mark up language most of the element is a combination of opening and closing brackets but some of the elements are not required any kind of closing brackets like <br>,<hr>,<img>, etc.

CSS Code:-

In this example all <p> elements will be center-aligned, with a red text color:

 

p {
color: red;
text-align: center;
}
CSS have three types
  • Internal or embedded ⁠— add <style> tag in the <head> section of HTML document.
  • External ⁠— link the HTML sheet to a separate. CSS file.
  • Inline ⁠— apply CSS rules for specific elements.

we can link external CSS  using <link> tag or element.

Surabhi Singh

You may also like

1 Comment

  1. […] Also read:How to get started towards becoming an expert UI Developer? […]

Leave a reply

Your email address will not be published. Required fields are marked *