-
Notifications
You must be signed in to change notification settings - Fork 0
/
hometask.html
72 lines (63 loc) · 2.24 KB
/
hometask.html
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE.html>
<hmtl>
<head>
<title>Front-end Developer</title>
</head>
<body>
<hr>
<h1 align="center"> Front-end Developer</h1>
<center>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSW_Y_ac3d9L2200ksOfT5LQadQBW19WCTJ5bzc62InkA&s"width="400px" height="400px">
</center>
<p>
<strong> Who is front-end developer</strong>
</p>
<hr>
<p><b>Frontend and backend are two modt popular terms used in web development. The frontend is what users see and interact with and the backend is how everything works.<br>
The visual aspects of the website that can be seen and experienced by users are frontend.Languages used for the frontend are HTML, CSS and JavaScript.the developer must ensure that the site is responsive i.e it appears correctly on devices of all size no part of the website should behave abnormally irrespective of the size of te screen.</b></p>
<hr>
<p><b>What technologies do we use on the frontend?</b><p>
<ul>
<li>CSS</li>
<li>SCCS</li>
<li>SASS</li>
<li>Javascript ES5-ES12</li>
<p><b>javaSpcript libraries and Frameworks</b></p>
<ul type="cirle">
<li>React.js</li>
<li>Vue.js</li>
<li>Angular</li>
</ul>
<br>
<p><b>Css Libraries and Frameworks</b></p>
<ul type="circle">
<li>Bootstrap</li>
<li>Tailwindcss</li>
<li>jQuery</li>
</ul>
</ul>
<p><b>Other tools</b></p>
<ol>
<li>Git</li>
<li>Github</li>
<li>etc...</li>
</ol>
<hr>
<a href="https://www.w3schools.com" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZ-01jVAQK6xi_pgmTcnBt0jH3t3gzbAGNq-crf_twTA&s"width="150px"height="150px"/>
</a>
<hr>
<span>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSW_Y_ac3d9L2200ksOfT5LQadQBW19WCTJ5bzc62InkA&s"width="200px" height="200px">
</span>
<span>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSW_Y_ac3d9L2200ksOfT5LQadQBW19WCTJ5bzc62InkA&s"width="200px" height="200px">
</span>
<span>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSW_Y_ac3d9L2200ksOfT5LQadQBW19WCTJ5bzc62InkA&s"width="200px" height="200px">
</span>
<span>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSW_Y_ac3d9L2200ksOfT5LQadQBW19WCTJ5bzc62InkA&s"width="200px" height="200px">
</span>
</body>
</html>