Fundamentals of HTML, CSS, and JavaScript

Course Level

Beginner

Duration

45m

Total Chapters

5

Free

About Course

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 Overview

Chapter 5 - Summary

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 5 - Summary

SS
DP
A
KK
JR
Y
M
KK
AB
DP
KP
LK
PP
L
SM
DD
JZ
VP

Very useful for someone who's new in web testing

AC
SR
LN
RR
LH
RS
MJ
IE
KH
M
JO
SK
PB
RC
DO
BB
EJ
MH
SB
JN
PP
K
KL
G
AB
NT
SS
N
GS
AS
AK
T

Very nice

PK
KK
DD
IA
SE
DD
K
JJ
SD
UD
DS

such a worst course on HTML CSS and JS
looks like you didnt try it yourself
and who calls HTML a programming lang?
can you hack NASA using HTML?

P

Good

KS
D
DS
TN
VM
HL
NM
SB
AS
ĐV
WA
KT
PM
A
KA

awesome

IS

cool

NK
AM
JP
K
BA
PB
S
NN
HM
SL
PM
PM
PM

css and html are not programming languages

GG

4

DM
AG
RP
CL
DD
F
AP
LS
RP
MK
M
AA
IV
IV
VM
QN

The course is great, it sums up every basic thing for a person who is both from IT industry and non-IT industry. Oh and I hope that the recorded voice in the video could be more intonation.

NL
NT
CT

It will be much more convenient if you guys put the transcripts in the video as subtitle.

RH
E
B

5

MR
A
JE

Ta weno

PK
YH
A

Good

KS
S
GF
AM
WS
HN

it's great

XS
NK

5

TF
MC
KK
AS

cool

A
AD
S
KC

Very organized and engaging. Great Content!

DC
LT
AL
BS
AS
K
WR
J

ENJOYED ALOT

A
TT
NN
S
IM
Free

Materials include

  • 45 minutes on-demand video

  • Full lifetime access

Share