Front-end

What the user see

The front-end developers work on what the user can see for exemple they design and construct the user experience elements on the web page or app including buttons, menus, pages, links, graphics and more. 

Per fare ciò, il programmatore front-end utilizza tre linguaggi fondamentali:

  • HTML;
  • CSS;
  • JavaScript.

    • Il linguaggio html e css non sono dei linguaggi di programmazione, bensì dei linguaggi markup, da cui deriva il nome HTML (Hyper Text Marker Lenguage). Un linguaggio di markup è un sistema per annotare un documento in modo sintatticamente distinguibile dal testo. A contrario dell'HTML e del CSS, JavaScript è un vero e proprio linguaggio di programmazione e serve per rendere dinamico il sito web.


    Sito web design

    Adesso andiamo a vedere a livello di codice, la grafica di un sito web basilare

    
<DOCKTYPE html>
<html>
	
	<head>
		<title>Home</title>
	</head>
	<body>
		<header id="header">
			<h1 id="logo"><a href="index.html">Home</a></h1>
			<nav id="nav">
				<ul>
					<li><a>Home</a></li>
					<li><a>Back-end</a></li>
					<li><a>Front-end</a></li>
				</ul>
			</nav>
		</header>
		<h1>ciao</h1>
		<footer>
			<p>copyright</p>
		</footer>
	</body>

	<style>
		body{
			background-color: white;
		}
		header{
			background-color: black;
			color: white;
		}
		h1{
			color:black;
		}
		footer{
			background-color: black;
			color: white;
			text-align: center;
		}
	</style>
</html>