1. FULL-STACK
WEBDEVELOPMENT
S u m m e r Tr a in in g o n
P r e s e n te d b y
Bhukya Shivaji
U19EC153
In te r n a l G u id e
Shri. Golak Santra
Assistant Professor, DECE
E xte r n a l G u id e
David Miller
HRManager,BWS
Departmentof Electronics Engineering
Sardar Vallabhbhai National Institute OfTechnology, Surat
2. BWSWasestablishedin 2018by apassionateteamof freelancersprimarily asaWeb
Development companyon the principles of high standards,ethics,and genuinecustomer
serviceand sincethen wehaveprovided boost to manysmall and big businessesand gained
their trustswithrepetitive projectorders. Our Headquarter islocatedin Indiana (USA)and
another officein NewDelhi (India). Our moto isto makehealthyrelations withour clientsand
webelievethat blessingactually works.
About Company
Business Web Solutions
3. FullStack
Development:
Itrefers to the development of both
front end(client sideand
backend(server side)portions of web
application.
Full stack web developers:
Full stackwebdevelopers have the
ability to design complete web
applications and websites
4. Frontend vs Backend
Frontend refers to the client-side of
the application.
Itis a part of the website thatusers
can see andThe essentials of
frontend
development include CSS,HTML,
and JavaScript. interactwith.
Ittypically includes everything that
attributes to the visual aspects of
websites.
Itforms the basis of what users can
touch and experience on their web
browsers.
Backend refers to the server-side of
the application.
Itconstitutes everything that
happens behind thescenes.
Itgenerally includes a web server
that communicates with the
database to serve requests thatthe
frontend presents.
Itis the brain of the website and is
never visible to the end-users.
The essentials of backend
development include Ruby,Python,
Java, .NET,etc.
5. FRONT-END
The part of the website that the user interacts directlyis termed asfront
end. It isalso referred to asthe 'client side' of the application.
HTML standsforHyperTextMarkup Language.It
isused todesign thefrontend portion ofweb
pages using markup language. Itacts as a
skeleton forawebsite since itisused tomakethe
structureofawebsite.
<!DOCTYPE html>
<html>
<head>
<title>Page
</head>
<body>
<h1>This
6. CascadingStyleSheetsfondlyreferredtoasCSS
isasimplydesigned language intendedto
simplifytheprocessofmakingweb pages
presentable.Itisused tostyleourwebsite.
<html>
<head>
<style>
p{
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>These paragraphs are styled
with CSS.</p>
</body>
</html>
CSS3 has managed to set a new touchstone in the development speed. Now
many parts of its functionality are included what used to require a combo of CSS
and Javascript. So, time is saved in the course of production, loading and lastly
towards the end product.
Without using CSS,it is very typical thing for web designers to lay out their pages
with techniques like HTML tables that obstruct accessibility for the vision-
impaired users
7. JavaScript is commonly used for creating web
pages.Itallows ustoadd dynamicbehaviortothe
webpage andadd special effectstothewebpage.
On websites, it is mainly used for validation
purposes.JavaScripthelps ustoexecutecomplex
actions andalsoenablestheinteraction ofwebsites
withvisitors.
// the hello world
console.log('Hello
// the
alert("Hello,
8. BACK-END
Thebackend of awebapplication isan enabler for afrontend experience. An application’s
frontend maybe the most beautifully crafted web page, but if the application itself doesn’t work,
the application will be afailure.
Node J
S
:
Node.js (Node) isan open sourcedevelopment platform for executingJavaScriptcode
server-side.
Thereisamajor misconceptionthat Node canonly be used in the backendbut, Node
canbe used in both frontend and backend.
API(ApplicationProgramming Interface):
AnAPIisessentiallyasetof rules that dictatehowtwomachinestalkto eachother. Almostall the socialmedia
platforms usemultiple API’sfor auser to interactwithdata availablein the server of the platform. AnAPI’s
defined communication protocol iswhatenables developersto build, connect,and integrate applications
quickly.
9. PROJECT
This is the Home Page of My Portfolio Website, which features
a carousel effect with three images that slide at all times.
The key components I utilised in creating my portfolio are HTML to provide the website structure.
Bootstrap, an HTML,CSS,and JavaScriptframework,played asignificantrole in the site's
designand responsiveness.
CSSfor certainsimplestylingsthat are only complicatedwhenutilisingthe bootstrap
framework.
JavaScriptto aid the Bootstrap frameworkand improve the site'sfunctionality and
responsiveness.
11. CONCLUSION
FullStackWeb Development isan evolving technologyand the developers are readily
exploring itspotential of creatingrobust websiteand applications.
With full stackdevelopers, you havethe opportunity to unravel all the complexitiesof your
nextsoftwaredevelopment project.
12. REFERENCES
1H. Božikovićand M. Štula,"Web design— Past,present and future," 2019 41st International Convention on Information and
Communication Technology, Electronics and Microelectronics(MIPRO), 2018,pp. 1476-1481,doi: 10.23919/MIPRO.2018.8400266.
2Office for National Statistics,Internet usersin the UK:2017.Retrieved September
26,2017,fromhttps://www.ons.gov.uk/businessindustryandtrade/itandinternetindustry/ bulletins/internetusers/
2017.
3S.S.N. Challapalli, P
.Kaushik,S.Suman,B.D. Shivahare,V
.Bibhu and A.D. Gupta, "Web Development and performance
comparison of Web Development Technologiesin Node.js and Python," 2021InternationalConferenceon Technological
Advancementsand Innovations (ICTAI),2021,pp. 303-307, doi: 10.1109/ICTAI53825.2021.9673464
4K.Lei,Y
.Ma and Z.Tan,"PerformanceComparison and Evaluationof Web Development Technologiesin PHP
,Python, and
Node.js," 2018IEEE17th International Conferenceon Computational Scienceand Engineering, 2014,pp. 661- 668,doi:
10.1109/CSE.2014.142
5V
.Okanovic, "Web applicationdevelopment withcomponent frameworks,"201637th International Convention on Information
and CommunicationTechnology, Electronicsand Microelectronics(MIPRO), 2014,pp. 889-892, doi: 10.1109/MIPRO.2014.6859693