@
P P SAVANI
Module 1:
Introduction and Web Design
Course Code & Name : SEIT3052
&
Full Stack Devolopment—_> Outline
. Introduction to Internet
« WWW and Web 2.0
. Web protocols
. Web servers
« Web Design Principles
. Web site structureIntroduction to Internet
Introduction to Internet P
Popular services provided by internet are:
World Wide Web: It contains a collection of documents and web pages that can be viewed with
the help of a browser.
Email: [t allows the users to communicate with each other by sending and receiving messages
online.
Social Media: It includes applications and websites that allow the users to share videos, pictures,
audio comments, etc.
Online games: With an internet connection, anyone can play games online.
Software updates: The internet allows users to download the latest version of applications,
operating systems, games, etc.@
SAVANI
Web 1.0, Web 2.0, and Web 3.0»
_>
Web 1.0 was all about fetching, and reading information.
Web 2.0 is all about reading, writing, creating, and interacting with the end user. It was famously called the
participative social web.
Web 3.0 is the third generation of the World Wide Web, and is a vision of a decentralized web which is
currently a work in progress. It is all about reading, writing, and owning.Differences Between the Web 1.0, iY)
—_ Web 2.0, and Web 3.0 PP SAVANIWeb Protocols
3. Database Structure
Technologies: MySQL, PostgreSQL, MongoDB,
+ Relational Databases: Organized in tables with defined relationships (SQL).
+ Non-Relational Databases: Stores data as documents or collections (NoSQL).
+ Data Models: Define how data is structured and related,
rebase.
4, Website Architecture Models
1. Monolithic Architecture: All components are built and deployed together.
2.Microservices Architecture: The app is divided into independent services,
3.Serverless Architecture: Uses cloud services to manage backend logic.
4.Progressive Web Apps (PWA): Combines web and mobile experiences.> Website Design and Structure __»
Best Practices for Web Design and Structure in Full-Stack Development
Follow responsive design principles.
Use a clear and consistent code structure.
Organize folders into meaningful directories (e.g., /components, /routes, /models)..
Document code and maintain version control (Git).
Prioritize security (SSL, firewalls, authentication).
By applying these design principles and structuring the website efficiently, full-stack developers can create
web applications that are visually appealing, functional, secure, and scalable.