Front-end Web Design

Front-end Web Design is a style of web design and programming that focuses on the visual style, layout, and directly interactive parts of a website. The majority of websites on the internet use both front-end and back-end web design to operate. Somebody who programs websites professionally using front-end web design are called front-end developers.
It is the development of the website through the use of HTML, CSS, and JavaScript so users can view and interact with that website.
==Tools used for front-end development==
There are several tools and platforms, such as WordPress, Joomla, and Drupal, available that can be used to develop the front end of a website.
===HTML (HyperText Markup Language)===
HyperText Markup Language (HTML) is the markup language and web document of any website development process. Hypertext means that text has links, termed hyperlinks, embedded in it. When a user clicks on a word or a phrase that has a hyperlink, it will bring another web-page. A markup language indicates text can be turned into images, tables, links, and other representations. 
The HTML code provides an overall framework of how the site will look. HTML was developed by Tim Berners-Lee, who used it in order to launch a web page with the info.cern.ch domain. The latest version of HTML is called HTML5 and was published on October 28, 2014 by the W3C recommendation. This version contains new and efficient ways of handling elements such as video and audio files.
===CSS (Cascading Style Sheets)===
CSS is a style sheet programming language that is mainly used in HTML documents and other such design languages to style and modify the appearance. 
CSS is used for modifying colors, shadows, layout, and order. It does this by maintaining style sheets that sit on top of other style rules and are triggered based on other inputs, such as device screen size and resolution. The CSS can be added either externally, internally, or embedded in the HTML tags.About CSS - Abed, Sudad (2019) (PDF Document)
===JavaScript===
JavaScript is an event-based imperative programming language, as opposed to HTML's declarative language model, that is used to transform a static HTML page into a dynamic interface. JavaScript code can use the Document Object Model (DOM), provided by the HTML standard, to manipulate a web page in response to events, like user input.
==Goals for development==
The developer of the front end keeps these points in mind, utilizing available tools and techniques to reach this end.
===Accessibility===
With continuing development for mobile devices, such as smart phones and tablets, designers need to ensure that their site comes up correctly in browsers on all devices. This can be done by creating a responsive web design using stylesheets in CSS.
===Performance===
Performance goals are chiefly concerned with render time, manipulating the HTML, CSS, and JavaScript to ensure that the site opens up quickly.
===Speedy development===
This technology enables speedy development and saves time.
==References==
Category:Web design