{"title":"Basic","description":"","products":[{"product_id":"free-pack","title":"Free Pack","description":"\u003cp\u003e1. Problem Statement\u003c\/p\u003e\n\u003cp\u003eMany people want to begin learning web development, but they often face scattered materials and different explanations of the same topics. This can make it difficult to know where to begin: markup, styling, or interaction logic. First steps may feel overloaded because many new terms appear alongside basic ideas. Free Pack is created to reduce unnecessary noise at the beginning. It introduces the basic learning structure without pressure or complicated wording.\u003c\/p\u003e\n\u003cp\u003e2. Solution\u003c\/p\u003e\n\u003cp\u003eFree Pack offers a short and clear entry point into HTML, CSS, and JS. The materials are presented step by step, so new ideas do not blend into one confusing block. You will see how a simple page is built, how styles change its appearance, and how JS adds basic interaction. This plan is suitable for reviewing the Weblioner approach before choosing a broader course. It gives a calm starting point and helps shape your first view of the learning route.\u003c\/p\u003e\n\u003cp\u003e3. What’s Inside\u003c\/p\u003e\n\u003cul data-start=\"6900\" data-end=\"7413\"\u003e\n\u003cli data-section-id=\"8h1cfw\" data-start=\"6900\" data-end=\"7007\"\u003e\n\u003cstrong data-start=\"6902\" data-end=\"6929\"\u003eModule 1: Page Skeleton\u003c\/strong\u003e — what HTML structure is, how core tags work, and how a basic page is formed.\u003c\/li\u003e\n\u003cli data-section-id=\"105my1b\" data-start=\"7008\" data-end=\"7109\"\u003e\n\u003cstrong data-start=\"7010\" data-end=\"7035\"\u003eModule 2: Style Layer\u003c\/strong\u003e — how CSS affects element appearance, spacing, colors, sizes, and layout.\u003c\/li\u003e\n\u003cli data-section-id=\"1tqmj4x\" data-start=\"7110\" data-end=\"7206\"\u003e\n\u003cstrong data-start=\"7112\" data-end=\"7143\"\u003eModule 3: First Interaction\u003c\/strong\u003e — how JS can respond to user actions and change page elements.\u003c\/li\u003e\n\u003cli data-section-id=\"1tpiekq\" data-start=\"7207\" data-end=\"7315\"\u003e\n\u003cstrong data-start=\"7209\" data-end=\"7241\"\u003eModule 4: Code Reading Notes\u003c\/strong\u003e — how to read code examples carefully and understand what each part does.\u003c\/li\u003e\n\u003cli data-section-id=\"1c9h8et\" data-start=\"7316\" data-end=\"7413\"\u003e\n\u003cstrong data-start=\"7318\" data-end=\"7350\"\u003eModule 5: Mini Practice Task\u003c\/strong\u003e — a small task to review your first look at HTML, CSS, and JS.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e4. Who is this for?\u003c\/p\u003e\n\u003cp\u003e✅ \u003cstrong data-start=\"7441\" data-end=\"7463\"\u003eFits you if you...\u003c\/strong\u003e\u003cbr data-start=\"7463\" data-end=\"7466\"\u003eWant a calm introduction to HTML, CSS, and JS without overload.\u003cbr data-start=\"7529\" data-end=\"7532\"\u003eAre looking for a short starter format before choosing a larger plan.\u003cbr data-start=\"7601\" data-end=\"7604\"\u003eWant to see the Weblioner explanation style.\u003cbr data-start=\"7648\" data-end=\"7651\"\u003ePlan to study web development gradually with a clear structure.\u003c\/p\u003e\n\u003cp\u003e❌ \u003cstrong data-start=\"7718\" data-end=\"7741\"\u003eNot a fit if you...\u003c\/strong\u003e\u003cbr data-start=\"7741\" data-end=\"7744\"\u003eAre looking for a very deep course with many modules.\u003cbr data-start=\"7797\" data-end=\"7800\"\u003eExpect personal guidance or individual task reviews.\u003cbr data-start=\"7852\" data-end=\"7855\"\u003eWant to move directly into complex projects.\u003cbr data-start=\"7899\" data-end=\"7902\"\u003eNeed a full learning route with extended materials.\u003c\/p\u003e\n\u003cp\u003e5. What You’ll Learn\u003c\/p\u003e\n\u003cul data-start=\"7980\" data-end=\"8354\"\u003e\n\u003cli data-section-id=\"16g3a78\" data-start=\"7980\" data-end=\"8023\"\u003eThe basic role of HTML in page structure.\u003c\/li\u003e\n\u003cli data-section-id=\"1ogd8ch\" data-start=\"8024\" data-end=\"8087\"\u003eAn early understanding of how CSS changes element appearance.\u003c\/li\u003e\n\u003cli data-section-id=\"dxqwr1\" data-start=\"8088\" data-end=\"8135\"\u003eA first look at basic interaction through JS.\u003c\/li\u003e\n\u003cli data-section-id=\"ymwnpd\" data-start=\"8136\" data-end=\"8197\"\u003eHow to read a simple code fragment and explain its purpose.\u003c\/li\u003e\n\u003cli data-section-id=\"149gy3m\" data-start=\"8198\" data-end=\"8282\"\u003eHow to create a small learning example with markup, styles, and one simple action.\u003c\/li\u003e\n\u003cli data-section-id=\"pelqnu\" data-start=\"8283\" data-end=\"8354\"\u003eHow to understand which next plan may better match your study rhythm.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e6. Return Terms\u003c\/p\u003e\n\u003cp\u003eFree Pack is an introductory plan, so it can be used as a first-look option before paid courses. For paid Weblioner plans, return terms are available within 30 days according to the store rules. Before placing an order, we recommend reviewing the plan description, included materials, and purchase terms.\u003c\/p\u003e","brand":"Weblioner","offers":[{"title":"Default Title","offer_id":59796869939534,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1042\/3815\/4062\/files\/free.jpg?v=1780407549"},{"product_id":"vertex-pack","title":"Vertex Pack","description":"\u003cp\u003e1. Learning Situation\u003c\/p\u003e\n\u003cp\u003eAfter the first steps in web development, a common question appears: how to connect separate pieces of knowledge into one clear system. HTML may feel like one topic, CSS like another, and JS like an additional layer that can be difficult to add without confusion. Because of this, it can be hard to see how a page is built from parts and how those parts work together. Vertex Pack is created to show the links between the main elements of a web page. It helps you move from separate concepts to one complete learning example.\u003c\/p\u003e\n\u003cp\u003e2. How This Plan Helps\u003c\/p\u003e\n\u003cp\u003eVertex Pack presents topics through sequential modules with practical code fragments. You study not only separate tags or properties, but also how they interact within a page. The lessons are arranged to gradually add new details without sudden complexity. Special attention is given to reading code, file structure, and small tasks after each block. This is a suitable next step after the introductory Free Pack plan.\u003c\/p\u003e\n\u003cp\u003e3. What’s Inside\u003c\/p\u003e\n\u003cul data-start=\"4590\" data-end=\"5208\"\u003e\n\u003cli data-section-id=\"1anjhdb\" data-start=\"4590\" data-end=\"4678\"\u003e\n\u003cstrong data-start=\"4592\" data-end=\"4618\"\u003eModule 1: Markup Frame\u003c\/strong\u003e — how to create a basic HTML structure for a learning page.\u003c\/li\u003e\n\u003cli data-section-id=\"1vdcb8z\" data-start=\"4679\" data-end=\"4799\"\u003e\n\u003cstrong data-start=\"4681\" data-end=\"4709\"\u003eModule 2: Content Blocks\u003c\/strong\u003e — how to divide a page into logical sections: headings, text, buttons, cards, and blocks.\u003c\/li\u003e\n\u003cli data-section-id=\"1be4wbu\" data-start=\"4800\" data-end=\"4897\"\u003e\n\u003cstrong data-start=\"4802\" data-end=\"4826\"\u003eModule 3: CSS Rhythm\u003c\/strong\u003e — how to work with spacing, sizes, background, borders, and alignment.\u003c\/li\u003e\n\u003cli data-section-id=\"k475ap\" data-start=\"4898\" data-end=\"4984\"\u003e\n\u003cstrong data-start=\"4900\" data-end=\"4927\"\u003eModule 4: Layout Basics\u003c\/strong\u003e — how to place elements on a page and keep visual order.\u003c\/li\u003e\n\u003cli data-section-id=\"bbyu1a\" data-start=\"4985\" data-end=\"5098\"\u003e\n\u003cstrong data-start=\"4987\" data-end=\"5014\"\u003eModule 5: JS Touchpoint\u003c\/strong\u003e — how to add a simple JS action and understand what happens after user interaction.\u003c\/li\u003e\n\u003cli data-section-id=\"x33sam\" data-start=\"5099\" data-end=\"5208\"\u003e\n\u003cstrong data-start=\"5101\" data-end=\"5128\"\u003eModule 6: Practice Page\u003c\/strong\u003e — how to assemble a small page with HTML, CSS, and JS within one learning task.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e4. Who This Plan Is For\u003c\/p\u003e\n\u003cp\u003e✅ \u003cstrong data-start=\"5240\" data-end=\"5262\"\u003eFits you if you...\u003c\/strong\u003e\u003cbr data-start=\"5262\" data-end=\"5265\"\u003eWant to move from a first look at code into more organized practice.\u003cbr data-start=\"5333\" data-end=\"5336\"\u003eWant to better understand how HTML, CSS, and JS work together.\u003cbr data-start=\"5398\" data-end=\"5401\"\u003eLike learning through examples, short tasks, and logic-based explanations.\u003cbr data-start=\"5475\" data-end=\"5478\"\u003eWant to create a small page as a learning result.\u003c\/p\u003e\n\u003cp\u003e❌ \u003cstrong data-start=\"5531\" data-end=\"5556\"\u003eNot for you if you...\u003c\/strong\u003e\u003cbr data-start=\"5556\" data-end=\"5559\"\u003eAre looking for a large course with many extended topics.\u003cbr data-start=\"5616\" data-end=\"5619\"\u003eExpect personal review of every task.\u003cbr data-start=\"5656\" data-end=\"5659\"\u003eWant to work with complex code architecture right away.\u003cbr data-start=\"5714\" data-end=\"5717\"\u003eAlready understand basic page structure well and want a deeper JS-focused path.\u003c\/p\u003e\n\u003cp\u003e5. What You’ll Study\u003c\/p\u003e\n\u003cul data-start=\"5823\" data-end=\"6215\"\u003e\n\u003cli data-section-id=\"1cf9192\" data-start=\"5823\" data-end=\"5886\"\u003eBuilding a simple HTML structure with several logical blocks.\u003c\/li\u003e\n\u003cli data-section-id=\"17qcew7\" data-start=\"5887\" data-end=\"5940\"\u003eWorking with basic CSS properties for page styling.\u003c\/li\u003e\n\u003cli data-section-id=\"wrckld\" data-start=\"5941\" data-end=\"5987\"\u003ePlacing elements in a clear visual sequence.\u003c\/li\u003e\n\u003cli data-section-id=\"1b6fe9i\" data-start=\"5988\" data-end=\"6045\"\u003ePreparing a small page with text, blocks, and a button.\u003c\/li\u003e\n\u003cli data-section-id=\"2tzbo8\" data-start=\"6046\" data-end=\"6092\"\u003eAdding a simple JS action to a page element.\u003c\/li\u003e\n\u003cli data-section-id=\"j6db32\" data-start=\"6093\" data-end=\"6157\"\u003eReading learning code and understanding the role of each part.\u003c\/li\u003e\n\u003cli data-section-id=\"1iygsi2\" data-start=\"6158\" data-end=\"6215\"\u003eAssembling one complete example with HTML, CSS, and JS.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e6. Return Terms\u003c\/p\u003e\n\u003cp\u003eVertex Pack has 30-day return terms according to the store rules. Before purchase, we recommend reviewing the plan description, included materials, and learning format. If the plan does not match your expectations, contact the Weblioner team through the Contact page to clarify the next steps.\u003c\/p\u003e","brand":"Weblioner","offers":[{"title":"Default Title","offer_id":59796872888654,"sku":null,"price":40.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1042\/3815\/4062\/files\/vertex.jpg?v=1780407549"},{"product_id":"luma-course","title":"Luma Course","description":"\u003cp\u003e1. Learning Situation\u003c\/p\u003e\n\u003cp\u003eAfter becoming familiar with basic concepts, many learners want to better understand the logic behind page creation. A learner may know separate tags, properties, and commands, but may not always see how they form a clean interface. Because of this, learning examples can sometimes feel like separate fragments without one clear direction. It can also be difficult to move from a small code block to a complete page. Luma Course is created to make learning more organized, attentive, and connected to practice.\u003c\/p\u003e\n\u003cp\u003e2. How This Plan Helps\u003c\/p\u003e\n\u003cp\u003eLuma Course divides page creation into understandable parts: structure, visual presentation, block placement, and basic interaction. The materials show how HTML forms the base, CSS shapes the appearance, and JS adds element behavior. Each module has its own learning role and gradually leads to building a small interface. This plan helps you work through a clear sequence instead of jumping between unrelated pieces. It is a good choice for learners who want more practice after the starter plans.\u003c\/p\u003e\n\u003cp\u003e3. What’s Inside\u003c\/p\u003e\n\u003cul data-start=\"5276\" data-end=\"6128\"\u003e\n\u003cli data-section-id=\"1wsvsop\" data-start=\"5276\" data-end=\"5387\"\u003e\n\u003cstrong data-start=\"5278\" data-end=\"5304\"\u003eModule 1: Clean Markup\u003c\/strong\u003e — how to create a neat HTML structure and understand the purpose of core elements.\u003c\/li\u003e\n\u003cli data-section-id=\"1jjacrg\" data-start=\"5388\" data-end=\"5497\"\u003e\n\u003cstrong data-start=\"5390\" data-end=\"5419\"\u003eModule 2: Text \u0026amp; Sections\u003c\/strong\u003e — how to work with headings, paragraphs, lists, sections, and content blocks.\u003c\/li\u003e\n\u003cli data-section-id=\"nl4csb\" data-start=\"5498\" data-end=\"5604\"\u003e\n\u003cstrong data-start=\"5500\" data-end=\"5527\"\u003eModule 3: Visual Basics\u003c\/strong\u003e — how CSS helps set colors, sizes, spacing, typography, and element borders.\u003c\/li\u003e\n\u003cli data-section-id=\"1de5365\" data-start=\"5605\" data-end=\"5704\"\u003e\n\u003cstrong data-start=\"5607\" data-end=\"5632\"\u003eModule 4: Layout Flow\u003c\/strong\u003e — how to place blocks on a page and keep visual order between sections.\u003c\/li\u003e\n\u003cli data-section-id=\"nxmihv\" data-start=\"5705\" data-end=\"5801\"\u003e\n\u003cstrong data-start=\"5707\" data-end=\"5735\"\u003eModule 5: Component Card\u003c\/strong\u003e — how to create a learning card with text, a button, and styling.\u003c\/li\u003e\n\u003cli data-section-id=\"icmvc6\" data-start=\"5802\" data-end=\"5906\"\u003e\n\u003cstrong data-start=\"5804\" data-end=\"5829\"\u003eModule 6: JS Reaction\u003c\/strong\u003e — how to add a simple reaction to a user action and change an element state.\u003c\/li\u003e\n\u003cli data-section-id=\"1n1dq8x\" data-start=\"5907\" data-end=\"6013\"\u003e\n\u003cstrong data-start=\"5909\" data-end=\"5944\"\u003eModule 7: Small Interface Build\u003c\/strong\u003e — how to assemble a small learning interface with HTML, CSS, and JS.\u003c\/li\u003e\n\u003cli data-section-id=\"eo4fo9\" data-start=\"6014\" data-end=\"6128\"\u003e\n\u003cstrong data-start=\"6016\" data-end=\"6042\"\u003eModule 8: Review Notes\u003c\/strong\u003e — how to review your own code, find unnecessary parts, and make the structure neater.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e4. Who This Plan Is For\u003c\/p\u003e\n\u003cp\u003e✅ \u003cstrong data-start=\"6160\" data-end=\"6182\"\u003eFits you if you...\u003c\/strong\u003e\u003cbr data-start=\"6182\" data-end=\"6185\"\u003eWant to study HTML, CSS, and JS through organized learning blocks.\u003cbr data-start=\"6251\" data-end=\"6254\"\u003eWant to better understand how separate page parts form one interface.\u003cbr data-start=\"6323\" data-end=\"6326\"\u003eLike practical examples with explanations of the logic behind each step.\u003cbr data-start=\"6398\" data-end=\"6401\"\u003eWant to create a small learning interface based on several modules.\u003cbr data-start=\"6468\" data-end=\"6471\"\u003eAre looking for a plan with more material than the starter options.\u003c\/p\u003e\n\u003cp\u003e❌ \u003cstrong data-start=\"6542\" data-end=\"6567\"\u003eNot for you if you...\u003c\/strong\u003e\u003cbr data-start=\"6567\" data-end=\"6570\"\u003eExpect personal consultations or individual review of all tasks.\u003cbr data-start=\"6634\" data-end=\"6637\"\u003eWant to work with large multi-page projects right away.\u003cbr data-start=\"6692\" data-end=\"6695\"\u003eAre looking for materials on only one topic without HTML, CSS, and JS working together.\u003cbr data-start=\"6782\" data-end=\"6785\"\u003eNeed advanced topics without reviewing basic concepts.\u003c\/p\u003e\n\u003cp\u003e5. What You’ll Study\u003c\/p\u003e\n\u003cul data-start=\"6866\" data-end=\"7344\"\u003e\n\u003cli data-section-id=\"1ueqf8a\" data-start=\"6866\" data-end=\"6919\"\u003eBuilding a neat HTML structure for a learning page.\u003c\/li\u003e\n\u003cli data-section-id=\"1ogx3ct\" data-start=\"6920\" data-end=\"6986\"\u003eDividing content into sections, cards, text blocks, and buttons.\u003c\/li\u003e\n\u003cli data-section-id=\"rgh8oh\" data-start=\"6987\" data-end=\"7045\"\u003eWorking with basic CSS properties for interface styling.\u003c\/li\u003e\n\u003cli data-section-id=\"77pzc9\" data-start=\"7046\" data-end=\"7109\"\u003eSetting spacing, sizes, backgrounds, borders, and typography.\u003c\/li\u003e\n\u003cli data-section-id=\"wrckld\" data-start=\"7110\" data-end=\"7156\"\u003ePlacing elements in a clear visual sequence.\u003c\/li\u003e\n\u003cli data-section-id=\"1fuywbh\" data-start=\"7157\" data-end=\"7206\"\u003eAdding simple JS interaction to a page element.\u003c\/li\u003e\n\u003cli data-section-id=\"1wgd7zz\" data-start=\"7207\" data-end=\"7274\"\u003eCreating a small learning interface from several connected parts.\u003c\/li\u003e\n\u003cli data-section-id=\"18jsiwm\" data-start=\"7275\" data-end=\"7344\"\u003eReviewing your own code and finding places that can be made neater.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e6. Return Terms\u003c\/p\u003e\n\u003cp\u003eLuma Course has 30-day return terms according to the store rules. Before purchase, it is worth reviewing the plan description, included materials, and learning format. If, after reviewing the course, it does not match your expectations, you can contact the Weblioner team through the Contact page to clarify the next steps.\u003c\/p\u003e","brand":"Weblioner","offers":[{"title":"Default Title","offer_id":59796875444558,"sku":null,"price":150.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1042\/3815\/4062\/files\/luma.jpg?v=1780407549"},{"product_id":"nexus-module","title":"Nexus Module","description":"\u003cp\u003e1. Learning Situation\u003c\/p\u003e\n\u003cp\u003eOnce the basic topics are familiar, the next challenge is connecting HTML, CSS, and JS into a more organized system. A learner may understand separate examples but feel unsure when several blocks need to become one interface. The difficulty often comes not from the commands themselves, but from arranging the work in a clear sequence. Without a clear structure, code can look disconnected, and changes in one place may affect other parts of the page. Nexus Module is created to study these connections carefully through practical learning tasks.\u003c\/p\u003e\n\u003cp\u003e2. How This Plan Helps\u003c\/p\u003e\n\u003cp\u003eNexus Module shows how to build a page as connected blocks rather than separate fragments. The materials explain how HTML creates the frame, CSS shapes the visual system, and JS adds simple interaction logic. Each module explains one part of the work and then connects it with previous topics. This approach helps you better see the code structure and the role of each element. The plan is suitable for learners who want to move from small examples to a more complete learning page.\u003c\/p\u003e\n\u003cp\u003e3. What’s Inside\u003c\/p\u003e\n\u003cul data-start=\"5413\" data-end=\"6376\"\u003e\n\u003cli data-section-id=\"35e32q\" data-start=\"5413\" data-end=\"5517\"\u003e\n\u003cstrong data-start=\"5415\" data-end=\"5442\"\u003eModule 1: Structure Map\u003c\/strong\u003e — how to plan a page before writing code and divide it into logical parts.\u003c\/li\u003e\n\u003cli data-section-id=\"3honox\" data-start=\"5518\" data-end=\"5616\"\u003e\n\u003cstrong data-start=\"5520\" data-end=\"5549\"\u003eModule 2: Semantic Blocks\u003c\/strong\u003e — how to use meaningful HTML elements to create a clear page base.\u003c\/li\u003e\n\u003cli data-section-id=\"1os6ohv\" data-start=\"5617\" data-end=\"5732\"\u003e\n\u003cstrong data-start=\"5619\" data-end=\"5649\"\u003eModule 3: CSS System Notes\u003c\/strong\u003e — how to set repeated styles, spacing, colors, sizes, and the general page rhythm.\u003c\/li\u003e\n\u003cli data-section-id=\"1p421xu\" data-start=\"5733\" data-end=\"5844\"\u003e\n\u003cstrong data-start=\"5735\" data-end=\"5767\"\u003eModule 4: Layout Connections\u003c\/strong\u003e — how to connect sections, cards, buttons, and text blocks in one interface.\u003c\/li\u003e\n\u003cli data-section-id=\"qbv1eo\" data-start=\"5845\" data-end=\"5926\"\u003e\n\u003cstrong data-start=\"5847\" data-end=\"5880\"\u003eModule 5: Interactive Details\u003c\/strong\u003e — how to add simple element behavior with JS.\u003c\/li\u003e\n\u003cli data-section-id=\"1mml5tq\" data-start=\"5927\" data-end=\"6030\"\u003e\n\u003cstrong data-start=\"5929\" data-end=\"5956\"\u003eModule 6: State Changes\u003c\/strong\u003e — how to change the appearance or text of an element after a user action.\u003c\/li\u003e\n\u003cli data-section-id=\"11qay61\" data-start=\"6031\" data-end=\"6134\"\u003e\n\u003cstrong data-start=\"6033\" data-end=\"6067\"\u003eModule 7: Connected Page Build\u003c\/strong\u003e — how to assemble a learning page from several connected sections.\u003c\/li\u003e\n\u003cli data-section-id=\"wbehkk\" data-start=\"6135\" data-end=\"6235\"\u003e\n\u003cstrong data-start=\"6137\" data-end=\"6163\"\u003eModule 8: Code Cleanup\u003c\/strong\u003e — how to review code, reduce repetition, and make the structure neater.\u003c\/li\u003e\n\u003cli data-section-id=\"6np6bn\" data-start=\"6236\" data-end=\"6376\"\u003e\n\u003cstrong data-start=\"6238\" data-end=\"6267\"\u003eModule 9: Practice Review\u003c\/strong\u003e — how to check a learning example using a list of criteria: structure, styles, interaction, and readability.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e4. Who This Plan Is For\u003c\/p\u003e\n\u003cp\u003e✅ \u003cstrong data-start=\"6408\" data-end=\"6430\"\u003eFits you if you...\u003c\/strong\u003e\u003cbr data-start=\"6430\" data-end=\"6433\"\u003eWant to better understand how HTML, CSS, and JS interact within one page.\u003cbr data-start=\"6506\" data-end=\"6509\"\u003eAlready know the basic concepts and want more practice with connected structure.\u003cbr data-start=\"6589\" data-end=\"6592\"\u003eLike learning through modules where each new block supports the previous one.\u003cbr data-start=\"6669\" data-end=\"6672\"\u003eWant to assemble a learning page with several sections, styles, and simple interaction.\u003cbr data-start=\"6759\" data-end=\"6762\"\u003eWant to write neater code and better understand its organization.\u003c\/p\u003e\n\u003cp\u003e❌ \u003cstrong data-start=\"6831\" data-end=\"6856\"\u003eNot for you if you...\u003c\/strong\u003e\u003cbr data-start=\"6856\" data-end=\"6859\"\u003eAre just starting and want a very short introduction to the topic.\u003cbr data-start=\"6925\" data-end=\"6928\"\u003eExpect individual review of every task.\u003cbr data-start=\"6967\" data-end=\"6970\"\u003eAre looking for a course focused on only one language without combining HTML, CSS, and JS.\u003cbr data-start=\"7060\" data-end=\"7063\"\u003eWant to work on large complex projects right away without reviewing basic concepts.\u003c\/p\u003e\n\u003cp\u003e5. What You’ll Study\u003c\/p\u003e\n\u003cul data-start=\"7173\" data-end=\"7691\"\u003e\n\u003cli data-section-id=\"1blsvf8\" data-start=\"7173\" data-end=\"7237\"\u003ePlanning the structure of a learning page before writing code.\u003c\/li\u003e\n\u003cli data-section-id=\"160pqka\" data-start=\"7238\" data-end=\"7291\"\u003eBuilding meaningful HTML sections with clear logic.\u003c\/li\u003e\n\u003cli data-section-id=\"1x2l7yx\" data-start=\"7292\" data-end=\"7346\"\u003eCreating a repeated style system for several blocks.\u003c\/li\u003e\n\u003cli data-section-id=\"u9iyp8\" data-start=\"7347\" data-end=\"7407\"\u003eWorking with spacing, sizes, alignment, and visual rhythm.\u003c\/li\u003e\n\u003cli data-section-id=\"1ezifae\" data-start=\"7408\" data-end=\"7472\"\u003eCombining text, cards, buttons, and sections in one interface.\u003c\/li\u003e\n\u003cli data-section-id=\"1agqpxr\" data-start=\"7473\" data-end=\"7521\"\u003eAdding simple JS interaction to page elements.\u003c\/li\u003e\n\u003cli data-section-id=\"1mw6q21\" data-start=\"7522\" data-end=\"7570\"\u003eChanging an element state after a user action.\u003c\/li\u003e\n\u003cli data-section-id=\"2ulkcq\" data-start=\"7571\" data-end=\"7632\"\u003eReviewing code and finding places that can be made cleaner.\u003c\/li\u003e\n\u003cli data-section-id=\"1vjsq4w\" data-start=\"7633\" data-end=\"7691\"\u003eAssembling a learning page from several connected parts.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e6. Return Terms\u003c\/p\u003e\n\u003cp\u003eNexus Module has 30-day return terms according to the store rules. Before purchase, we recommend reviewing the plan description, included materials, and learning format. If, after reviewing the plan, it does not match your expectations, you can contact the Weblioner team through the Contact page to clarify the next steps.\u003c\/p\u003e","brand":"Weblioner","offers":[{"title":"Default Title","offer_id":59796876460366,"sku":null,"price":254.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1042\/3815\/4062\/files\/nexus.jpg?v=1780407548"}],"url":"https:\/\/weblioner.net\/collections\/basic.oembed","provider":"Weblioner","version":"1.0","type":"link"}