On internet – 2nd week of January 2024

Journal of Web Development Progress – Week 2 (January 2024) on internet

This second week of January 2024 has been an enlightening journey, got a touch of procrastination.

Learnings This Week:

  1. METADATA :
    Understanding the significance of metadata in webpages was a crucial step. Meta tags, with attributes like author, description, and viewport, play a pivotal role in describing and structuring webpage metadata.
  • <meta name="author" content="Swarnava"> – Author information.
  • <meta name="description" content="buddha-4-noble-truths"> – Description of the page.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0"> – Useful for responsive webpages.
  1. IFRAMES:
    Delving into iframes and their attributes provided insights into embedding external HTML pages within our own. Understanding attributes like allow-downloads, allow-forms, and permission attributes like allow=”fullscreen” opened new possibilities.
  2. Video and Audio Elements:
    Incorporating video and audio elements into HTML is essential for a dynamic web experience. Learning to use <video> and <audio> tags with attributes such as loops and controls enhances multimedia integration.
  3. Semantic HTML and Its Benefits:
    Recognizing the importance of semantic HTML for naming HTML elements was a key takeaway. This practice not only improves accessibility but also contributes positively to SEO.
  • <header>
  • <footer>
  • <main>
  • <article>
  • <aside>
  • <nav>
  • <section>
  1. Radio Buttons and Form Elements:
    Exploring form elements, specifically radio buttons, brought clarity to creating interactive and user-friendly forms. Ensuring similar name values for radio buttons and understanding their purpose within fieldsets was a notable learning.
  2. Open Graph Protocol for Social Media:
    Acknowledging the role of the Open Graph Protocol in enhancing the user experience on social media networks. Utilizing property attributes for meta tags like og:title, og:type, and og:image improves content sharing.
  3. HTML Forms – Labels and Inputs:
    Grasping the connection between the label and input elements and the importance of similar ID attributes for seamless form functionality was an essential lesson.
  • <label for="name">Name</label>
  • <input type="text" id="name" value="">
  1. Form Input Types and Validation:
    Understanding various form input types and implementing form validation through attributes like required, minlength, and maxlength provides a robust foundation for creating secure and user-friendly forms.
  • Password, email, radio, number, address, tel, submit, select, etc.
  1. Form Action Requests:
    Recognizing the significance of form action requests, whether absolute or relative, and comprehending the impact of GET and POST methods on data visibility and security.
  • <form action="/login"> (Relative Path)
  • <form action="https://meta.com/login"> (Absolute Path)
  • GET Method: Data stored in the URL, less secure.
  • POST Method: Data in the HTTP request body, more secure.

This week’s journey has equipped me with a deeper understanding of web development fundamentals, paving the way for more complex challenges ahead. Looking forward to applying these insights in the coming weeks.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top