Scribd
Upload
41 views

Web Technology

The document is an internship seminar presentation on full stack web development. It defines full stack development as the development of both the front end and back end portions of a web application. It then discusses technologies used for front end development like HTML, CSS, JavaScript, and frameworks like AngularJS and ReactJS. It also covers back end development technologies like PHP, C++, Java, Python and frameworks like Express and Django. The presentation concludes that good web design is essential for user experience and business success.

Uploaded by

Arun kumar K Arun
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
41 views

Web Technology

The document is an internship seminar presentation on full stack web development. It defines full stack development as the development of both the front end and back end portions of a web application. It then discusses technologies used for front end development like HTML, CSS, JavaScript, and frameworks like AngularJS and ReactJS. It also covers back end development technologies like PHP, C++, Java, Python and frameworks like Express and Django. The presentation concludes that good web design is essential for user experience and business success.

Uploaded by

Arun kumar K Arun
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 16

VISVESVARAYA TECHNOLOGICAL UNIVERSITY

BELAGAVI-590018, KARNATAKA

INTERNSHIP SEMINAR ON
“
“FULL STACK WEB DEVELOPMENT

Under the guidance of Presented by


MR. VIJAY ANAND.H.M Arun Kumar.K
BE,M.tech [1CC19IS003]
DR.SMCE
TABLE OF CONTENTS
> Defination
>Technology
>Front end
>Front end frameworks and
libraries
>Back end
>Back end frameworks
>Database
>Conclusion
ABOUT COMPANY
TAKE IT SMART (OPC) PVT.LTD is an Indian based
engineering and Software Company headquartered
in Bangalore, Karnataka, India. It is both product
and service oriented software company. All
offices employ an experienced team of
professionals, with an outstanding track record of
handling complex web & Apps development
projects.
 Full stack development: It refers to the development of both
front end(client side) and back end(server side) portions of web
application.

 Full stack web Developers: Full stack web developers have


the ability to design complete web application and websites. They
work on the frontend, backend, database and debugging of web
application or websites.
 F RO N T E N D D E V E L O P M E N T

B A C K E N D D E V E L O P M E N T

 DATABASE
 It is the 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 application or website.
 Front end Languages:
 HTML: It is used to design the front end portion of web pages using markup
language. Hypertext defines the link between the web pages. The markup
language is used to define the text documentation within tag which defines the
structure of web pages
 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.
More importantly, CSS enables you to do this independent of the HTML that
makes up each web page.

 JavaScript: 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.
 AngularJS: is a JavaScript open source front-end framework that is mainly
used to develop single page web applications(SPAs). It is a continuously
growing and expanding framework which provides better ways for developing
web applications. It changes the static HTML to dynamic HTML.
 React.js: 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.
 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 JavaScript framework for developing responsive, mobile-first web sites.
 jQuery: is an open source JavaScript library that simplifies the interactions between an
HTML/CSS document, jQuery simplifies HTML document traversing and manipulation,
browser event handling, DOM , Ajax interactions, and cross-browser JavaScript development.
 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.
 The back end portion is built by using some libraries, frameworks, and
languages which are discussed below:
 PHP: PHP is a server-side scripting language designed specifically for web
development. Since, PHP code executed on server side so it is called server side
scripting language.
• C++ It is a general purpose programming language and widely used now a days for

competitive programming. It is also used as backend language.

• Java: Java is one of the most popular and widely used programming language and

platform. It is highly scalable. Java components are easily available.

• Python: Python is a programming language that lets you work quickly and integrate

systems more efficiently.

• JavaScript: JavaScript can be used as both (front end and back end) programming

languages.
• The list of back end frameworks are: Express, Django, Rails,
Laravel, Spring etc.
• The other back end program/scripting languages are:
C#, Ruby, REST, GO etc.
 Other Important Points:
• Structuring the data in efficient way.
• Handle request-response of APIs for storing and retrieve data.
• Security of data is important.
 Note: JavaScript is essential for all stacks as it is dominant
technology on Web.
DATABASE
 Database is the collection of data which helps in efficient retrieval, insertion and
deletion of data from database and organizes the data in the form of tables, views,
schemas, reports etc.
• Oracle: Oracle database is the collection of data which is treated as a unit. The

purpose of this database is to store and retrieve information related to the query. It is
a database server and used to manages information.
• MongoDB: MongoDB, the most popular NoSQL database, is an open source
document-oriented database. The term ‘NoSQL’ means ‘non-relational’. It means
that MongoDB isn’t based on the table-like relational database
• structure but provides an altogether different mechanism for
storage and retrieval of data.
• Sql: Structured Query Language is a standard Database
language which is used to create, maintain and retrieve the relational database.
CONCLUSION
In today’s Web development, a good page design is essential. A
bad design will lead to the loss of visitors and that can lead to a
loss of business. In general, a good page layout has to satisfy the
basic elements of a good page design.
This includes color contrast, text organization, font selection,
style of a page, page size, graphics used, and consistency. In
order to create a well-designed page for a specific audience.

You might also like