Topic 1.

Introduction to Web Development

Learning Objectives
At the end of this session, you will be able to:
a. Discuss the history of Web, HTML, and other preliminaries of the Web
b. Apply the different rules and guidelines in designing and producing quality webpages
c. Explain the importance of Web Development.
Activate Prior Knowledge
What is Web Development
K W L
(What You Know) (What You want to (What You Learned and
Learn) still Want to Learn)

Presentation of Content

Web Development History

The internet emerged in the mainstream as a visual medium. A graphic interface was
required for the mass to recognize the internet’s potential. Today, we may contact a website
design company and get our website developed in no time; and people, in today’s date, may be
showering love towards the websites. But the history of web development has not been this easy!

World Wide Web did not start getting traction until the visual-focused web browser came
into existence in the early 1990s. Despite the histrionic evolution in the aesthetics and web
technology, some of the early web design tricks have upheld throughout the span of time. Let’s
take a quick look at the evolution of the internet which is the base of web development and an
undeniable part of web development history.
The Vintage Web

With the arrival of Mosaic Browser in 1993, World Wide Web (WWW), the concept of
which was originally conceived in the 1980s, started to receive a warm reception. Businesses
discovered the commercial potential associated with the web. A massive influx came under
notice when the network infrastructure grew. Consequently, the tech bubble grew bigger and
burst! The survivors are today’s giants: Google, Yahoo, and Amazon. A fellow at CERN
Laboratory in Europe, Tim Berners-Lee sketched out his perception of a collaborative platform
for the researchers coming from different corners of the globe in 1989. This very idea gave birth
to Hypertext Markup Language (HTML) in the year of 1990. Although HTML was very much
text-focused in the beginning and there were no such scopes left for image, formatting, and
content positioning, HTML turned into the fundament of a website based on the SGML
(Standard Generalized Markup Language). With the help of this standard, it became immensely
effortless for the coders to organize web page layouts which are easy to understand and easy to
interact for the end users over the interrelated networks.
In Picture: Tim Berners Lee

The Turn of the Century

After the tech

started to play a pivotal role at this point in
time. Simultaneously, robust tech
companies came into view from this huge
collapse to set a new standard for online
business and principles. Along with this
greener and sturdier foundation,
telecommunication has stood up tall in the
modern age of the internet.

Web development han

up the developing and spreading aptitude
for web presentation since hardware improvements nurtured better bandwidth and wider
networks. CSS or Cascading Style Sheets showed magnificent ways to format and exhibit
contents. Flash video shaped a completely new and unique style of web animation and art. Video
streaming entirely changed the way of motion picture consumption. Despite all these revolutions
and advancements made regularly on the web, the primary structure and interface of the web
have sustained its authenticity.

Years of Development

In this segment, we have mentioned the

significant web development occurrences
organized by the hierarchized by the time
frame (years). Let’s have a look at the web
development history by arranged by time.
1994

 Amazon and Yahoo came into existence.

 Also, the invention of at (@) sign created a sheer muddle among the newscasters.
1995

 Geocities was launched.

 Windows 95 and Internet Explorer were launched by Microsoft.
 Craigslist and eBay started off.
1996

 Nokia 9000 communicator was released being the first phone with internet connection.
 Hotmail was launched as the first webmail.

1997

 Web world witnessed the launch of the 1,000,000th

 GoDaddy was launched with the name – Jomax Technologies.
 Netflix appeared as a company.
 Google was registered as a domain.
1999

 Geocities was acquired by Yahoo!

2000

 PHP 4.0 was released.

 Dotcom boom hit the highest point.
2001

 The world experienced Drupal for the first time: Drupal 1.0 was launched.
  com garnered better traffic than Google.
 Wikipedia was launched.
2002

 A huge increase in Wi-fi use; it came to mainstream and started to become household.
 Microsoft launched Xbox Live.
2003

 LinkedIn and Skype were released in this year.

 WordPress blog publishing system was launched.
