CS3193:
Web Application
Development
Fall 2024
Aqsa Khalid
(aqsa.khalid@iqraisb.edu.pk)
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
