Logo

BITM Web Programming I

bitmsemester 3

Unit 1:HTML

Structuring Documents for the Web: A Web of Structured Documents, Introducing HTML and XHTML, Tags and Elements, Separating Heads from Bodies, Attributes Tell Us About Elements, Learning from Others by Viewing Their Source Code, Elements for Marking Up Text, The Element, The Element, The Element, The <body> Element. Basic Text Formatting, Presentational Elements, Phrase Elements: White Space and Flow, Creating Headings Using <hn> Elements, Creating Paragraphs Using the <p> Element, Creating Line Breaks Using the <br /> Element, Creating Preformatted Text Using the <pre> Element, The <b> Element, The <i> Element, The <tt> Element, The <sup> Element, The <sub> Element, The <big> Element, The <small> Element, The <hr /> Element, The <em> Element Adds Emphasis, The <strong> Element Adds Strong Emphasis, The <address> Element Is for Addresses, The <abbr> Element Is for Abbreviations, The <acronym> Element Is for Acronym Use, The <dfn> Element Is for Special Terms, The <blockquote> Element Is for Quoting Text, Using the cite Attribute with the <blockquote> Element, The <q> Element Is for Short Quotations, The <cite> Element Is for Citations, The <code> Element Is for Code, The <kbd> Element Is for Text Typed on a Keyboard, The <var> Element Is for Programming Variables, The <samp> Element Is for a Program Output. Lists: Using the <ul> Element to Create Unordered Lists, Ordered Lists, Definition Lists, Nesting Lists, Comments, Understanding Block and Inline Elements, Grouping Elements with <div> and <span>, The XML Declaration, Document Type Declaration. Understanding Directories and Directory Structures: Understanding URLs, Absolute and Relative URLs, The <base> Element. Creating Links with the <a> Element: Basic Links, Linking to Other Web Pages, Linking to E-mail Addresses, Creating a Source Anchor with the href Attribute, Creating a Destination Anchor Using the name and id Attributes, (Linking to a Specific Part of a Page), The <a> Element's Other Attributes. Images, Audio, and Video, Using Images as Links, Choosing the Right Image Format: Adding Images Using the <img> Element, The src Attribute, The alt Attribute, The height and width Attributes, The ismap and usemap Attributes, The longdesc Attribute, Image Maps, Client-Side Image Maps, Server-Side Image Maps, GIF Images, Animated GIFs, JPEG Images, PNG Images, Keeping File Sizes Small. Adding Flash, Video, and Audio to Your Web Pages: Adding Flash Movies to Your Site, Adding Videos to Your Site, Adding Videos, Using Flash Video Audio to Your Site, Automatically Playing Audio and Video When a Page Loads, A Closer Look at the <object> and <param> Elements, The <param> Element. Tables: Introducing Tables, Basic Table Elements and Attributes, The <table> Element Creates a Table, The <tr> Element Contains Table Rows, The <td> and <th> Elements Represent Table Cells, Adding a <caption> to a Table, Grouping Sections of a Table, Spanning Columns Using the colspan Attribute, Spanning Rows Using the rowspan Attribute, Splitting Up Tables Using a Head, Body, and Foot, Grouping Columns Using the <colgroup> Element, Columns Sharing Styles Using the <col> Element. Forms and Form Controls: Introducing Forms, Creating a Form with the <form> Element, The action Attribute, The method Attribute, The id Attribute, The onsubmit Attribute, The onreset Attribute, The enctype Attribute, The accept-charset Attribute, The accept Attribute, The target Attribute, White Space and the <form> Element, Text Inputs, Buttons, Checkboxes, Radio Buttons, Select Boxes, File Select Boxes, Hidden Controls. Creating Labels for Controls and the <label> Element: Structuring Your Forms with <fieldset> and <legend> Elements, Focus, Tabbing Order, Access Keys, Disabled and Read-Only Controls, Sending Form Data to the Server, HTTP get, HTTP post, Cascading Style Sheets.</div></a><a class="block rounded-md bg-[#f8fafb] p-4 sm:p-5 md:p-6 hover:shadow-sm transition-shadow duration-200" href="chapters/introducing-css"><div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4"><h2 class="flex flex-col sm:flex-row sm:items-center sm:gap-2 text-base sm:text-lg font-semibold leading-6 sm:leading-10"><span class="hidden sm:inline"><img alt="Chapter indicator dark" loading="lazy" width="25" height="25" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fsvgs%2Fchapter-indicator-dark.svg&w=32&q=75 1x, /_next/image?url=%2Fsvgs%2Fchapter-indicator-dark.svg&w=64&q=75 2x" src="/_next/image?url=%2Fsvgs%2Fchapter-indicator-dark.svg&w=64&q=75"/></span><span>Unit <!-- -->2<!-- -->:</span><span>Introducing CSS</span></h2><button class="flex items-center gap-2 px-3 py-1 rounded-md border border-primary/50 hover:bg-[#eef8ff] text-sm sm:text-base w-fit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notebook w-4 h-4 sm:w-5 sm:h-5"><path d="M2 6h4"></path><path d="M2 10h4"></path><path d="M2 14h4"></path><path d="M2 18h4"></path><rect width="16" height="20" x="4" y="2" rx="2"></rect><path d="M16 2v20"></path></svg>Read note</button></div><div class="prose mt-4 line-clamp-5 max-w-full dark:prose-invert text-sm sm:text-base">A Basic Example, Inheritance, Where You Can Add CSS Rules, The <link> Element, The <style> Element, Advantages of External CSS Style Sheets, CSS Properties. Controlling Text: The font-family Property, The font-size Property, The font-weight Property, The font-style Property, The font-variant Property, The font-stretch Property, The font-size-adjust Property. Text Formatting: The color Property, The text-align Property, The vertical-align Property, The text-decoration Property, The text-indent Property, The text-shadow Property, The text-transform Property, The letter-spacing Property, The word-spacing Property, The white-space Property, The direction Property. Selectors: Universal Selector, The Type Selector, The Class Selector, The ID Selector, The Child Selector, The Descendant Selector, The Adjacent Sibling Selector. The General Sibling Selector: Using Child and Sibling Selectors To Reduce Dependence on Classes in Markup, Attribute Selectors. Lengths: Relative Units, Absolute Units, Percentages. Introducing the Box Model: An Example Illustrating the Box Model, The Border Properties, The padding Property, The margin Property, Dimensions of a Box, Internet Explorer Box Model Bug. More Cascading Style Sheets: Links, Backgrounds: The background-color Property, The background-image Property, The background-repeat Property, The background-position Property (for Fixing Position of Backgrounds), The background-attachment Property (for Watermarks), The background Property (the Shorthand). Lists: The list-style-type Property, The list-style-position Property, The list-style-image Property, The list-style Property (the Shorthand). Tables: Table-Specific Properties, The border-collapse Property, The border-spacing Property, The empty-cells Property, The caption-side Property, The table-layout Property. Outlines: The outline-width Property, The outline-style Property, The outline-color Property, The outline Property (the Shorthand). The :focus and :active Pseudo-Classes: Generated Content, The :before and :after Pseudo-Elements, The content Property, The cursor Property, The display Property, The visibility Property. Positioning and Layout with CSS: Normal Flow, The position Property, Box Offset Properties, Relative Positioning, Absolute Positioning, Fixed Positioning, The z-index Property, Floating Using the float Property, The clear Property. Page Layout: Understanding the Site's Audience, Who Will Visit the Site? Why Have They Visited Your Site? What Does a Visitor Need to Achieve a Goal? How Often Will People Want to Visit? Things You Want the Site to Do, Prioritizing Information, Grouping and Categorization, Creating a Site Map, Identifying Key Elements for Each Page, Page Size (and Screen Resolution), Understanding Screen Sizes, Fixed-Width vs. Liquid Designs.</div></a><a class="block rounded-md bg-[#f8fafb] p-4 sm:p-5 md:p-6 hover:shadow-sm transition-shadow duration-200" href="chapters/learning-javascript"><div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4"><h2 class="flex flex-col sm:flex-row sm:items-center sm:gap-2 text-base sm:text-lg font-semibold leading-6 sm:leading-10"><span class="hidden sm:inline"><img alt="Chapter indicator dark" loading="lazy" width="25" height="25" decoding="async" data-nimg="1" class="block dark:hidden" style="color:transparent" srcSet="/_next/image?url=%2Fsvgs%2Fchapter-indicator-dark.svg&w=32&q=75 1x, /_next/image?url=%2Fsvgs%2Fchapter-indicator-dark.svg&w=64&q=75 2x" src="/_next/image?url=%2Fsvgs%2Fchapter-indicator-dark.svg&w=64&q=75"/></span><span>Unit <!-- -->3<!-- -->:</span><span>Learning JavaScript</span></h2><button class="flex items-center gap-2 px-3 py-1 rounded-md border border-primary/50 hover:bg-[#eef8ff] text-sm sm:text-base w-fit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notebook w-4 h-4 sm:w-5 sm:h-5"><path d="M2 6h4"></path><path d="M2 10h4"></path><path d="M2 14h4"></path><path d="M2 18h4"></path><rect width="16" height="20" x="4" y="2" rx="2"></rect><path d="M16 2v20"></path></svg>Read note</button></div><div class="prose mt-4 line-clamp-5 max-w-full dark:prose-invert text-sm sm:text-base">What Is Programming About? How to Add a Script to Your Pages, Comments in JavaScript, The <noscript> Element, The Document Object Model, Accessing Values Using Dot Notation, The Document Object, The Forms Collection, Form Elements, Images Collection, Different Types of Objects, A Word About Data Types, Keywords. Starting to Program with JavaScript: Variables, Assigning a Value to a Variable, Lifetime of a Variable, Operators, Arithmetic Operators, Assignment Operators, Comparison Operators, Logical or Boolean Operators, String Operator (Using + with Strings). Functions: How to Define a Function, How To Call a Function, The Return Statement. Conditional Statements: if Statements, if . . . else Statements, switch Statement. Looping: While, do . . . while, for, Infinite Loops and the break Statement. Events (Built-in Objects: String, Date, Array, Window). Form Validation: When to Validate, What You Can Check For, How to Check a Form, Checking Text Fields, Select Box Options, Radio Buttons, Checkboxes.</div></a></div><!--/$--><!--/$--></div></div></div></div></main><footer class="mt-auto overflow-hidden bg-gradient-to-b from-background to-background/95 px-5 lg:px-0" aria-labelledby="footer-heading"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="container relative max-w-7xl px-6 pb-8 pt-16 lg:px-8 lg:pt-20"><div class="grid grid-cols-2 gap-16 lg:grid-cols-5"><div class="flex flex-col items-start transition-all duration-700" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4 inline-block"><img alt="Hamro Notes" loading="lazy" width="140" height="70" decoding="async" data-nimg="1" class="relative" style="color:transparent" srcSet="/_next/image?url=%2Ffinal-logo.png&w=256&q=75 1x, /_next/image?url=%2Ffinal-logo.png&w=384&q=75 2x" src="/_next/image?url=%2Ffinal-logo.png&w=384&q=75"/></div><p class="mt-3 max-w-sm text-sm leading-relaxed text-foreground/50">Your go-to platform for notes, resources, and academic excellence.</p></div><div class="transition-all duration-700" style="opacity:0;transform:translateY(20px);transition-delay:100ms"><h3 class="mb-1 text-sm font-bold uppercase tracking-wider text-primary">Links</h3><div class="mb-4 h-px w-8 bg-primary/40"></div><ul class="space-y-3"><li><a class="group relative inline-flex items-center gap-2 text-sm leading-6 text-foreground/60 transition-colors duration-300 hover:text-foreground" href="/about-us"><span class="absolute -left-3 h-1 w-1 rounded-full bg-primary opacity-0 transition-all duration-300 group-hover:opacity-100"></span><span class="transition-transform duration-300 group-hover:translate-x-1">About us</span></a></li><li><a class="group relative inline-flex items-center gap-2 text-sm leading-6 text-foreground/60 transition-colors duration-300 hover:text-foreground" href="/contacts"><span class="absolute -left-3 h-1 w-1 rounded-full bg-primary opacity-0 transition-all duration-300 group-hover:opacity-100"></span><span class="transition-transform duration-300 group-hover:translate-x-1">Contact</span></a></li></ul></div><div class="transition-all duration-700" style="opacity:0;transform:translateY(20px);transition-delay:200ms"><h3 class="mb-1 text-sm font-bold uppercase tracking-wider text-primary">Faculty</h3><div class="mb-4 h-px w-14 bg-primary/40"></div><ul class="space-y-3"></ul></div><div class="transition-all duration-700" style="opacity:0;transform:translateY(20px);transition-delay:300ms"><h3 class="mb-1 text-sm font-bold uppercase tracking-wider text-primary">Information</h3><div class="mb-4 h-px w-24 bg-primary/40"></div><ul class="space-y-3"><li><a class="group relative inline-flex items-center gap-2 text-sm leading-6 text-foreground/60 transition-colors duration-300 hover:text-foreground" href="/#faq"><span class="absolute -left-3 h-1 w-1 rounded-full bg-primary opacity-0 transition-all duration-300 group-hover:opacity-100"></span><span class="transition-transform duration-300 group-hover:translate-x-1">FAQ</span></a></li><li><a class="group relative inline-flex items-center gap-2 text-sm leading-6 text-foreground/60 transition-colors duration-300 hover:text-foreground" href="/blogs"><span class="absolute -left-3 h-1 w-1 rounded-full bg-primary opacity-0 transition-all duration-300 group-hover:opacity-100"></span><span class="transition-transform duration-300 group-hover:translate-x-1">Blog</span></a></li></ul></div><div class="delay-400 col-span-2 transition-all duration-700 lg:col-span-1" style="opacity:0;transform:translateY(20px)"><div class="flex flex-col gap-4"><div><h4 class="mb-1 text-sm font-bold uppercase"><span class="text-primary">Download the app</span></h4><div class="mb-4 h-px w-32 bg-primary/40"></div></div><div class="flex flex-col gap-3 sm:flex-row lg:flex-col"><a target="_blank" rel="noopener noreferrer" class="flex gap-3 rounded-xl border border-border p-2 transition-transform hover:scale-105" href="https://play.google.com/store/apps/details?id=com.nymna.hamronotes"><img alt="Google Play" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" class="h-10 w-auto" style="color:transparent" srcSet="/_next/image?url=%2Fgoogle-play.svg&w=64&q=75 1x, /_next/image?url=%2Fgoogle-play.svg&w=128&q=75 2x" src="/_next/image?url=%2Fgoogle-play.svg&w=128&q=75"/><div><p class="text-sm font-semibold uppercase">Download on</p><p class="text-sm text-primary">Google Play</p></div></a><a class="flex gap-3 rounded-xl border border-border p-2 transition-transform hover:scale-105" href="#"><img alt="App Store" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" class="h-10 w-auto" style="color:transparent" srcSet="/_next/image?url=%2Fapple.svg&w=64&q=75 1x, /_next/image?url=%2Fapple.svg&w=128&q=75 2x" src="/_next/image?url=%2Fapple.svg&w=128&q=75"/><div><p class="text-sm font-semibold uppercase">Get IT on</p><p class="text-sm text-primary">App Store</p></div></a></div></div></div><div></div></div><div class="mt-16 flex flex-col items-center justify-between gap-6 border-t border-border pt-8 transition-all duration-700 sm:flex-row" style="opacity:0;transition-delay:500ms"><p class="flex gap-4 text-xs text-foreground/40"><a class="transition-colors duration-200 hover:text-foreground" href="/terms-and-conditions">Terms and Conditions</a><a class="transition-colors duration-200 hover:text-foreground" href="/privacy">Privacy Policy</a></p><p class="text-xs text-foreground/30">© <!-- -->2026<!-- --> Hamro Notes. All rights reserved.</p><div class="flex gap-3"><a class="group flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-background/50 text-foreground/50 backdrop-blur-sm transition-all duration-300 hover:scale-110 hover:border-primary hover:bg-primary/10 hover:text-primary hover:shadow-md hover:shadow-primary/20" href="#"><span class="sr-only">Facebook</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-4 w-4"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path></svg></a><a class="group flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-background/50 text-foreground/50 backdrop-blur-sm transition-all duration-300 hover:scale-110 hover:border-primary hover:bg-primary/10 hover:text-primary hover:shadow-md hover:shadow-primary/20" href="#"><span class="sr-only">X</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-4 w-4"><path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z"></path></svg></a><a class="group flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-background/50 text-foreground/50 backdrop-blur-sm transition-all duration-300 hover:scale-110 hover:border-primary hover:bg-primary/10 hover:text-primary hover:shadow-md hover:shadow-primary/20" href="#"><span class="sr-only">YouTube</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-4 w-4"><path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd"></path></svg></a></div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><script src="/_next/static/chunks/webpack-88d4db218c2c568a.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/0484562807a97172-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/4c285fdca692ea22-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/6245472ced48d3be-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/media/7108afb8b1381ad1-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n5:HL[\"/_next/static/media/7db6c35d839a711c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n6:HL[\"/_next/static/media/8888a3826f4a3af4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n7:HL[\"/_next/static/media/9e82d62334b205f4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n8:HL[\"/_next/static/media/b957ea75a84b6ea7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n9:HL[\"/_next/static/media/ca60b95d975a0530-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\na:HL[\"/_next/static/media/eafabf029ad39a43-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nb:HL[\"/_next/static/css/e3598a8ff11a3cf1.css\",\"style\"]\nc:HL[\"/_next/static/css/9e3ce34a7eb413de.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"d:I[2846,[],\"\"]\n10:I[4707,[],\"\"]\n14:I[6423,[],\"\"]\n19:I[1060,[],\"\"]\n11:[\"courseSlug\",\"bitm\",\"d\"]\n12:[\"semesterSlug\",\"semester-3\",\"d\"]\n13:[\"subjectSlug\",\"web-programming-i\",\"d\"]\n1a:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Ld\",null,{\"buildId\":\"8FmFDjEvVZqNC0SUlQ5mH\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"bitm\",\"semester-3\",\"web-programming-i\",\"chapters\"],\"initialTree\":[\"\",{\"children\":[\"(root)\",{\"children\":[\"(courses)\",{\"children\":[[\"courseSlug\",\"bitm\",\"d\"],{\"children\":[[\"semesterSlug\",\"semester-3\",\"d\"],{\"children\":[[\"subjectSlug\",\"web-programming-i\",\"d\"],{\"children\":[\"chapters\",{\"children\":[\"__PAGE__\",{}]}]}]}]}]}],\"modal\":[\"__DEFAULT__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(root)\",{\"children\":[\"(courses)\",{\"children\":[[\"courseSlug\",\"bitm\",\"d\"],{\"children\":[[\"semesterSlug\",\"semester-3\",\"d\"],{\"children\":[[\"subjectSlug\",\"web-programming-i\",\"d\"],{\"children\":[\"chapters\",{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",null],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(root)\",\"children\",\"(courses)\",\"children\",\"$11\",\"children\",\"$12\",\"children\",\"$13\",\"children\",\"chapters\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],[[\"$\",\"div\",null,{\"className\":\"loader_parentDiv__lvIV_ bookloader\",\"style\":{\"--size\":\"64px\",\"--shadow-color\":\"rgba(39, 94, 254, .28)\",\"--background\":\"linear-gradient(135deg, #23c4f8, #275efe)\",\"--page-color\":\"rgba(255, 255, 255, .36)\",\"--fold-page-color\":\"rgba(255, 255, 255, .52)\",\"--text-color\":\"#6c7486\",\"--duration\":\"3s\",\"--text-size\":\"14px\"},\"children\":[\"$\",\"div\",null,{\"className\":\"loader_loaderDiv__UvTTb\",\"children\":[[\"$\",\"div\",null,{\"className\":\"loader_styledDiv__SkeOG\",\"children\":[\"$\",\"ul\",null,{\"className\":\"loader_styledUl__e0of0\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi1__fuuNO\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"1\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi2__KV469\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"2\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi3__NXgG_\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"3\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi4__FkXbL\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"4\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi5__Cg91w\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"5\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi6__QAe3K\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}]]}]}],[\"$\",\"span\",null,{\"className\":\"loader_styledSpan__C_Sih\",\"children\":\"Loading...\"}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f9a539b1817be342.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[]]]},[[null,\"$L15\"],null],[[\"$\",\"div\",null,{\"className\":\"loader_parentDiv__lvIV_ bookloader\",\"style\":{\"--size\":\"64px\",\"--shadow-color\":\"rgba(39, 94, 254, .28)\",\"--background\":\"linear-gradient(135deg, #23c4f8, #275efe)\",\"--page-color\":\"rgba(255, 255, 255, .36)\",\"--fold-page-color\":\"rgba(255, 255, 255, .52)\",\"--text-color\":\"#6c7486\",\"--duration\":\"3s\",\"--text-size\":\"14px\"},\"children\":[\"$\",\"div\",null,{\"className\":\"loader_loaderDiv__UvTTb\",\"children\":[[\"$\",\"div\",null,{\"className\":\"loader_styledDiv__SkeOG\",\"children\":[\"$\",\"ul\",null,{\"className\":\"loader_styledUl__e0of0\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi1__fuuNO\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"1\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi2__KV469\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"2\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi3__NXgG_\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"3\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi4__FkXbL\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"4\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi5__Cg91w\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}],[\"$\",\"li\",\"5\",{\"className\":\"loader_styledLi__MX6l5 loader_styledLi6__QAe3K\",\"children\":[\"$\",\"svg\",null,{\"className\":\"loader_styledInnerSVG__NIP9x\",\"viewBox\":\"0 0 90 120\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"}]}]}]]}]}],[\"$\",\"span\",null,{\"className\":\"loader_styledSpan__C_Sih\",\"children\":\"Loading...\"}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f9a539b1817be342.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[]]]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(root)\",\"children\",\"(courses)\",\"children\",\"$11\",\"children\",\"$12\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[null,[\"$\",\"div\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"container max-w-8xl px-0 lg:px-0\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(root)\",\"children\",\"(courses)\",\"children\",\"$11\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]}]],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(root)\",\"children\",\"(courses)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null],\"modal\":[\"__DEFAULT__\",{},[[\"$undefined\",null,null],null],null]},[[null,\"$L16\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e3598a8ff11a3cf1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9e3ce34a7eb413de.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L17\"],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L18\"],\"globalErrorComponent\":\"$19\",\"missingSlots\":\"$W1a\"}]\n"])</script><script>self.__next_f.push([1,"1b:I[3907,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"4701\",\"static/chunks/app/(root)/error-4069d244b8dd5079.js\"],\"default\"]\n1c:I[1184,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"4907\",\"static/chunks/app/(root)/not-found-167d8b0d8798dbe4.js\"],\"default\"]\n20:I[4785,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"4954\",\"static/chunks/4954-286d7f4776da6de8.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"5238\",\"static/chunks/5238-7f973a15a08c2a09.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"6593\",\"static/chunks/6593-def0719c21345c10.js\",\"8332\",\"static/chunks/app/(root)/layout-2e025bff5b458784.js\"],\"default\"]\n21:I[221,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"4954\",\"static/chunks/4954-286d7f4776da6de8.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"5238\",\"static/chunks/5238-7f973a15a08c2a09.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"6593\",\"static/chunks/6593-def0719c21345c10.js\",\"8332\",\"static/chunks/app/(root)/layout-2e025bff5b458784.js\"],\"default\"]\n22:I[8003,[\"5878\",\"static/chunks/9da6db1e-152f707fcea1d927.js\",\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"8346\",\"static/chunks/8346-2f5302c8a3e4be74.js\",\"4438\",\"static/chunks/4438-d615bb32fd68b3a6.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"5084\",\"static/chunks/5084-f02b912a6749b234.js\",\"8765\",\"static/chunks/8765-d4994d80149022cc.js\",\"1965\",\"static/chunks/1965-65360b930a347c24.js\",\"7974\",\"static/chunks/7974-e378da8793dfaa03.js\",\"3185\",\"static/chunks/app/layout-839e10b3545997b5.js\"],\"\"]\n23:I[3353,[\"5878\",\"static/chunks/9da6db1e-152f707fcea1d927."])</script><script>self.__next_f.push([1,"js\",\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"8346\",\"static/chunks/8346-2f5302c8a3e4be74.js\",\"4438\",\"static/chunks/4438-d615bb32fd68b3a6.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"5084\",\"static/chunks/5084-f02b912a6749b234.js\",\"8765\",\"static/chunks/8765-d4994d80149022cc.js\",\"1965\",\"static/chunks/1965-65360b930a347c24.js\",\"7974\",\"static/chunks/7974-e378da8793dfaa03.js\",\"3185\",\"static/chunks/app/layout-839e10b3545997b5.js\"],\"PostHogProvider\"]\n24:I[7741,[\"5878\",\"static/chunks/9da6db1e-152f707fcea1d927.js\",\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"8346\",\"static/chunks/8346-2f5302c8a3e4be74.js\",\"4438\",\"static/chunks/4438-d615bb32fd68b3a6.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"5084\",\"static/chunks/5084-f02b912a6749b234.js\",\"8765\",\"static/chunks/8765-d4994d80149022cc.js\",\"1965\",\"static/chunks/1965-65360b930a347c24.js\",\"7974\",\"static/chunks/7974-e378da8793dfaa03.js\",\"3185\",\"static/chunks/app/layout-839e10b3545997b5.js\"],\"default\"]\n25:I[5186,[\"5878\",\"static/chunks/9da6db1e-152f707fcea1d927.js\",\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"8346\",\"static/chunks/8346-2f5302c8a3e4be74.js\",\"4438\",\"static/chunks/4438-d615bb32fd68b3a6.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"5084\",\"static/chunks/5084-f02b912a6749b234.js\",\"8765\",\"static/chunks/8765-d4994d80149022cc.js\",\"1965\",\"static/chunks/1965-65360b930a347c24.js\",\"7974\",\"static/chunks/7974-e378da8793dfaa03.js\",\"3185\",\"static/chunks/app/layout-839e10b3545997b5.js\"],\""])</script><script>self.__next_f.push([1,"default\"]\n26:I[5292,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"9160\",\"static/chunks/app/not-found-d9f187e3b2cefeb6.js\"],\"default\"]\n27:I[4903,[\"5878\",\"static/chunks/9da6db1e-152f707fcea1d927.js\",\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"438\",\"static/chunks/438-35a28223dffd1e76.js\",\"9459\",\"static/chunks/9459-b913a1c44a9ca615.js\",\"8346\",\"static/chunks/8346-2f5302c8a3e4be74.js\",\"4438\",\"static/chunks/4438-d615bb32fd68b3a6.js\",\"9763\",\"static/chunks/9763-b8beb6fd01e929d0.js\",\"5084\",\"static/chunks/5084-f02b912a6749b234.js\",\"8765\",\"static/chunks/8765-d4994d80149022cc.js\",\"1965\",\"static/chunks/1965-65360b930a347c24.js\",\"7974\",\"static/chunks/7974-e378da8793dfaa03.js\",\"3185\",\"static/chunks/app/layout-839e10b3545997b5.js\"],\"Toaster\"]\n1d:[]\n1e:[]\n1f:[]\n16:[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(root)\",\"children\"],\"error\":\"$1b\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L1c\",null,{}],\"notFoundStyles\":[]}]}],[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"modal\",\"segmentPath\":[\"children\",\"(root)\",\"modal\"],\"error\":\"$1b\",\"errorStyles\":\"$1d\",\"errorScripts\":\"$1e\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$1f\"}],[\"$\",\"$L20\",null,{}],[\"$\",\"$L21\",null,{}]]}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L22\",null,{\"id\":\"mathjax-config\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n window.MathJax = {\\n tex: {\\n inlineMath: [['\\\\\\\\(', '\\\\\\\\)'], ['$', '$']],\\n displayMath: [['\\\\\\\\[', '\\\\\\\\]'], ['$$', '$$']],\\n },\\n options: {\\n skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],\\n }\\n };\\n \"}],[\"$\",\"$L22\",null,{\"id\":\"MathJax-script\",\"src\":\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\",\"strategy\":\"lazyOnload\"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_9b9fd1 __variable_40d0ea h-full\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://hamronotes.com/#organization\\\",\\\"name\\\":\\\"HamroNotes\\\",\\\"url\\\":\\\"https://hamronotes.com\\\",\\\"logo\\\":\\\"https://hamronotes.com/final-logo.png\\\",\\\"description\\\":\\\"Best learning platform to prepare for +2 NEB and Bachelor's exams. Chapter-wise notes, question banks, solved past papers and video solutions — learn on your schedule, from any device.\\\"}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://hamronotes.com/#website\\\",\\\"url\\\":\\\"https://hamronotes.com\\\",\\\"name\\\":\\\"HamroNotes\\\",\\\"description\\\":\\\"Best learning platform to prepare for +2 NEB and Bachelor's exams. Chapter-wise notes, question banks, solved past papers and video solutions — learn on your schedule, from any device.\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://hamronotes.com/#organization\\\"},\\\"inLanguage\\\":\\\"en\\\"}\"}}],[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$L24\",null,{\"children\":[[\"$\",\"$L25\",null,{}],[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L26\",null,{}],\"notFoundStyles\":[]}]]}]}],[\"$\",\"$L27\",null,{}],[\"$\",\"$L22\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-H5K0WYTEQG\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L22\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n\\n gtag('config', 'G-H5K0WYTEQG');\\n \"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"28:I[2972,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"22\",\"static/chunks/22-df5db3c608164d22.js\",\"986\",\"static/chunks/app/(root)/(courses)/%5BcourseSlug%5D/%5BsemesterSlug%5D/%5BsubjectSlug%5D/chapters/page-c50272ab30a222a5.js\"],\"\"]\n29:I[5878,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"22\",\"static/chunks/22-df5db3c608164d22.js\",\"986\",\"static/chunks/app/(root)/(courses)/%5BcourseSlug%5D/%5BsemesterSlug%5D/%5BsubjectSlug%5D/chapters/page-c50272ab30a222a5.js\"],\"Image\"]\n2c:I[8670,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"4577\",\"static/chunks/app/(root)/(courses)/%5BcourseSlug%5D/%5BsemesterSlug%5D/%5BsubjectSlug%5D/layout-c9465ca596f6df2f.js\"],\"ExamCountdown\"]\n2d:I[8670,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"4577\",\"static/chunks/app/(root)/(courses)/%5BcourseSlug%5D/%5BsemesterSlug%5D/%5BsubjectSlug%5D/layout-c9465ca596f6df2f.js\"],\"ExamCountdownCard\"]\n2e:I[8438,[\"2972\",\"static/chunks/2972-4f079cbd34883660.js\",\"6137\",\"static/chunks/6137-97aea067cb957ed4.js\",\"9291\",\"static/chunks/9291-e69106dc1339a89b.js\",\"4577\",\"static/chunks/app/(root)/(courses)/%5BcourseSlug%5D/%5BsemesterSlug%5D/%5BsubjectSlug%5D/layout-c9465ca596f6df2f.js\"],\"default\"]\n2a:Tf1b,"])</script><script>self.__next_f.push([1,"Structuring Documents for the Web: A Web of Structured Documents, Introducing HTML and XHTML, Tags and Elements, Separating Heads from Bodies, Attributes Tell Us About Elements, Learning from Others by Viewing Their Source Code, Elements for Marking Up Text, The \u003chtml\u003e Element, The \u003chead\u003e Element, The \u003ctitle\u003e Element, The \u003cbody\u003e Element. Basic Text Formatting, Presentational Elements, Phrase Elements: White Space and Flow, Creating Headings Using \u003chn\u003e Elements, Creating Paragraphs Using the \u003cp\u003e Element, Creating Line Breaks Using the \u003cbr /\u003e Element, Creating Preformatted Text Using the \u003cpre\u003e Element, The \u003cb\u003e Element, The \u003ci\u003e Element, The \u003ctt\u003e Element, The \u003csup\u003e Element, The \u003csub\u003e Element, The \u003cbig\u003e Element, The \u003csmall\u003e Element, The \u003chr /\u003e Element, The \u003cem\u003e Element Adds Emphasis, The \u003cstrong\u003e Element Adds Strong Emphasis, The \u003caddress\u003e Element Is for Addresses, The \u003cabbr\u003e Element Is for Abbreviations, The \u003cacronym\u003e Element Is for Acronym Use, The \u003cdfn\u003e Element Is for Special Terms, The \u003cblockquote\u003e Element Is for Quoting Text, Using the cite Attribute with the \u003cblockquote\u003e Element, The \u003cq\u003e Element Is for Short Quotations, The \u003ccite\u003e Element Is for Citations, The \u003ccode\u003e Element Is for Code, The \u003ckbd\u003e Element Is for Text Typed on a Keyboard, The \u003cvar\u003e Element Is for Programming Variables, The \u003csamp\u003e Element Is for a Program Output. Lists: Using the \u003cul\u003e Element to Create Unordered Lists, Ordered Lists, Definition Lists, Nesting Lists, Comments, Understanding Block and Inline Elements, Grouping Elements with \u003cdiv\u003e and \u003cspan\u003e, The XML Declaration, Document Type Declaration. Understanding Directories and Directory Structures: Understanding URLs, Absolute and Relative URLs, The \u003cbase\u003e Element. Creating Links with the \u003ca\u003e Element: Basic Links, Linking to Other Web Pages, Linking to E-mail Addresses, Creating a Source Anchor with the href Attribute, Creating a Destination Anchor Using the name and id Attributes, (Linking to a Specific Part of a Page), The \u003ca\u003e Element's Other Attributes. Images, Audio, and Video, Using Images as Links, Choosing the Right Image Format: Adding Images Using the \u003cimg\u003e Element, The src Attribute, The alt Attribute, The height and width Attributes, The ismap and usemap Attributes, The longdesc Attribute, Image Maps, Client-Side Image Maps, Server-Side Image Maps, GIF Images, Animated GIFs, JPEG Images, PNG Images, Keeping File Sizes Small. Adding Flash, Video, and Audio to Your Web Pages: Adding Flash Movies to Your Site, Adding Videos to Your Site, Adding Videos, Using Flash Video Audio to Your Site, Automatically Playing Audio and Video When a Page Loads, A Closer Look at the \u003cobject\u003e and \u003cparam\u003e Elements, The \u003cparam\u003e Element. Tables: Introducing Tables, Basic Table Elements and Attributes, The \u003ctable\u003e Element Creates a Table, The \u003ctr\u003e Element Contains Table Rows, The \u003ctd\u003e and \u003cth\u003e Elements Represent Table Cells, Adding a \u003ccaption\u003e to a Table, Grouping Sections of a Table, Spanning Columns Using the colspan Attribute, Spanning Rows Using the rowspan Attribute, Splitting Up Tables Using a Head, Body, and Foot, Grouping Columns Using the \u003ccolgroup\u003e Element, Columns Sharing Styles Using the \u003ccol\u003e Element. Forms and Form Controls: Introducing Forms, Creating a Form with the \u003cform\u003e Element, The action Attribute, The method Attribute, The id Attribute, The onsubmit Attribute, The onreset Attribute, The enctype Attribute, The accept-charset Attribute, The accept Attribute, The target Attribute, White Space and the \u003cform\u003e Element, Text Inputs, Buttons, Checkboxes, Radio Buttons, Select Boxes, File Select Boxes, Hidden Controls. Creating Labels for Controls and the \u003clabel\u003e Element: Structuring Your Forms with \u003cfieldset\u003e and \u003clegend\u003e Elements, Focus, Tabbing Order, Access Keys, Disabled and Read-Only Controls, Sending Form Data to the Server, HTTP get, HTTP post, Cascading Style Sheets."])</script><script>self.__next_f.push([1,"2b:Taf6,"])</script><script>self.__next_f.push([1,"A Basic Example, Inheritance, Where You Can Add CSS Rules, The \u003clink\u003e Element, The \u003cstyle\u003e Element, Advantages of External CSS Style Sheets, CSS Properties. Controlling Text: The font-family Property, The font-size Property, The font-weight Property, The font-style Property, The font-variant Property, The font-stretch Property, The font-size-adjust Property. Text Formatting: The color Property, The text-align Property, The vertical-align Property, The text-decoration Property, The text-indent Property, The text-shadow Property, The text-transform Property, The letter-spacing Property, The word-spacing Property, The white-space Property, The direction Property. Selectors: Universal Selector, The Type Selector, The Class Selector, The ID Selector, The Child Selector, The Descendant Selector, The Adjacent Sibling Selector. The General Sibling Selector: Using Child and Sibling Selectors To Reduce Dependence on Classes in Markup, Attribute Selectors. Lengths: Relative Units, Absolute Units, Percentages. Introducing the Box Model: An Example Illustrating the Box Model, The Border Properties, The padding Property, The margin Property, Dimensions of a Box, Internet Explorer Box Model Bug. More Cascading Style Sheets: Links, Backgrounds: The background-color Property, The background-image Property, The background-repeat Property, The background-position Property (for Fixing Position of Backgrounds), The background-attachment Property (for Watermarks), The background Property (the Shorthand). Lists: The list-style-type Property, The list-style-position Property, The list-style-image Property, The list-style Property (the Shorthand). Tables: Table-Specific Properties, The border-collapse Property, The border-spacing Property, The empty-cells Property, The caption-side Property, The table-layout Property. Outlines: The outline-width Property, The outline-style Property, The outline-color Property, The outline Property (the Shorthand). The :focus and :active Pseudo-Classes: Generated Content, The :before and :after Pseudo-Elements, The content Property, The cursor Property, The display Property, The visibility Property. Positioning and Layout with CSS: Normal Flow, The position Property, Box Offset Properties, Relative Positioning, Absolute Positioning, Fixed Positioning, The z-index Property, Floating Using the float Property, The clear Property. Page Layout: Understanding the Site's Audience, Who Will Visit the Site? Why Have They Visited Your Site? What Does a Visitor Need to Achieve a Goal? How Often Will People Want to Visit? Things You Want the Site to Do, Prioritizing Information, Grouping and Categorization, Creating a Site Map, Identifying Key Elements for Each Page, Page Size (and Screen Resolution), Understanding Screen Sizes, Fixed-Width vs. Liquid Designs."])</script><script>self.__next_f.push([1,"f:[\"$\",\"div\",null,{\"className\":\"space-y-6 mt-6\",\"children\":[[\"$\",\"$L28\",\"0\",{\"href\":\"chapters/html\",\"className\":\"block rounded-md bg-[#f8fafb] p-4 sm:p-5 md:p-6 hover:shadow-sm transition-shadow duration-200\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row md:justify-between md:items-center gap-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-center sm:gap-2 text-base sm:text-lg font-semibold leading-6 sm:leading-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"hidden sm:inline\",\"children\":[\"$\",\"$L29\",null,{\"src\":\"/svgs/chapter-indicator-dark.svg\",\"alt\":\"Chapter indicator dark\",\"className\":\"block dark:hidden\",\"width\":25,\"height\":25}]}],[\"$\",\"span\",null,{\"children\":[\"Unit \",1,\":\"]}],[\"$\",\"span\",null,{\"children\":\"HTML\"}]]}],[\"$\",\"button\",null,{\"className\":\"flex items-center gap-2 px-3 py-1 rounded-md border border-primary/50 hover:bg-[#eef8ff] text-sm sm:text-base w-fit\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-notebook w-4 h-4 sm:w-5 sm:h-5\",\"children\":[[\"$\",\"path\",\"aawbzj\",{\"d\":\"M2 6h4\"}],[\"$\",\"path\",\"l0bgd4\",{\"d\":\"M2 10h4\"}],[\"$\",\"path\",\"1gsvsf\",{\"d\":\"M2 14h4\"}],[\"$\",\"path\",\"1bu2t1\",{\"d\":\"M2 18h4\"}],[\"$\",\"rect\",\"1nb95v\",{\"width\":\"16\",\"height\":\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\"}],[\"$\",\"path\",\"rotuqe\",{\"d\":\"M16 2v20\"}],\"$undefined\"]}],\"Read note\"]}]]}],[\"$\",\"div\",null,{\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"$2a\"},\"className\":\"prose mt-4 line-clamp-5 max-w-full dark:prose-invert text-sm sm:text-base\"}]]}],[\"$\",\"$L28\",\"1\",{\"href\":\"chapters/introducing-css\",\"className\":\"block rounded-md bg-[#f8fafb] p-4 sm:p-5 md:p-6 hover:shadow-sm transition-shadow duration-200\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row md:justify-between md:items-center gap-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-center sm:gap-2 text-base sm:text-lg font-semibold leading-6 sm:leading-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"hidden sm:inline\",\"children\":[\"$\",\"$L29\",null,{\"src\":\"/svgs/chapter-indicator-dark.svg\",\"alt\":\"Chapter indicator dark\",\"className\":\"block dark:hidden\",\"width\":25,\"height\":25}]}],[\"$\",\"span\",null,{\"children\":[\"Unit \",2,\":\"]}],[\"$\",\"span\",null,{\"children\":\"Introducing CSS\"}]]}],[\"$\",\"button\",null,{\"className\":\"flex items-center gap-2 px-3 py-1 rounded-md border border-primary/50 hover:bg-[#eef8ff] text-sm sm:text-base w-fit\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-notebook w-4 h-4 sm:w-5 sm:h-5\",\"children\":[[\"$\",\"path\",\"aawbzj\",{\"d\":\"M2 6h4\"}],[\"$\",\"path\",\"l0bgd4\",{\"d\":\"M2 10h4\"}],[\"$\",\"path\",\"1gsvsf\",{\"d\":\"M2 14h4\"}],[\"$\",\"path\",\"1bu2t1\",{\"d\":\"M2 18h4\"}],[\"$\",\"rect\",\"1nb95v\",{\"width\":\"16\",\"height\":\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\"}],[\"$\",\"path\",\"rotuqe\",{\"d\":\"M16 2v20\"}],\"$undefined\"]}],\"Read note\"]}]]}],[\"$\",\"div\",null,{\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"$2b\"},\"className\":\"prose mt-4 line-clamp-5 max-w-full dark:prose-invert text-sm sm:text-base\"}]]}],[\"$\",\"$L28\",\"2\",{\"href\":\"chapters/learning-javascript\",\"className\":\"block rounded-md bg-[#f8fafb] p-4 sm:p-5 md:p-6 hover:shadow-sm transition-shadow duration-200\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row md:justify-between md:items-center gap-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-center sm:gap-2 text-base sm:text-lg font-semibold leading-6 sm:leading-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"hidden sm:inline\",\"children\":[\"$\",\"$L29\",null,{\"src\":\"/svgs/chapter-indicator-dark.svg\",\"alt\":\"Chapter indicator dark\",\"className\":\"block dark:hidden\",\"width\":25,\"height\":25}]}],[\"$\",\"span\",null,{\"children\":[\"Unit \",3,\":\"]}],[\"$\",\"span\",null,{\"children\":\"Learning JavaScript\"}]]}],[\"$\",\"button\",null,{\"className\":\"flex items-center gap-2 px-3 py-1 rounded-md border border-primary/50 hover:bg-[#eef8ff] text-sm sm:text-base w-fit\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-notebook w-4 h-4 sm:w-5 sm:h-5\",\"children\":[[\"$\",\"path\",\"aawbzj\",{\"d\":\"M2 6h4\"}],[\"$\",\"path\",\"l0bgd4\",{\"d\":\"M2 10h4\"}],[\"$\",\"path\",\"1gsvsf\",{\"d\":\"M2 14h4\"}],[\"$\",\"path\",\"1bu2t1\",{\"d\":\"M2 18h4\"}],[\"$\",\"rect\",\"1nb95v\",{\"width\":\"16\",\"height\":\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\"}],[\"$\",\"path\",\"rotuqe\",{\"d\":\"M16 2v20\"}],\"$undefined\"]}],\"Read note\"]}]]}],[\"$\",\"div\",null,{\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"What Is Programming About? How to Add a Script to Your Pages, Comments in JavaScript, The \u003cnoscript\u003e Element, The Document Object Model, Accessing Values Using Dot Notation, The Document Object, The Forms Collection, Form Elements, Images Collection, Different Types of Objects, A Word About Data Types, Keywords. Starting to Program with JavaScript: Variables, Assigning a Value to a Variable, Lifetime of a Variable, Operators, Arithmetic Operators, Assignment Operators, Comparison Operators, Logical or Boolean Operators, String Operator (Using + with Strings). Functions: How to Define a Function, How To Call a Function, The Return Statement. Conditional Statements: if Statements, if . . . else Statements, switch Statement. Looping: While, do . . . while, for, Infinite Loops and the break Statement. Events (Built-in Objects: String, Date, Array, Window). Form Validation: When to Validate, What You Can Check For, How to Check a Form, Checking Text Fields, Select Box Options, Radio Buttons, Checkboxes.\"},\"className\":\"prose mt-4 line-clamp-5 max-w-full dark:prose-invert text-sm sm:text-base\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"div\",null,{\"className\":\"px-4 md:px-8\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://hamronotes.com/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"BITM\\\",\\\"item\\\":\\\"https://hamronotes.com/bitm\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Semester 3\\\",\\\"item\\\":\\\"https://hamronotes.com/bitm/semester-3\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":4,\\\"name\\\":\\\"Web Programming I\\\"}]}\"}}],[\"$\",\"div\",null,{\"className\":\" border-b border-border\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative px-4 my-4 flex justify-between items-center \",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3 lg:col-span-2\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"max-w-full text-xl font-[600] leading-tight tracking-tight text-foreground sm:text-2xl md:leading-10 lg:col-span-2 lg:text-3xl xl:col-auto\",\"children\":[\"BITM\",\" \",\"Web Programming I\"]}],[\"$\",\"div\",null,{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs font-medium uppercase px-4 py-1 bg-primary text-white rounded-full\",\"children\":\"bitm\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium uppercase px-4 py-1 bg-primary text-white rounded-full\",\"children\":\"semester 3\"}]]}],[\"$\",\"$L2c\",null,{\"examDate\":null,\"className\":\"md:hidden\"}],[\"$\",\"div\",null,{\"className\":\"prose hidden dark:prose-invert md:block\",\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"Structuring Documents for the Web, Links and Navigation, Images, Audio, and Video, Tables, Forms, Cascading Style Sheets, More Cascading Style Sheets, Page Layout, Design Issues, Learning JavaScript, Working with JavaScript\"}}]]}],[\"$\",\"div\",null,{\"className\":\"ml-6 flex shrink-0 items-center gap-6\",\"children\":[[\"$\",\"$L2d\",null,{\"examDate\":null,\"className\":\"hidden md:flex\"}],[\"$\",\"$L29\",null,{\"src\":\"/svgs/notes-62.svg\",\"alt\":\"semester photo\",\"width\":250,\"height\":250,\"className\":\"hidden lg:block\"}]]}]]}],[\"$\",\"$L2e\",null,{\"hasViva\":true,\"hasPractical\":true}]]}],[\"$\",\"div\",null,{\"className\":\"my-6 md:my-10\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(root)\",\"children\",\"(courses)\",\"children\",\"$11\",\"children\",\"$12\",\"children\",\"$13\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]\n"])</script><script>self.__next_f.push([1,"18:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"BITM Web Programming I Notes – Question Banks \u0026 Past Papers | HamroNotes\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Structuring Documents for the Web, Links and Navigation, Images, Audio, and Video, Tables, Forms, Cascading Style Sheets, More Cascading Style Sheets, Page Layo\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"HamroNotes\"}],[\"$\",\"link\",\"5\",{\"rel\":\"author\",\"href\":\"https://hamronotes.com\"}],[\"$\",\"meta\",\"6\",{\"name\":\"author\",\"content\":\"HamroNotes\"}],[\"$\",\"link\",\"7\",{\"rel\":\"manifest\",\"href\":\"/favicon/site.webmanifest\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"8\",{\"name\":\"keywords\",\"content\":\"HamroNotes,online notes,study notes,chapter-wise notes,question bank,past papers,old questions with solutions,video solutions,exam preparation,bachelor exam preparation,entrance preparation,learning platform Nepal,NEB notes,CSIT notes,BBA notes,BBS notes,TU notes\"}],[\"$\",\"meta\",\"9\",{\"name\":\"creator\",\"content\":\"HamroNotes\"}],[\"$\",\"meta\",\"10\",{\"name\":\"publisher\",\"content\":\"HamroNotes\"}],[\"$\",\"meta\",\"11\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"12\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"13\",{\"name\":\"category\",\"content\":\"education\"}],[\"$\",\"link\",\"14\",{\"rel\":\"canonical\",\"href\":\"https://hamronotes.com/bitm/semester-3/web-programming-i/chapters\"}],[\"$\",\"meta\",\"15\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:title\",\"content\":\"Web Programming I — Notes \u0026 Past Papers\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:description\",\"content\":\"Structuring Documents for the Web, Links and Navigation, Images, Audio, and Video, Tables, Forms, Cascading Style Sheets, More Cascading Style Sheets, Page Layo\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:url\",\"content\":\"https://hamronotes.com/bitm/semester-3/web-programming-i/chapters\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://hamronotes.com/notes.jpg\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:alt\",\"content\":\"Web Programming I\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Web Programming I — Notes \u0026 Past Papers\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Structuring Documents for the Web, Links and Navigation, Images, Audio, and Video, Tables, Forms, Cascading Style Sheets, More Cascading Style Sheets, Page Layo\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://hamronotes.com/notes.jpg\"}],[\"$\",\"link\",\"26\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/favicon/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/favicon/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon/apple-touch-icon.png\"}],[\"$\",\"meta\",\"31\",{\"name\":\"next-size-adjust\"}]]\n"])</script><script>self.__next_f.push([1,"e:null\n"])</script></body></html>