Excited to begin my Web Dev journey with Project DEFENSE by Coder Army. Day 01: Internet basics, IP/MAC, LAN vs WAN, Ports, Router, IPv4/6, DNS & Web Dev intro. Day 02: HTML foundations – structure, tags, lists, links & formatting. Aditya Tandon Rohit Negi

Day 03 : WebDev Today I explored Lists & Tables in HTML: Quick recap of lists & nested lists Creating tables with <table>, <tr>, <td>, <th> Adding borders, rows & columns Using <thead>, <tbody>, <tfoot> for structure Learned colspan & rowspan for merging cells #CoderArmy

Day 04 – Web Dev 🚀 ✔ File Paths (Relative & Absolute) ✔ Boilerplate Code – why it matters ✔ UTF-8 vs ASCII (importance of UTF-8) ✔ HTML Basics: <div> class & id <header>, <main>, <footer> #WebDevelopment #Defense Rohit Negi , Aditya Tandon

Day 05 Web Dev: Forms ▫️ Why forms matter ▫️ Tags: form, label, input ▫️ Attributes: id, for, name ▫️ Input types (text, email, date, file, color…) ▫️ Radio vs Checkbox ▫️ Dropdowns & textarea ▫️ Buttons & validation #WebDev #HTML #CoderArmy Rohit Negi

Day 6️⃣ of Defense Challenge Topic of the day : Media Tags (Audio & Video) Multi-Page Website creation Step by step web dev journey getting real 📷 #DefenseChallenge #WebDevelopment

Day 7 - Web Dev (Defense Course by #CoderArmy) Started CSS today 🎨Inline, Internal, External CSS Selectors (tag, id, class, group) em, rem, %, vh/vw Google Fonts added 📷 Thanks Rohit Negi bhaiya & Aditya Tandon bhaiya 📷#WebDevelopment #CSS

Day 08 : WebDev Explored the CSS Box Model → Content (H & W), Borders, Padding, Margin Border Radius, Inline vs Block + <span>, Default spacing, Universal selector, Key element differences, Display types & Box-Sizing. #CoderArmy

My First DEFENSE Hackathon Project! 🧑‍💻 I completed my first HTML project for the DEFENSE WebDev Challenge under the Coder Army initiative. 🚀 This is the start of my web development journey, 👉 Check it out: defense1hackathonproject.netlify.app

Web Dev Progress Day 9 (CSS): Priority (Inline>Internal>External, Class>ID>Element, !important), Position (static, relative, fixed, sticky, absolute, z-index). Day 10 (Flexbox): Props (flex, direction, justify, align), Responsive (wrap, gap, grow/shrink/basis).

WebDev Journey – Day 11: CSS Grid: what it is, why better than Flexbox, key tags. Day 12: Responsive sites: media queries & box-shadow basics. #CoderArmy

WebDev Journey – Day 13 Explored CSS animations! Covered: - Animation basics - Moving objects and text - Animation properties: iteration count, timing function, direction, delay - Shorthand animation techniques - Mini project and overflow handling #WebDev #CSS #coderarmy

Day 14 : WebDev Journey 'Transition and Transform'. Learn different types of transition properties Learn different types of transform properties Learn about hover. Learn about combining the transforms Learn how to make website interactive and dynamic. #coderarmy