Scribd
Upload
23 views

1_Lecture01 - Intro - How Web Works

Uploaded by

malinazaket
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
23 views

1_Lecture01 - Intro - How Web Works

Uploaded by

malinazaket
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 21

CS3193:

Web Application
Development
Fall 2024
Aqsa Khalid
([email protected])
Course Grading Policy

Assignments: 10% (4)


Quizes:10% (4)
Mid Term: 20%
Final Term: 35 %

- Average of assignments and quizzes will be considered


- No retake of assignments and quizzes
- Attendance policy as per university guideline
- Most Important!!! Self Respect
Lateness policy

- Every Assignment may be submitted after the deadline,


with penalty of minus 5marks.

- Assignment submitted on time will receive a small


bonus to their homework score.

- Submissions are not accepted beyond the 24-hour


grace period. The grace period is strictly enforced.
Honor code

The web platform allows you to view the source code of


any website you visit.
- Great for learning!
- But what about Honor Code?
Honor code

- DON'T look at other people's solutions


- DON'T publish homework source code publicly on
GitHub, StackOverflow, personal web page, etc.
- OK to look at other website's code for inspiration
- OK to look at StackOverflow / Google / etc for help
- OK to share a webpage you made in to show off the
webpage itself
- DON'T share a webpage you made with the intent to
share the code
You want to learn Web Development...

...but you're
overwhelmed by all
the frameworks,
libraries, tools, etc
and have no idea
where to start.
Course Goals

- Create attractive, small scale web sites or apps that at


least mostly work on phones

- Have the vocabulary and background knowledge to


understand technical writing/discussions about the web
(e.g. web API documentation; random blog posts)

- Have the foundation to pursue the areas of web


programming that you're interested in (if you choose)
What is The Web?

• World Wide Web aka. ‘The Web’ is a way of exchanging


information between computers on the Internet

• A network of pages containing images, text and sound which can


be viewed using browser software.

• Internet: The global infrastructure which facilitates the data


transfer

• Browser: A software application for accessing information on


the World Wide Web.
Web Components

• Web Page: A container to hold texts, images videos and sounds

• Web Site: A collection of related web pages and associated


items

• Web Server: A computer that stores web site and delivers web
pages on client’s request

• Universal Resource Locator (URL): aka. Web Address is a pointer


to a web site stored on a web server
Web Application Development

• Hypertext Markup Language (HTML)

• Cascading Stylesheet (CSS)

• Client-side Scripting (JavaScript)

• Server-side Programming (.NET/PHP/J2EE)

• Databases (SQL Server / MySQL / Oracle / MongoDB)


Browsers!
The Internet!
The web!
How do web pages work?

Browsers are applications that can display web pages.


E.g. Chrome, Firefox, Safari, Internet Explorer, Edge, etc.
How do web pages work?

Web pages are written in a markup language called


HTML, so browsers display a web page by reading and
interpreting its HTML.
How do web pages work?

The HTML file might link to other resources, like images,


videos, as well as JavaScript and CSS (stylesheet) files,
which the browser then also loads.
How do web pages work?

A web server is a program running on a computer that


delivers web pages in response to requests.

It either stores or generates the web page returned.


How do web pages work?

google.com
1. You type
in a URL,
which is the
address of
the HTML
file on the
internet.
How do web pages work?

2. The browser asks


the web server that
hosts the document to
send that document.

GE
T
How do web pages work?

3. The web server


responds to the
browser with HTML file
that was requested.

OK
How do web pages work?

4. The browser reads


the HTML, sees the
embedded resources
and asks the server for GE
OK
those as well. T

.. GE OK
. T
How do web pages work?

5. The web page is loaded when all the resources are fetched
and displayed.
google.com
How do web pages work?

(We'll get more detailed when we talk about servers later in the
quarter)
google.com

You might also like