-
Notifications
You must be signed in to change notification settings - Fork 0
/
SkillsRequired.html
153 lines (134 loc) · 6.77 KB
/
SkillsRequired.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="responsive.css">
<meta charset="utf-8">
<title>Web-Journey</title>
</head>
<body><div class="homepage">
<header>
<div class="heading">
<img src="heading2.jpg">
<a href="mailto: [email protected]">
<button>Contact Us</button>
</a>
</div>
<div class="menu-bar">
<table><tr>
<td><a href="index.html">Home</a></td>
<td><a href="StagesOfWebDevelopment.html">RoadMap</td></a>
<td><a href="SkillsRequired.html">Skills</td></a>
<td><a href="Tools.html">Tools</td></a>
<td><a href="GoalTracker.html">Goal Tracker</td></a>
</tr></table>
</div>
</header>
<main>
<div class="container">
<div class="main-heading">
<img src="skillsrequiredhead.jpg">
</div>
<div class="classification">
<h2>What are client-side and server-side?</h2>
<p>Client-side and server-side are web development terms that describe
where application code runs. Web developers will also refer to this
distinction as the frontend vs. the backend, although client-side/
server-side and frontend/backend aren't quite the same</p>
</div>
<table><tr>
<td><div class="end">
<h2>Front End Development</h2>
<p>The part of a website that user interacts with directly is termed as
front end. It is also referred to as the ‘client side’ of the
application. It includes everything that users experience directly:
text colors and styles, images, graphs and tables, buttons, colors,
and navigation menu. HTML, CSS, and Javascript are the languages used
for Front End development. The structure, design, behavior, and content
of everything seen on browser screen when websites, web applications,
or mobile apps are opened up, is implemented by front End developers.</p>
</div></td>
<td><div class="end">
<h2>Back End Development</h2>
<p>Backend is server side of the website. It stores and arranges data,
and also makes sure everything on the client-side of the website
works fine. It is the part of the website that you cannot see and
interact with. It is the portion of software that does not come in
direct contact with the users. The parts and characteristics developed
by backend designers are indirectly accessed by users through a front-
end application. Activities, like writing APIs, creating libraries,
and working with system components without user interfaces or even
systems of scientific programming, are also included in the backend.</p>
</div></td>
</div>
</tr></table>
<div class="languages">
<div class="language">
<h2>Common Frontend Languages</h2>
<ul>
<li><b>HTML:</b> HTML stands for Hyper Text Markup Language. It is
used to design the front end portion of web pages using markup
language. </li>
<li><b>CSS:</b> Cascading Style Sheets fondly referred to as CSS is
a simply designed language intended to simplify the process of
making web pages presentable. CSS allows you to apply styles to
web pages.</li>
<li><b>JavaScript:</b> JavaScript is a famous scripting language used
to create the magic on the sites to make the site interactive for
the user. It is used to enhancing the functionality of a website
to running cool games and web-based software.</li>
<b>Front End Frameworks and Libraries:</b>
<li><b>AngularJS:</b> AngularJs is a JavaScript open source front-end
framework that is mainly used to develop single page web applications
(SPAs). It changes the static HTML to dynamic HTML.</li>
<li><b>React.js:</b> React is a declarative, efficient, and flexible
JavaScript library for building user interfaces. ReactJS is an
open-source, component-based front end library responsible only for
the view layer of the application. </li>
<li><b>Bootstrap:</b> Bootstrap is a free and open-source tool collection
for creating responsive websites and web applications. It is the most
popular HTML, CSS, and JavaScript framework for developing responsive,
mobile-first web sites.</li>
</ul>
</div>
<div class="language">
<h2>Common Backend Languages</h2>
<ul>
<li><b>PHP:</b> PHP is a server-side scripting language designed specifically
for web development. Since PHP code executed on the server side so it is
called server-side scripting language.</li>
<li><b>C++:</b> It is a general purpose programming language and widely used
now a days for competitive programming. It is also used as backend
language.</li>
<li><b>Java:</b> Java is one of the most popular and widely used programming
language and platform. It is highly scalable. Java components are easily
available.</li>
<li><b>Python:</b> Python is a programming language that lets you work quickly
and integrate systems more efficiently.</li>
<li><b>JSP:</b> Java Server Pages is a server-side scripting language which
helps developers to create dynamic web pages based on HTML, XML or other
types.</li>
<li><b>Node.js:</b> Node.js is an open source and cross-platform runtime
environment for executing JavaScript code outside of a browser.</li>
<li><b>ASP:</b> Active Server Pages is a server-side language which is used in web
development to implement dynamic web pages. It was created by Microsoft.</li>
</ul>
</div>
<div class="intro">
<span title="“A goal is a dream with a deadline.” – Napoleon Hill
"><img src="motivational-skills.jpg"></span>
<p>Now that are aware of the skills and tools required, lets quickly
pack our bags with tools to guide us with our web development journey</p>
<div class="icon"><img src="bag.png"></div>
<a href="Tools.html"><button>Tools</button></a>
</div>
</div>
</main>
<footer>
<img src="footericon.jpg">
<div class="copyrights">
<p>© All Rights Reserved Srishti Ahuja, BVCOE, CSE(E)</p>
</div>
</footer>
</div>
</body>
</html>