Frontend-information/index.html at main · anilgorade8-star/Frontend-information · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <div class="conatiner">
        <div class="box">
            <h1>How to become a frontend devloper</h1>
            <img src="https://media.geeksforgeeks.org/wp-content/cdn-uploads/20220416200936/Top-10-Front-End-Developer-Skills-That-You-Need-in-2022.png" height="200px" width="200px" alt="frontend devepoler">

            <h2>Who is front end devloper </h2>

            <p> Builds the visible, user-facing parts of websites and applications, focusing on the interface, user experience, and interactivity using languages like HTML, CSS, and JavaScript. Their role involves creating layouts, designing visual elements like buttons and menus, and ensuring the site is responsive, accessible, and intuitive for users to interact with.</p>

             <h2>skill reqired </h2>
             <ul>
             <li>HTML</li>
             <li> CSS </li>
             <li>JavaScript</li>

             </ul>

              <h2>Step By Step frontend devloper</h2>

             <ol>
                  <li>Fist we need learn fundament of how to the web work (eg. html, css ,JavaScript)</li>
                   <li>Master html to structer your content and then learn CSS to style it effective </li>
                  <li>Build static clones of popular websites like Amazon or Zomato using only HTML and CSS </li>
                  <li>Learn JavaScript to add interactivity and creat dynamic project like a to-do list or a caculater</li>
                  <li>Get hands- on  experience with essential tool like Git or Guthub, TYpescrip and Tailwind CSS</li>
                  <Li>Finally, master a modern frame work like react to build advanced, complex project and learn how to learn fast </Li>
            </ol>

            <a href="https://www.coderarmy.in" target="_blank" ><img src=""></a>
    </div>
 </div>
</body>
</html>