{"id":29,"date":"2026-04-28T12:17:00","date_gmt":"2026-04-28T12:17:00","guid":{"rendered":"https:\/\/student011.wseiz.edu.pl\/?page_id=29"},"modified":"2026-04-28T12:50:30","modified_gmt":"2026-04-28T12:50:30","slug":"resources","status":"publish","type":"page","link":"https:\/\/student011.wseiz.edu.pl\/index.php\/resources\/","title":{"rendered":"Resources"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover alignfull\" style=\"padding-top:60px;padding-right:40px;padding-bottom:60px;padding-left:40px;min-height:560px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.unsplash.com\/photo-1559028012-481c04fa702d?auto=format&amp;fit=crop&amp;w=1800&amp;q=80\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\">\n<p class=\"has-white-color has-text-color wp-block-paragraph\" style=\"font-size:14px;letter-spacing:2px;text-transform:uppercase\">Resources<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-white-color has-text-color\" style=\"font-size:72px;font-weight:700;line-height:1.03\">Tools, References,<br>and Study Materials<\/h1>\n\n\n\n<p class=\"has-white-color has-text-color wp-block-paragraph\" style=\"font-size:22px;line-height:1.75\">A focused resource hub for learning web development, including essential tools, trusted references, a technology comparison table, and downloadable study material.<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-f0bcbaf9 wp-block-group-is-layout-constrained\" style=\"padding-top:90px;padding-right:40px;padding-bottom:50px;padding-left:40px\">\n<h2 class=\"wp-block-heading\" style=\"font-size:44px\">Essential Learning Tools<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.8\">These tools help beginners write code, test websites, manage projects, and understand how modern web pages work.<\/p>\n\n\n\n<ul style=\"font-size:17px;line-height:1.9\" class=\"wp-block-list\">\n<li>Visual Studio Code for writing and editing HTML, CSS, and JavaScript<\/li>\n\n\n\n<li>Chrome Developer Tools for inspecting layouts, styles, and page behavior<\/li>\n\n\n\n<li>GitHub for version control, project storage, and portfolio presentation<\/li>\n\n\n\n<li>MDN Web Docs for accurate documentation and technical explanations<\/li>\n\n\n\n<li>W3Schools and freeCodeCamp for beginner-friendly examples and practice<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-black-background-color has-background is-layout-constrained wp-container-core-group-is-layout-bac4c32e wp-block-group-is-layout-constrained\" style=\"padding-top:90px;padding-right:40px;padding-bottom:90px;padding-left:40px\">\n<h2 class=\"wp-block-heading has-white-color has-text-color\" style=\"font-size:44px\">Technology Comparison Table<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color wp-block-paragraph\" style=\"font-size:18px;line-height:1.8\">The table below compares the three core technologies used to create the structure, design, and interactivity of websites.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-white-background-color has-background has-fixed-layout\"><thead><tr><th>Technology<\/th><th>Main Purpose<\/th><th>Example Use<\/th><\/tr><\/thead><tbody><tr><td>HTML<\/td><td>Creates the page structure<\/td><td>Headings, sections, links, forms, and images<\/td><\/tr><tr><td>CSS<\/td><td>Controls visual presentation<\/td><td>Typography, spacing, colors, layout, and responsive design<\/td><\/tr><tr><td>JavaScript<\/td><td>Adds interaction and logic<\/td><td>Buttons, forms, animations, events, and dynamic updates<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-9ca53428 wp-block-group-is-layout-constrained\" style=\"padding-top:90px;padding-right:40px;padding-bottom:60px;padding-left:40px\">\n<h2 class=\"wp-block-heading\" style=\"font-size:44px\">References<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.8\">The following sources support the web development concepts explained throughout this website:<\/p>\n\n\n\n<ul style=\"font-size:17px;line-height:1.9\" class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\" target=\"_blank\" rel=\"noreferrer noopener\">MDN Web Docs \u2014 Learn Web Development<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/whatis\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3Schools \u2014 Web Development Introduction<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.freecodecamp.org\/news\/tag\/web-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">freeCodeCamp \u2014 Web Development Articles<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/javascript.info\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript.info \u2014 Modern JavaScript Tutorial<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-black-background-color has-background is-layout-constrained wp-container-core-group-is-layout-7e34cea3 wp-block-group-is-layout-constrained\" style=\"padding-top:90px;padding-right:40px;padding-bottom:90px;padding-left:40px\">\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\" style=\"font-size:50px;line-height:1.1\">Download the Study Guide<\/h2>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color wp-block-paragraph\" style=\"font-size:19px;line-height:1.8\">Use the downloadable guide as a short revision document for HTML, CSS, JavaScript, and beginner web development concepts.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/drive.google.com\/uc?export=download&#038;id=1u4JAD1TKOUqXxdrp5Z77ONBH1odTuxEL\" style=\"border-radius:999px;padding-top:15px;padding-right:34px;padding-bottom:15px;padding-left:34px\">Download PDF<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Essential Learning Tools These tools help beginners write code, test websites, manage projects, and understand how modern web pages work. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":2,"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/student011.wseiz.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}