2004

 The majority of developments were done via FTP on the live servers but there was a huge
demand for website management tools.
 thefacebook.com was launched by Harvard University student Mark Zuckerberg.
 Firefox 1.0 was launched by Firefox.
2005

 YouTube was released on Valentine’s Day.

 Popular community site Reddit was founded.
2006

 Twitter goes live.

 Google acquires YouTube.
2007

 MAMP and other local development tools were launched during this period.
 First iPhone was launched by Apple.
2008

 Apple store was launched with 552 applications.

 Google Chrome was released.
 HTML5 came into existence.
2009

 Cloud Computing came into reality and github.com was publicized.

 Microsoft Bing was Launched.
2010

 People got more well-known to DevOps.

 Quora was launched by ex-Facebook workers
 Pinterest and Instagram were launched.
2011

 Google+ was launched

 Microsoft acquires Skype.
2012

 Facebook acquires Instagram.

2014

 Facebook acquires WhatsApp.

2018
1.8 billion+ websites are running smoothly. Various state-of-the-art technologies have come into
play such as AR (Augmented Reality), VR (Virtual Reality), AI (Artificial Intelligence) and
much more.
It’s no secret that development is a continuous process. And in the web world, development
comes quite rapidly. We believe the web development history we have mentioned would
certainly help you in understanding the development happened in the web industry from the very
beginning.

What Makes the Web Unique

The web, also known as the World Wide Web (WWW), possesses several unique characteristics
that distinguish it from other forms of media and communication platforms. These unique
qualities have contributed to the web's widespread adoption and its transformative impact on
society. Here are some key aspects that make the web unique:
1. Hyperlinking and Interconnectivity: The web is built on the concept of hyperlinks, which
allow users to navigate seamlessly between web pages and access a vast network of
interconnected information. Unlike traditional media, such as books or television, the
web enables users to explore related content and follow their own paths of discovery.
2. Decentralized Nature: Unlike centralized media platforms, the web operates on a
decentralized architecture. This means that no single entity or organization controls the
entire web. Instead, it is composed of millions of interconnected servers and websites
hosted by individuals, businesses, and institutions worldwide. This decentralized nature
contributes to the web's resilience, accessibility, and resistance to censorship.
3. User-Generated Content and Collaboration: With the advent of Web 2.0, the web has
become a platform for user-generated content and collaboration. Social media platforms,
blogs, wikis, and other interactive websites allow users to create, share, and collaborate
on content. This shift from passive consumption to active participation has democratized
the creation and dissemination of information.
4. Global Accessibility and Information Sharing: The web transcends geographical
boundaries, making information accessible to anyone with an internet connection. It has
revolutionized the way we share knowledge, breaking down barriers to education,
research, and communication. Multilingual support and localization efforts further
enhance the web's global accessibility.
5. Evolving Standards and Technologies: The web is constantly evolving, driven by the
development of new standards and technologies. HTML, CSS, and JavaScript are the
foundational languages that enable the creation of web pages and interactivity. Web
standards ensure compatibility across different browsers and devices. Emerging
technologies, such as artificial intelligence, virtual reality, and the Internet of Things,
continue to shape the future of the web.
 6. Privacy and Security Challenges: The web presents unique challenges in terms of privacy
and security. Tracking and data collection practices raise concerns about user privacy,
while cybersecurity threats pose risks to individuals and organizations. Balancing
convenience and privacy has become a critical issue in the digital age.

In conclusion, the web's unique characteristics, including hyperlinking, decentralization, user-

generated content, global accessibility, evolving technologies, and privacy challenges, have
made it a powerful and transformative platform. Understanding these qualities is essential for
appreciating the web's impact on society and its potential for future development.

How Does the Web Empower the User

