1. ,,
THE OXFORD COLLEGE OF ENGINEERING
Department Of Master Of Computer Application
“An Internship Presentation on”
FULL STACK WEB DEVELOPMENT
Under the guidance of:
Prof. Liya Naiju PUJA KUMARI
1OX22MC097
Master of computer Application
2. Internship details
Title Full Stack Web Development
Company Dotch Endeavours
Duration 6 weeks
Topics covered HTML , CSS, JAVASCRIPT
Assignment Expense Budget
About Company
Dotch Endeavours Private Limited.
Headquartered in Saraswathipuram, Mysore.
As a leading software company, we specialize in crafting cutting-edge technology
solutions tailored to meet diverse business needs.
3. FULL STACK WEB DEVELOPMENT
Full Stack Web Development is the process of designing, creating, testing, and deploying
a complete web application from start to finish. It involves working with various
technologies and tools, including front-end web development, back-end web
development, and database development.
4. The Importance of Web Development
Web development is the building and maintenance of websites.It is
designed using html and css,but also write web scripts in languages such
as PHP,ASP Javascript is a programming language which is used in
building websites.
Full stack web development refers to developing both the front end (client-
facing) and back end (server-side) elements of a web application. This is a vital
aspect of building functioning web applications, combining the two most
important parts of the programming 'stack'.
5. What is Website and How does it works?
1
A Website is a Collection of Web Pages and related content that is identified by a
Common domain name and published on at least on Web Server.Example are
Wikipedia.org,Google.com,Facebook and e-commerce Websites like
Amazon.com.
2
Eachwebsite is provided with a unique uniform resource locator and
accessed through the hypertext transfer protocol(HTTP)responsible
for making communication possible between client machine and the
server by the application of different browsers.
6. WEB PAGE
A Webpage is a Document which is commonly written in HTML that is viewed and
translated by a Web Browser.A Web Page can be identified by entering an URL.A Web
Page may contain text,Graphics,and Hyperlinks to other Web Pages and files
Web pages can be :
1.Static type or
2.Dynamic type
Staticweb page:Static web page contain the same prebuilt content each time the page is
loaded.
Dynamic web page:Other type of Web Pages such as PHP,ASP,and JSP pages are
dynamic Web pages.these pages contain Server-side” code.
7. .
Web development can be typically divided into two classes
Front-end development
Back –end development
ont-End Development: Front end development manages everything that users visually see
st in their browser or application. Front end deevelopers are responsible for the look and
el of a site.
ack-End Development: Back-End Development refers to the server side of an application
nd everything that communicates between the database and the browser.
8. FRONT-END TECHNOLOGIES
HTML
.
The Hyper Text Markup Language, or HTML is the standard
markup language for documents designed to be displayed in a
web browser. It can be assisted by technologies such as Cascading
Style Sheets (CSS) and scripting languages such as JavaScript.
css
CSS stands for Cascading Style Sheets. Cascading Style Sheets
(CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as
HTML. CSS is a cornerstone technology of the World Wide Web,
alongside HTML and JavaScript.
9. JAVASCRIPT
Javascript is a dynamic computer programming language. It is lightweight and most
commonly used as a part of web pages, whose implementations allow client-side script to
interact with the user and make dynamic pages. It is an interpreted programming language
with object-oriented capabilities.
Advantages of learning javascript:
Less server interaction
Immediate feedback to the visitors
Increased interactivity richer interfaces
BOOTSTRAP
Bootstrap is a free Front-End Framework for faster and easier Web development.
Bootstrap includes HTML and CSS based design templates for typography, forms, buttons,
tables, navigation, modals and many other, as well as optional javascript plugins. Bootstrap
also gives us the ability to easily create responsive designs.
10. BACK-END TECHNOLOGIES
PHP
PHP is a general-purpose scripting language especially suited to web development.
PHP code is usually processed on a web server by a PHP interpreter implemented as a module, as
a Common Gateway Interface (CGI) executable.
PHP includes various free and open-source libraries in its source distribution, or uses them in
resulting PHP binary builds.
open source php php PHP PHP allows developers to write extensions in C to add functionality to
the PHP language. MVC AJAX ZF jQuery Dez.
MySQL
MySQL is an open-source relational database management system (RDBMS).
A relational database organizes data into one or more data tables in which data types may be
related to each other; these relations help structure the data.
SQL is a language programmers use to create, modify and extract data from the relational
database, as well as control user access to the database. 14
11. PROJECT
Expense budget
This project is entitled Expense Budget.
It is a web-based application developed using PHP Language as the back end and MySQL as the database.
It has a pleasant user interface using Bootstrap Framework.
The project consists of user-friendly features and functionalities.
The project management process budgeting process involves estimating the costs,cost of materials.
Ensure you create a reasonsable and realistic budget