A Big Picture: How the Web WorksFundamentals of HTML, CSS, and JavaScript - Katalon Academy

Select Your Favourite
Category And Start Learning.

Fundamentals of HTML, CSS, and JavaScript

Course Level

Beginner

Duration

45m

Total Chapters

5

Free

Course content

5 Chapters45m
This chapter kicks off with an overview of vital elements that constitute your website. From understanding how URL functions to the key difference between HTTP and HTTPS, learn how these characteristics are vital to making a web works.
A Big Picture: How the Web Works
2:53
Quiz

Chapter 5 - Summary

To streamline your automated testing process on the web platform, this course aims to teach you the basics of HTML, CSS, and JavaScript – those are considered the backbone of any website.

During this course, the four chapters will cover topics such as:

  • Core takeaways behind good web development: How the web works
  • The basics of Hypertext Markup Language (HTML)
  • Cascading Style Sheets (CSS) tutorial
  • JavaScript with webpages interaction

Chapter 1 - A Big Picture: How the Web Works

A Big Picture: How the Web Works

00:05-00:21

Hi, and welcome to the first chapter about HTML, CSS, and JavaScript fundamentals. In this chapter, I'll show you the roles that they play in a website and its importance in enabling you to effectively design and perform UI E2E automated testing, as well as minimizing test flakiness.

00:22-00:41

To start off, what is the 'World Wide Web' anyway? Commonly known as the Web, The World Wide Web or WWW is an information system where documents and other web resources are identified by Uniform Resource Locators (aka URLs), which may be interlinked by hyperlinks, and are accessible over the Internet.

00:42-01:25

There are some primary components that the web is based on. This includes URLs, HTML documents, images, audio, or other files/resources that are hosted on a Web server.

For URLs, which are addresses attached to uniquely named resources and points directly to your web server address. For example https://example.com.

As for HTTP, short for Hypertext Transfer Protocol, it's the base for exchanging and sending documents to your Web browser, or the protocol that transfers information from the server side to client side. Nowadays, HTTPS, Hypertext Transfer Protocol Secure - an extension of the Hypertext Transfer Protocol (HTTP), is widely used for secure communication over a computer network, and is widely used on the Internet.

01:26-01:51

This basically is the structure of a complete URL.

A web server contains special software and a unique URL (Uniform Resource Locator) that enables it to serve up the HTML documents. All resources will have unique names so that they can be identified on the Internet.

At present, with web browsers ranging from mobile phones browsers to desktop computers, they require the Internet to serve up a specific document that exists at a given URL.

01:52-02:24

Refer to this diagram to visualize how a website works. The HTTP protocol is defined as the way to move information from Web servers to users' browsers. After, a Web browser uses CSS and JavaScript to style documents and assign its functionality. Not only can they get documents from a server, but also back and forth when it alters the HTML that is on the client PC by, for instance, filling text boxes with address information, and sending these information back to the server for processing using an HTTP POST operation.

02:25-02:45

For HTTP and HTTPS (Hypertext Transfer Protocol Secure), imagine you're sitting in a restaurant.

Think of the customers that are ordering food as they browse the web, where codes waiter transferring the data from the server to the users, and the food brought covered with a lid is HTTPS, where S is secure, demonstrated by the lid that's covering the dish.

Chapter 2 - The Basics of Hypertext Markup Language (HTML)

Chapter 3 - Cascading Style Sheets (CSS) Tutorial

Chapter 4 - JavaScript with Webpages Interaction

Chapter 5 - Summary

Free

Material Includes

  • 45 minutes on-demand video

  • Full lifetime access

  • Certificate of completion

    Coming soon

Share

NEXT COURSES TO LEARN

Tag your testing buddies along and win $100!