Scribd
Upload
14 views41 pages

Web Tech Week 1

Uploaded by

hussainmalaika36
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
14 views41 pages

Web Tech Week 1

Uploaded by

hussainmalaika36
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 41

Web Technologies

Lecture # 1: Introduction to the Course

Spring 2024
The
Golden
Circle
INTRODUCTION AND RULES
THE NEXT 20 SLIDES ARE BARROWED FROM THE TIME LANDERS.
3-7

Training Norms & Guidelines for Participants


● Timings

● Mobile/cell phones

● Questions & Answers

 Answer immediately
 Please wait
 Meet with trainer (one on one)
 Hold on
 Don’t know the answer
Two Functions of the Brain

● Comprehension and expression of ideas are two


distinct functions of the brain and amongst these two
functions expression of an idea is higher in
complexity.
How to Improve Comprehension ?
● Whenever the brain is given a cue that an idea
will have to be expressed together with being
understood and comprehended, the brain
sequences the information differently and
comprehension is automatically increased.
1. Context
● Context is very important for learning. You need
to establish a context for this class.
● Your context is to be able to create a web
application that can be launched and used by
10k people.
2. When some Information is Delivered
● The Act of Hearing
● Understanding.
● Judgment.
● If two person arguing that we should stop them and ask them to repeat. Mostly
people do not understand what other says.
● Sura Mulk Ayat number 10.
3. Listen and Understand
● Do not try to understand and judge the contents
at the same time.
● Listen, Understand and postponed your
Judgment until the break.
Summary
● Context: Applying all of your knowledge in to
creating a web application.
● Listen and Understand but do not Judge
GOLDEN CIRCLE
SIMON SINEK
● You want to be successful in life start thinking every goal and task in terms of
Golden Circle.
Why You Are in This Class
● Why you are in this class ?
○ Grades ?
○ Requirement for Coursework ?
○ Learn Web Technologies
Golden Circle
Golden Circle of this Class: What Part
● In this class, we shall see what are basics of
creating web applications.
● How the internals of web application works so
we can improve user experience.
Golden Circle of this Class: how Part
● That’s what we shall study in the course
● You have to listen, understand the class
contents and have to perform the given task
on the time
Golden Circle of this Class: Why
● Why: You want to be an excellent web
application developer ?
● Because web applications are being used
every where.
Facebook
Twitter/X
Some more questions for you…
● What is Internet?
● How often do you visit websites?
● What do you do mostly on a websites?
● What do you see on a websites?
● Which device do you use for browsing a websites?
● How is your data same on each device?
● Do you feel secure while browsing?
Course Introduction
● In this course, we will:
○ Design web pages
○ Add functionalities in web pages
○ Add data to a website
○ Develop a complete website
○ Test a website
○ Host a website
Course Prerequisites
● Basic Programming Concepts
● Database Development
● Keen Observation
● Exposure!
Learning Outcomes
At the end of the course the students will be able to:
● Discuss how web standards impact software development.
● Describe the constraints that the web puts on developers
● Design and Implement a simple web application.
● Review an existing web application against a current web
standard
Course Material and Resources
● Online resources like:
○ Html.com
○ Learn-html.org
○ W3schools.com
○ Javascript.info
○ Web.dev
○ …
○ …
● Keep making your own notes!
Any Questions?
Importance of a Website
● Internet has changed the way to interact with people and share
information.
● It is a mean to:
○ Communicate with the world
○ Watch movies
○ Play games
○ Look at photos
○ Shop online
○ Do banking
● E-Commerce
Understanding the term: WWW
Understanding the World Wide Web
● WWW is a short form of World Wide Web.
○ refers to all the public websites or pages that users can access on their local
computers and other devices through the internet. Source:
https://www.techtarget.com/whatis/definition/World-Wide-Web
○ worldwide global network of exchange of documents through commonly
known as Internet hypertext Source:
https://edukalife.blogspot.com/2013/04/www-definition-concept-meaning-w
hat-is.html
.
● Basically, a collection of all the webpages
○ We will be designing, or rather developing web pages to share them!
Web Architecture
A web application follows a client server architecture:

Source: https://en.wikipedia.org/wiki/Client%E2%80%93server_model
Clients and Servers
● Clients:
○ Which request a resource from the internet
○ Use desktops, laptops, mobile phones, gaming consoles, android tv’s,
smartwatches, etc..
○ Which tool to send this request?
○ Client-Side Technologies are used here…
● Servers
○ Which responds to the request of clients and provide resources
○ A powerful server machine, database engine, etc…
○ Server-Side Technologies are used here…
HTTP
● Hypertext Transfer Protocol
● HTTP makes use of TCP to open connections between clients and servers
and to pass the requests and responses between them.
● When a user clicks a link or types a web address:
○ A TCP connection is opened between browser and server
○ Then requests and responses are sent back and forth using HTTP
● HTTP is a stateless protocol, meaning each request for data is dealt with
in isolation; once the server sends the response, it forgets everything
about the original request.
URLs
● Uniform Resource Locators
● Without a universal addressing mechanism, it would be impossible to
navigate to a site, and page linking would not be feasible
● Uniform Resource Locators (URLs) are used to identify Web pages —
basically a URL is a web address
● URLs have 3 components:
○ A Prefix (usually https:// )
○ A Hostname: (such as www.umt.edu.pk)
○ A Path: (such as /org./Academic-Calendar.aspx/)
URL - Example

https://www.umt.edu.pk/org/Academic-Calendar/Academic-Calendar-2022-23.aspx

Domain Name Path


Prefix
URL - Example 2

https://www.nadra.gov.pk/local-projects/identity-management/biometric-verification-
services-2/

https://www.daraz.pk/mens-t-shirts/?spm=a2o2r4.tm800126319.cate_3.1.31f54fa8togK
GR
IP Address and DNS
● Every computing machine connected to the Internet must have a unique IP
address, no matter whether it’s a client or a server (or both)
● An IP address is just a number that identifies a host on the Internet. Example:
212.171.218.34 or 144.214.5.218
● The Domain Name System (DNS) is a database that matches IP addresses to
host names
● Domain Name System (DNS) translates host names into IP addresses, which
are then used by TCP to establish connections between HTTP clients and
servers.
● Domain names are administered in such a way that they are guaranteed to be
unique.
Top-level domains
TLD:
● www.nadra.gov.pk
Usually Country’s Initials
● www.daraz.pk .uk, .pk, .ae, us, .in etc
● www.cam.ac.uk Generic Top-level Domains:
● www.google.com.pk .com, .org, .net, .info,
● www.facebook.com
● www.instagram.com
Registering domain name
● You need to register your website’s domain name
○ Keeping it unique
● Or use Hosting services
○ Paid mostly
○ free domain hosting services as well
● Domain registration is separate from the hosting services
That’s all for today…!

You might also like