Industrial Training Seminar

on
“Full Stack Web Development”
Presented By:
Aryan Khandelwal
20EJCIT032
IT/Btech Vth sem/A

Submitted To:
Ms. Kusum Yadav
Industrial Training
Coordinator, IT
 Contents

1. Introduction/Abstract

2. Company/Organization details

3. Certificate

4. Technology Name-Detailed Description

5. Overview of Tools Used

6. Project Description

7. Screenshots of Project

8. Conclusion

9. Future Scope

10. References
 Introduction

Web Development is the work involved in developing a website for the

internet (world wide web) or an intranet (a private network) .
Full stack development : It refers to the development of both front end
(client side) and back end (server side) portion of web application.
Front end : It is a visible part of website or web application which is
responsible for user experience . The user directly interacts with the front
end portion of the web applicaton or website .
Front end language : HTML , CSS , Javascript
Frameworks : AngularJs , React.js , Bootstrap , jQuery ,
 Introduction


Back end : It refers to the server-side development of web
application or website with a primary focus on how the website
works. It is responsible for managing the database through queries
and APIs by client-side commands.

Languages : PHP , C++ , Java , Python , JavaScript , Node.js .

Framework : Express , Django , Rails , Laravel , Spring etc.
 Organization Details

Technoglobe is a Flagship of VSM Infotech which is a Government of

Rajasthan registered & ISO 9001:2008 certified offshore Software
Development & IT Training and Placement Company established in
2001. We are the same company that has driven TATA-CMC & also
HCL Learning Ltd in Jaipur from year 2005 to 2016. Technoglobe is
authorized partner of HPE (Hewlett Packard Enterprise), MICROSOFT,
ADOBE, AUTODESK, COMPTIA, IIJT-TEAMLEASE &
MONSTER.COM.
Certificate
 Technology Name

A Full Stack Web Developer is a person who can develop both client
and server software .
In addition to mastering HTML and CSS , he/she also know how to :
1 . Program a Browser .
2 . Program a Server .
3 . Program a Database .
I have used HTML , CSS ,JavaScript
Frameworks : Bootstrap . (Front-end)
For back-end : Django.
DataBase : MySQL.
 Technology Description

HTML :
•
HTML stands for Hyper Text Markup Langauge .
•
HTML was designed in 1990 by Tim Berners-Lee .
•
It is used to design Web pages using a markup language .
•
A markup language is used to define the text document within the
tag which defines the structure of web pages .
 Description

CSS :
•
CSS stand for Cascading Style Sheets .
•
CSS is used to apply styles to web pages .
•
Reason for using this is to simplify the process of making web pages
presentable .
•
It increase the standards and overall look of website .
 Description

Javascript :
•
JavaScript is the world most popular lightweight , interpreted
compiled programming language .
•
JavaScript was designed by Brendan Eich in 1995 .
•
JavaScript is used to enhancing the functionality of a website to
running cool games and web-based software .
•
JavaScript is a Case sensitive language .
 Description

Bootstrap :
•
Bootstrap is a free and open-source tool collection for creating
responsive websites and web applications.
•
It is the most popular HTML , CSS and JS framework for developing
responsive , mobile-first websites .
•
Bootstrap also gives you the ability to easily create responsive
designs.

-NC
 Description
Django:
•
Django REST framework is a powerful and flexible
toolkit for building Web APIs.
Django was created in the fall of 2003, when the web programmers at
the Lawrence Journal-World newspaper, Adrian Holovaty and Simon
Willison, began using Python to build Web applications.

•
Its user authentication system provides a secure way to manage user
accounts and passwords. Sites Using Django are Instagram , Pinterest ,
Mozilla
 Overview of Tool Used

Visual Studio Code

•
Visual Studio code is a source-code editor made by Microsoft for
Window , línux , and MacOs.
•
Feature include support for debugging , syntax highlighting ,
intelligent code completion , snippets , code refactoring , and
embedded Git . Users can change the theme, keyboard shortcut,
preferences, and install extensions that add additional functionality .

C
 Project Description

Portfolio Website
•
A portfolio is a systematic collection of student work that
represents student activities, accomplishments, and
achievements over a specific period of time in one or more
areas of the curriculum,
•
In this project I can write a Blog and showcase my Projects.
•
you need a portfolio website to showcase your work.
•
A website portfolio will help you stand out from the crowd, show your
uniqueness, build trust, and make sure that others can actually find
you.
Screenshots of project
Home Page
Screenshots

Work Page
 Screenshot

Contact me page
Screenshot
About Me page
Screenshot
Blog Page
Screenshot
Footer
 Conclusion

Working on this project give me opportunity to express myself

creatively on the internet .
Web development is always a great choice for somebody ready to have
an exciting career in code .
The purpose and objective of web development project is achieved . By
providing extremely rich graphical user interface . Flexibility in
designing makes user explore their imagination and thus, even a novice
user can dream and accomplish their wish of web page designing.
 Future Scope

•
A web developer is someone who turns designs into websites. Web
development involves encoding a client’s or product team’s
requirement through human language and decoding it to a computer
system through different programming languages.
•
Being said that, the future of web development is nowhere in the
dark, as every industry segment requires a website to take its
products or services online, and web development plays an important
role here.
•
Businesses around the globe are in constant search of professionals
who can build outstanding websites for their online presence because
the team of web developers and web designers can blend their
technical skills and designing skills with all-new frameworks, tools,
and advancements to create an attractive website for them.
 Reference


https://www.thapatechnical.com

https://www.w3schools.com

https://www.geeksforgeeks.org

https://technoglobe.co.in/
THANK YOU