Client Side Web Technology
HTML
Hyper Text Markup Language creates webpages.
They can contain images, videos and links to other webpages
HTML5 is the latest evolution of the standard that defines HTML.
The term represents two different concepts. It is a new version of
the language HTML, with new elements, attributes,
and behaviors, and a larger set off technologies that allows
the building of more diverse and powerful Web sites and
applications. This set is sometimes called HTML5 & friends and
often shortened to just HTML5.
The canvas element provides scripts with a resolution
dependent bitmap canvas, which can be used for
rendering graphs, game graphics, art, or
other visual images on the fly.
CSS
Cascading Style Sheets design web pages.
CSS Grid Layout is the most powerful layout system available in CSS.
It is a 2-dimensional system, meaning it can handle both columns and
rows, unlike flexbox which is largely a 1-dimensional system. You work
with Grid Layout by applying CSS rules both to a parent element (which becomes
the Grid Container) and to that element's children (which become Grid Items).
There are an awful lot of libraries that want to
help you animate things on the web. These aren't
really libraries that help you with the syntax or
the technology of animations, but rather
are grab-and-use as-is libraries.
Javascript
Javascript is a programming language that makes webpages interactive.
SPA is fast, as most resources (HTML+CSS+Scripts) are only loaded once
throughout the lifespan of application. Only data is transmitted back and
forth. The development is simplified and streamlined. There is no need
to write code to render pages on the server. It is much easier to get started
because you can usually kick off development from a file file://URI,
without using any server at all. SPAs are easy to debug with Chrome,
as you can monitor network operations, investigate page elements and
data associated with it. It’s easier to make a mobile application because the
developer can reuse the same backend code for web application and native
mobile application.SPA can cache any local storage effectively. An
application sends only one request, store all data, then it can use this data
and works even offline.
JavaScript developers view TypeScript as a tool that results in fewer bugs
while also being easier to read code with the types and object interfaces
offering self-documentation.In the Stack Overflow survey released in 2019.
TypeScript is rated as one of the top three most loved languages, falling
behind Python and Rust. Moreover, GitHub stats show this language
continues to gather momentum, and its community is growing.