HTML/CSS - Part 1

-

Fundamentals of Web development

Front-end: HTML, CSS, and JavaScript development

Back-end: Consists of a server, an application, and a database.

Full-stack: Involves both developments.

Essential attributes to work in web development


HTML: Hypertext Markup Language. CSS: Cascading Stylesheet. JavaScript: Programming language; used for adding functionality to web pages. React: Library - Frameworks help build websites faster. Git & GitHub: Version Control Systems - keep track of project history.


  • With HTML we can define all the building blocks of code.


  • CSS styles objects and provides visual effects.


  • JavaScript helps features to be interactive.


How the web works


The client/device asks and consequently, the Server responds.


The client/device requests a service to the server, and the server retrieves it.


This process is formatted on a protocol called HTTP/Hypertext Transfer Protocol

and HTTPS, secure (encrypts) communication and data transfer between a user's web browser and a website.

Explanation:

The browser/client sends an HTTP request to the server to receive an HTTP response, the HTTP response contains an HTML document, and the browser reads the HTML document to construct a document object model and render/display de page.


Note: HTML and CSS validators (website) give insight into what we should do to improve our code and the errors found.


First practice:



Live Server:

Glossary:


<DOCTYPE html> Initializes a new HTML file, we can type "!" for a full HTML well-structured empty template every time a new .html file is created.


<html lang = "en">specifies the language of the file so that when a user is browsing, the websites/pages pop up according to the user's language</html>


<body>In order for the browser to render an HTML file, we must have a body, otherwise an error will occur</body>


<p>for paragraphs</p>

<h#number>for the heading size or order</h#number>


<style>The CSS instructions are inside the style element, usually used with classes and ids to modify specific content</style>


<a href="">is used for hyperlinks, images, emails, etc</a>

Comments

Post a Comment

Popular posts from this blog

Object-Oriented Programming (OOP)

-
Image
 What is Object-Oriented Programming? OOP is a programming concept of "objects" that can contain data and code. The data is contained in the form of fields, and the code is in the form of procedures. The feature of objects is that procedures are attached to them and can access/modify the object's data fields. Structure of OOP: Classes: A class is a blueprint for creating objects. Objects: An object is an instance of a class. Methods: A method is a function defined inside a class that describes the specific behaviors of an object Attributes: Are defined in the class template and represent the state of an object. Principles of OOP: Encapsulation:  Abstraction: Inheritance: Polymorphism
Read more

Linux Essential Commands

-
Image
- Today I will tackle essential Linux commands to enable the users to utilize the Linux terminal fluidly. - Each command I will list below has its own function, however, if you read the manual (man <command>) of each command, you will be able to discover more extra useful functions depending on what you what to achieve through it. cd  | Change directory command allows the user to navigate through the file explorer. cd .. | This command takes you one directory back from the current directory you are in. Example : root@user $ cd /home/desktop/downloads                       root@user downloads $ cd ..                       root@user desktop $ pwd - Print Working Directory command allows users to see the path of the current working directory. Example: root@user $ pwd                ...
Read more

Python - Part #3

-
Image
What is a loop and why do we use it? A loop is a repetition of a process that is iterated over and over as long as the condition is true or until it is intentionally broken. It is highly useful because it massively reduces the repetition of the code and increases its efficiency. Note: The hash " # " represents the comments which do not alter the code. WHILE LOOPS: Example: x = 1 # Variable declaration while x <= 5:     print(x)     x += 1 Because 1 is less than 5, my boolean condition is true, or in other words: as long as 1 is less than 5 run the program, however, I am adding one to the number each time the program is repeated, so it will automatically stop as soon as the boolean condition is not true anymore. Output:                >> 1                >> 2                >> 3         ...
Read more