What is Web?

Web (World Wide Web; WWW) is a vast online information system you can write, read, watch, or consume resources such as documents, media, etc accessed by web browser on the Internet. You can think like the web is a software consisting of plenty of websites that runs on the hardware Internet.

If so, what does the web have to do with HTML/CSS/JS? All the websites you visit are made of HTML/CSS/JS and they form their ecosystem; the web.
That means, the web and HTML/CSS/JS are inseparable from each other.

What is HTML?

HTML (HyperText Markup Language) is the standard markup language for creating and displaying webpages via web browsers such as Chrome or Safari on the Internet. A collection of webpages is called a website, and all websites are built on HTML document with CSS (Cascading Style Sheets) and javascript (JS).

Say, you write a document in word programs like MS-word or Google docs. You create a document, set headings, write paragraphs, put some images, and so forth. Like so, HTML is a document with its certain syntax.

element, tag, and attribute in HTML
element, tag, and attribute


In a nutshell, HTML is all about elements (tags); a series of components.
e.g., <html></html>, <head></head>, <title></title>, <body></body>, <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5>, <p></p>Β , <div></div>, <span></span>, <a></a>, and a lot more.

What is CSS?

CSS (Cascading Style Sheets) is a style sheet used for styling HTML document, and the following is an example output that applies a css styling for an HTML element in three different ways; inline css, internal css, and external css.

an example CSS output


learn more @whatthehekkist external CSS and relative path (instagram post @whatthehekkist)


What is javascript(JS) ?

javascript (hereinafter JS) is a client-side script language that enables you to design, implement, or program webpages dynamically.
Say, you open a webpage in a web browser. HTML forms the page structure, CSS sets styling for that page (presentation, layout, formatting, etc), and JS dynamically controls an overall behavior of the page interacting with HTML/CSS.
Again, JS is a script language and is different from programming languages like C, C + +, or Java. It’s rather close to a subset of programming languages that enables you to lightly and dynamically script such concept and syntax of programming languages in browser.

Uses of JS are farily broad in the sense that it is consumed to efficiently boost development process or implement specific features such as layout/design, UI templates, SEO, ads, website analytics services, etc for websites and web applications via many different APIs (Application Programming Interface) services.
Although you don’t have know everything in JS, there’re loads of benefits from learning JS as long as you are into HTML, CSS, JS, programming, web dev, frontend, data processing/visualization, e-commerce, SEO, branding, marketing, ads, etc.

[e-book] What The Hekk is HTML/CSS/JS

What The Hekk is HTML/CSS/JS is a frontend web development tutorial that you can make a web application in five minutes from scratch.

You will learn the basics of HTML/CSS/JS,


and how to do frontend web development by creating, building, and publishing a face shape-recognition web application interacting with AI; a ready-to-use prototype (template) where you can unfold your idea/bias on UI/UX, production, tech stack, system structure, code style, and so forth as you get more into HTML/CSS/JS with What The Hekk is HTML/CSS/JS.


At the end of the tutorial, you will also get a grasp on source code management, self-testing/debugging, deployment, domain settings, and more to maintain and publish your web application on the Internet.
(All the source codes provided.)


[book overview]

HTML: element and tag, attribute
CSS: Style elements with tag/class/id, external CSS, relative path
javascript (JS): internal/external JS, event, function, variables, conditional statement, logical operators, array, jQuery, APIs


Creating a web app

convert your manuscript to epub (fiverr gig @whatthehekkist) convert your manuscript to epub (fiverr gig @whatthehekkist) dedicated assistance to your jekyll website, blog, portfolio, or project (fiverr gig @whatthehekkist) dedicated assistance to your jekyll website, blog, portfolio, or project (fiverr gig @whatthehekkist)



What The Hekk is HTML/CSS/JS? a complete guide to creating a web app in 5 min from scratch!

Kindle Edition

What The Hekk is HTML/CSS/JS? a complete guide to creating a web app in 5 min from scratch!

PDF






You May Also Enjoy

  • Programming

    Image crawling with Python on Chrome browser

    2022-07-09

    Step by step insturction 1. Install selenium and beautiful soup on terminal pip install bs4 pip...

  • Web Dev

    Batch Image Loader

    2023-08-20

    Features lazy load batch (bulk) images zoom in an image on click load more images on every 100 entry skip broken or blocked image source URLs (src) Tech Stack Frameworks: Jekyll (Ruby) & Liquid template Frontend: HTML/CSS/JS & Jquery Data:...

  • Web Dev

    what is if-else statement?

    2023-05-14

    if-else statement is one of the most widely used conditional statements in most programming languages to execute a certain action in (a task of) a program. what is if statement? In JS, you can do a conditional test...

  • ebook

    6 Useful Hacks for ebook Publish in 2023

    2023-07-19

    Choose a legit ebook editing software/program If you plan to write and publish an ebook, it’s best practice to pick a robust ebook editing program for your manuscript. There are plenty of ebook editing softwares/programs you can go for...

  • Music

    100 famous rap lyrics in the world

    2023-08-17

    β€œI came, I saw, I conquered. Or should I say, I saw, I conquered, I came.” - Jay Z, β€œIzzo (H.O.V.A)” (United States) β€œIf I say I’m going to die today, I’m going to die today.”...

  • Web Hack

    Insert screenshot into Markdown doc in a second

    2022-07-11

    What is Markdown? Markdown is a free open-source web-focused markup language that gives you hassle-free writing experiences (indeed, once you get familiar with it). As you can so easily find many of how-to-posts on syntax, structure, and so...