I will share essential concepts necessary for embarking on a journey in web development to become a Full Stack Web Developer. I will provide all the resources needed to gain practical knowledge that will deepen your understanding of these concepts. Let's begin →
HTML: Hypertext Markup Language, established in 1993, defines the structure of web pages.
CSS: used to style websites.
JavaScript: used to make websites interactive.
An interesting fact is that 96.5% of websites have accessibility issues that can be prevented by understanding the basics.
To avoid these issues, it is essential to have a proper understanding of Semantic HTML(nav, header, main, section, footer). This means using HTML tags that have specific meaning, which helps search engines like Google to rank your website higher and makes it more accessible to users easily.
Semantic HTML Tags or also can be termed as Landmark regions (assist users in understanding the layout and organization of a page.)
🔹<nav>: Typically used for navigation links.
🔹<header>: Identifies the header of the page.
🔹<main>: Indicates the beginning of the main content on the page.
🔹<section>: Helps identify sub-sections within the main content and sections.
🔹<footer>: Provides information such as contact forms and addresses.
These are beneficial to assistive technologies like screen reader tools to identify the navigation commands to jump directly to these sections. This reduces time and effort required to user to reach to the certain sections efficiently.
These are useful to users who cannot visually perceive the page layout. Using the standard landmarks across websites creates a predictable browsing experience.