DEV Community

Cover image for Front End Development
Osika Martha
Osika Martha

Posted on

Front End Development

Everything you find on a website is designed by a front-end developer like buttons, links, animations etc. It is the job of the font-end developer to use the client's designs and ideas and implement them through codes.

To become a front-end developer you would need a few languages such as:

  • HTML

  • CSS

  • JavaScript

HTML

HTML stands for HyperText Markup Language. It is used to create the skeletal structure of a website. The HTML template looks like this:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

CSS

To style a website, you would need CSS which stands for Cascading Style Sheet. Different properties can be styled using the following syntax:

selector { property : value ; }
Enter fullscreen mode Exit fullscreen mode

Link to CSS tutorial:
https://www.w3schools.com/css/default.asp

JavaScript

JavaScript allows the user to interact with the website like when a user wants to submit a form, and an alert pops up with a message "Submitted". JavaScript offers that functionality.
An example:

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me!</button>

</body>
</html>

Enter fullscreen mode Exit fullscreen mode

To learn a full course on front-end development: Visit https://www.w3schools.com/

Top comments (0)