# data[].attributes.body
To cater to modern day Front-end requirements, topics covered include basic front-end web design principles employing latest frameworks for scalability across all screen devices.

# data[].attributes.body
Website Creation

HTML,CSS,Javascript and Bootstrap Coding languages

# data[].attributes.body
Learn to use tools such as BrightSpace, MindTap, Skills Build, Linkedin Learning and AskWhatCher

# data[].attributes.body
To create responsive and mobile-friendly designs: Ensuring that websites and applications adapt to different screen sizes and devices

Building interactive user interfaces: Using Javascript and other technologies/coding languages to create dynamic and engaging user experience

# data[].attributes.body
Setting up of VSC.

# data[].attributes.body
HTML Essential training and CSS Essential training

# data[].attributes.body
Factor/Language Type: Machine Language

Level of abstraction: None(Closest to Hardware)

Written In: Binary(0's and 1's)

Needs Translator? : No(Directly read by CPU)

Translation Method: None(Already in Machine Code)

Editable after run? : NA

Common Uses: Binary Patterns

Factor/Language Type: Compiled Language

Level of abstraction: Low to Medium

Written In: Human Readable Code(Converted to binary)

Needs Translator? : Yes-Uses a compiler

Translation Method: Code is compiled once before execution

Editable after run? : Yes-Must edit source code and recompile

Common Uses: C, C++, Java, C#

Factor/Language Type: Interpretated Language

Level of abstraction: High(Most User Friendly)

Written In: Human Readable Code

Needs Translator? : Yes-Uses an interpreter

Translation Method: Code is interpreted line-by-line at runtime

Editable after run? : Yes-Can be edited and run without compiling

Common Uses: Python, JavaScript and PHP

# data[].attributes.body
1. What is a syntax and how exactly does the translator check the code to ensure that the syntax is correct?

2. What is the difference between a web page, a website and a web application?

# data[].attributes.body
Internet

A global network of interconnected devices.

Uses protocols (like TCP/IP) to transmit data.

Enables communication across different geographical regions.

Client

A device or software that initiates requests for data or services.

Receives and processes responses from a server.

Examples include web browsers, mobile apps, and desktop applications.

Server

A computer or software that provides data or services to clients.

Waits for incoming requests and sends back responses.

Examples include web servers, database servers, and file servers.

HTTP Request

A message sent from a client to a server asking for data or an action.

Includes a method (e.g., GET, POST), a URL, headers, and sometimes a body.

Follows HTTP protocol rules for formatting and content.

HTTP Response

A message sent from the server back to the client.

Contains a status code (e.g., 200 OK, 404 Not Found), headers, and an optional body.

Indicates whether the request was successful and returns requested data if applicable.

ISP (Internet Service Provider)

A company that provides access to the Internet.

Routes data between users’ devices and the wider Internet.

Often offers services like web hosting, email, or cloud storage.

# data[].attributes.headline
Which tag here do you think is the biggest box that wraps everything else?

# data[].attributes.subject
Which tag here do you think is the biggest box that wraps everything else?

# data[].attributes.body
<html></html>

Used to open and close the html with

# data[].attributes.headline
If I want words to show in the browser tab, which tag might handle that?

# data[].attributes.subject
If I want words to show in the browser tab, which tag might handle that?

# data[].attributes.body
<title></title>

# data[].attributes.headline
Which tag do you think never shows up on the screen, but the browser still needs it?

# data[].attributes.subject
Which tag do you think never shows up on the screen, but the browser still needs it?

# data[].attributes.body
<!DOCTYPE html>

# data[].attributes.headline
Point to the tag you’d use every time you want a new paragraph of text.

# data[].attributes.subject
Point to the tag you’d use every time you want a new paragraph of text.

# data[].attributes.body
<p></p>

# data[].attributes.headline
If you drag this definition next to , what two key pieces must that tag always include?

# data[].attributes.subject
If you drag this definition next to , what two key pieces must that tag always include?

# data[].attributes.body
<img src="_Link_" alt="_img description_">

# data[].attributes.headline
Where would you place a tag that turns words into a clickable link?

# data[].attributes.subject
Where would you place a tag that turns words into a clickable link?

# data[].attributes.body
In between an anchor tag

<a href="Link"></a>

# data[].attributes.headline
Is  allowed to sit by itself on the page, or does it need a parent? Why?

# data[].attributes.subject
Is  allowed to sit by itself on the page, or does it need a parent? Why?

# data[].attributes.body
it needs a parent, so as to define what type of list function it has to serve

# data[].attributes.headline
Which two tags work together to build a bullet list?

# data[].attributes.subject
Which two tags work together to build a bullet list?

# data[].attributes.body
<ol>

<li></li>

</ol>

<ul>

<li></li>

</ul>

# data[].attributes.headline
If you accidentally put the title tag inside body, what might go wrong?

# data[].attributes.subject
If you accidentally put the title tag inside body, what might go wrong?

# data[].attributes.headline
Can you think of a tag on your list that would never be valid inside ? Why?

# data[].attributes.subject
Can you think of a tag on your list that would never be valid inside ? Why?

# data[].attributes.body
<!DOCTYPE html>