{"id":5662,"date":"2024-06-14T19:03:18","date_gmt":"2024-06-14T19:03:18","guid":{"rendered":"https:\/\/nmi.cool\/webdev\/?page_id=5662"},"modified":"2024-06-17T18:47:13","modified_gmt":"2024-06-17T18:47:13","slug":"what-well-learn-html-and-css","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/what-well-learn-html-and-css\/","title":{"rendered":"What We&#8217;ll Learn &#8211; HTML and CSS"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1439\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-scaled.jpg\" alt=\"\" class=\"wp-image-5667\" style=\"aspect-ratio:1.7777777777777777;object-fit:cover;width:908px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-scaled.jpg 2560w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-300x169.jpg 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-1024x576.jpg 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-768x432.jpg 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-1536x863.jpg 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/valery-sysoev-p9OkL4yW3C8-unsplash-edited-2048x1151.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Ever looked at a website and wondered,&nbsp;&#8220;How did they&nbsp;<em class=\"\">do<\/em>&nbsp;that?&#8221; Well,&nbsp;get ready to find out!&nbsp;We&#8217;re about to embark on a journey that&#8217;ll take you from total newb to web-building whiz.&nbsp;<\/p>\n\n\n\n<p><strong>Here&#8217;s a taste of what we&#8217;ll be getting up to:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML &amp; CSS: Your Building Blocks:<\/strong>&nbsp;We&#8217;ll start with the fundamentals \u2013 HTML for the structure and CSS for the style.&nbsp;With these two languages, you can and will create web pages from scratch. We&#8217;ll learn how to read, write, and modify HTML and CSS code to create exquisite web works of art&#8230;eventually.<\/li>\n\n\n\n<li><strong>The Art of Organization:<\/strong>\u00a0We&#8217;ll dive into folders,\u00a0files,\u00a0and how to keep your web projects tidy (trust us,\u00a0it&#8217;ll save you headaches later). We&#8217;ll also explore some foundational concepts behind what makes your html files appear on the world wide web.<\/li>\n\n\n\n<li><strong>Meet Your Tools:<\/strong>&nbsp;Get cozy with Visual Studio Code (our code editor of choice) and learn how to use the browser&#8217;s developer tools to inspect and tweak your sites like a pro.<\/li>\n\n\n\n<li><strong>Building Your First Page:<\/strong>&nbsp;We&#8217;ll walk you through creating a basic HTML file,&nbsp;adding text,&nbsp;images,&nbsp;links&#8230;&nbsp;all the good stuff!<\/li>\n\n\n\n<li><strong>CSS Magic:<\/strong>&nbsp;Discover the power of CSS as you make your web pages drip with style (as the youths say). We&#8217;ll explore fonts,&nbsp;colors, layouts, the works.<\/li>\n\n\n\n<li><strong>Accessibility Matters:<\/strong>&nbsp;We&#8217;ll chat about why it&#8217;s important to build websites that everyone can use,&nbsp;regardless of their abilities.<\/li>\n\n\n\n<li><strong>Hands-On Fun:<\/strong>&nbsp;We&#8217;ll have plenty of playtime!&nbsp;You&#8217;ll experiment with code,&nbsp;build your own web pages,&nbsp;and even get a taste of some popular web frameworks.<\/li>\n<\/ul>\n\n\n\n<p><strong>By the end of this course, you&#8217;ll be able to:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Craft a beautiful single-column website<\/strong>&nbsp;from scratch.<\/li>\n\n\n\n<li><strong>Confidently use HTML and CSS<\/strong>&nbsp;(and understand what all those weird symbols mean).<\/li>\n\n\n\n<li><strong>Upload your website to the internet<\/strong>&nbsp;so the whole world can see it!<\/li>\n\n\n\n<li><strong>Start thinking like a web developer<\/strong>,&nbsp;always on the lookout for ways to improve your skills.<\/li>\n<\/ul>\n\n\n\n<p>So,&nbsp;are you ready to roll up your sleeves and start building?&nbsp;Let&#8217;s do this!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever looked at a website and wondered,&nbsp;&#8220;How did they&nbsp;do&nbsp;that?&#8221; Well,&nbsp;get ready to find out!&nbsp;We&#8217;re about to embark on a journey that&#8217;ll take you from total newb to web-building whiz.&nbsp; Here&#8217;s a taste of what we&#8217;ll be getting up to: By the end of this course, you&#8217;ll be able to: So,&nbsp;are you ready to roll up [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5662","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/5662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=5662"}],"version-history":[{"count":6,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/5662\/revisions"}],"predecessor-version":[{"id":5716,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/5662\/revisions\/5716"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=5662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}