Front end Development

front end html,css and js

Basically, Front end Web Development is the process of converting data to graphical interface for user to interact with the data through digital interaction using HTML, CSS or Javascript.

There are several tools for developing front end (wordpress, magento etc) of a website. Understanding which tools are best fit for the specific sites/tasks marks the difference between an average site and a well designed scalable site. Let us see the brief description of HTML, CSS and Javascript.

Hypertext Mark-up Language (HTML)

front end html

HTML was developed by Tim Berners Lee. It is the most used, most basic and the backbone of any web development process without which a web page does not exist. Hypertext means that hyperlinks are embedded in it. When a user clicks on a word or a phrase consisting of the hyperlink it opens a new webpage defining about the word or the phrase. A markup language means that the text can be changed into images, tables, links and other representations. Here, HTML code provides an overall framework on how the web page will look. The newest version of HTML is known as HTML5 and it was published on 2014. This version of HTML is more efficient version because it provides more efficient ways of handling images and videos.

Cascading Style-sheet (CSS)

Front end css

Cascading Style Sheet (CSS) is a language that describes style of a HTML webpage. It controls the presentation and gives the site a unique look. CSS does this by maintaining the style sheets of a webpage. Similarly, it describes how HTML elements are to be displayed on the screen and in other media platforms. It is triggered based on other inputs such as screen size and the resolution of the device. The cascading name comes from the specified priority scheme. It determines which style rule applies if more than one rule matches a particular element where this cascading priority scheme is predictable. Furthermore, CSS can save a lot of work as it controls the layout of number of webpages all at once.

JavaScript

javascript front endJavaScript (JS) is known as the programming language of HTML and the Web. It is one of the most important core technologies of the World Wide Web alongside HTML and CSS. Majority of the website run through the JavaScript engine. Similarly, it is also an event based imperative programming language. Besides, it is used to change static HTML page into a dynamic one. Document Object Model can be used by JavaScript, provided by the HTML, to manipulate webpage in response to events. JavaScript can change HTML content, HTML attribute values and HTML styles. It is a multi-paradigm language. It has APIs working with text, arrays and regular expressions.
People consider that Java and JavaScript are same because of the language name and syntax. Although there are similarities between them Java and JavaScript are completely different, it differs greatly in design. Therefore, no one should be mistaken about Java and JavaScript.

 

Basics to be a Front end developer

Skills for front end developer

First of all, to be a front end developer first we need to know what/who is a front end developer? Front end developer is the one who codes websites using HTML, CSS and JavaScript discussed above. They’re the one who develop and design a website that works.There are some terms that a person needs to be familiar with before starting Front end development. So, some of the basic skills required to be a Front end developer are :

1. HTML/CSS

2. JavaScript/jQuery

3. CSS and JavaScript frameworks

4. Responsive Design

5. Testing and Debugging

6. Browser Developer Tools

Hence, with the basic knowledge of the skills listed anyone can start front end development. But to master it, requires a lot of practice also much time is needed to improve the basic skills to advanced skills.