The web has transformed the way we access information, communicate, and engage with
the world. It empowers users in numerous ways, providing them with unprecedented
opportunities to learn, connect, and take control of their online experiences. In this module, we
will explore the different ways in which the web empowers users.
1. Access to Information: The web provides users with a vast amount of information at their
fingertips. Users can search for and access a wide range of knowledge, news, research,
and resources from around the world. This empowers individuals to learn, stay informed,
and make well-informed decisions. The web breaks down barriers to information, making
it accessible to anyone with an internet connection.
2. Communication and Collaboration: The web enables users to connect and communicate
with others across the globe. Social media platforms, email, instant messaging, and video
conferencing tools allow users to interact, share ideas, collaborate on projects, and build
communities. This fosters collaboration, creativity, and the exchange of diverse
perspectives. Users can connect with like-minded individuals, form communities, and
engage in meaningful discussions.
3. Personalization and Customization: The web allows users to personalize their online
experiences. Through preferences, settings, and algorithms, users can tailor their web
interactions to suit their interests, preferences, and needs. This empowers individuals to
have more control over the content they consume, the products they see, and the overall
online experience. Users can curate their digital lives, discover relevant content, and filter
out unwanted information.
4. Empowerment through Expression: The web provides a platform for users to express
themselves, share their thoughts, and showcase their creativity. Blogs, social media,
video-sharing platforms, and other online mediums enable individuals to publish content,
share their stories, and engage with a global audience. This empowers users to have a
voice, connect with like-minded individuals, and contribute to various online
communities. Users can share their expertise, advocate for causes, and make a positive
impact.

The web empowers users by providing access to information, facilitating communication

and collaboration, enabling personalization and customization, and fostering self-expression. It
has revolutionized the way we learn, connect, and engage with the world. As users, we have the
power to harness the web's potential to enhance our lives, expand our horizons, and make a
positive impact. By leveraging the web's capabilities, we can empower ourselves and others to
thrive in the digital age.
What is a Web Browser?
A web browser is a software application that allows users to access and view websites on
the internet. It acts as an interface between the user and the World Wide Web, enabling users to
navigate through web pages, interact with web content, and perform various online activities.

Web browsers interpret and display HTML (Hypertext Markup Language) documents,
which are the building blocks of web pages. They also support other web technologies such as
CSS (Cascading Style Sheets) for styling web pages, JavaScript for adding interactivity, and
multimedia elements like images, videos, and audio.

Popular Web Browsers: Some of the most widely used web browsers include Google
Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge, and Opera. Each browser offers its own
set of features, performance, and user experience, allowing users to choose the one that best suits
their needs and preferences.

A web browser is a software application that enables users to access and view websites
on the internet. It provides a user-friendly interface, interprets web content, and supports various
web technologies, allowing users to navigate the web and engage with online content.

Application

Identification: Write your answer on the space provided.

1.The browser that arrived in 1993 and played a significant role in the popularity
of the World Wide Web.

2. The concept that was originally conceived in the 1980s and started receiving a
warm reception with the arrival of the Mosaic Browser.

3. The fellow at CERN Laboratory in Europe who sketched out the perception of
a collaborative platform for researchers, leading to the birth of HTML.

4. One of the pioneers of e-commerce and online retail, known for its vast product
selection and global presence.
5. The e-commerce company that came into existence in 1994 and is now one of
the largest online retailers.
 6. The internet company that was founded in 1994 and became one of the most
popular search engines and web directories.

7. The symbol that was invented in 1994 and caused confusion among
newscasters.

8. The webmail service that was launched in 1996 and became one of the first
popular web-based email platforms.

9. This web browser, developed by Google, is known for its fast performance,
extensive features, and seamless integration with other Google services.

10. This web browser, developed by Mozilla, is known for its focus on privacy,
customization options, and support for open web standards.

Assessment

I. MULTIPLE CHOICE : Write the letter of the correct answer on the space provided

REFERENCES

ONLINE REFERENCES

https://www.geeksforgeeks.org/web-development/ (Retrieved April 2024)

https://www.intlum.com/blog/web-development-history/