Front-end web development
{{Short description|Graphical user interface development}}
{{Software development process}}
Front-end web development is the development of the graphical user interface of a website through the use of HTML, CSS, and JavaScript so users can view and interact with that website.{{cite web|language=en
|url=https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer
|title=Front-end web developer
|author=MDN
|date=2020-05-02
|access-date=2022-07-04
|website=Mozilla Developer
|url=https://www.w3schools.com/whatis/
|title=Web Development Roadmaps
|author=Refsnes Data
|date=1999-07-04
|access-date=2022-07-04
|website=w3schools
|url=https://www.w3schools.com/howto/howto_blog_become_frontenddev.asp
|title=How To Become a Front-End Developer
|author=Refsnes Data
|date=1999-07-04
|access-date=2022-07-04
|website=w3schools
|url=https://courses.w3schools.com/programs/front-end
|title=Front end development
|author=Refsnes Data
|date=1999-07-04
|access-date=2022-07-04
|website=w3schools
}}
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.{{cite web|url=https://www.theguardian.com/help/insideguardian/2009/sep/28/blogpost|title=What is front-end development?|first=Ivan|last=Codesido|date=28 September 2009|access-date=17 January 2019|website=Theguardian.com}}
=HyperText Markup Language=
{{Main article|HTML|Markup language}}
HyperText Markup Language (HTML) is the modern standard for displaying and structuring web content across the internet.{{Cite web |title=HTML Standard |url=https://html.spec.whatwg.org/multipage/ |access-date=2024-09-30 |website=html.spec.whatwg.org}} HTML defines what elements will be displayed on a website, and how they will be arranged. All major web browsers are designed to interpret HTML, and most modern websites serve HTML to the user.{{Cite web |date=2024-08-02 |title=The web and web standards - Learn web development {{!}} MDN |url=https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards |access-date=2024-09-30 |website=developer.mozilla.org |language=en-US}} Hypertext is text displayed on a computer with references to other text, these references (or links,) are termed "hyperlinks." When an internet user interacts with a hyperlinked item, the website serves the user the linked data. This data can be another HTML web-page, JavaScript, or anything else. The latest major release of HTML is HTML5, originally published on October 28, 2014 as a W3C recommendation.{{Cite web |date=October 28, 2014 |title=HTML5 |url=https://www.w3.org/TR/2018/SPSD-html5-20180327/ |access-date=September 30, 2024 |website=w3}}{{Cite web |title=Web Standards |url=https://www.w3.org/standards/ |access-date=2024-09-30 |website=W3C |language=en}}
=Cascading Style Sheets=
{{Main article|CSS}}
Cascading Style Sheets (CSS) control the presentation and style of a website. CSS uses a cascading system to resolve style conflicts by applying style rules based on specificity, inheritance, and importance. Media queries allow for adjustments to the site's layout and appearance depending on factors such as screen size and resolution. CSS can be applied in three ways: external stylesheets linked in an HTML file, internal