{"id":6463,"date":"2026-05-11T19:08:44","date_gmt":"2026-05-11T19:08:44","guid":{"rendered":"https:\/\/nmi.cool\/webdev\/?page_id=6463"},"modified":"2026-05-11T20:01:51","modified_gmt":"2026-05-11T20:01:51","slug":"summer-schedule-2026","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/summer-schedule-2026\/","title":{"rendered":"Summer Schedule 2026"},"content":{"rendered":"\n<p>Howdy! Every week of the class is mapped out for you. If you stay on track, all you need to do is find the week and check things off the to-do list. I recommend reading through the material before you get started on the homework!<\/p>\n\n\n\n<p>Note: the homework listed for a given week is due at the start of the following week (Sunday at 11:59 p.m.). Example: the homework listed for Week 0: Create Free Code Camp (FCC) account and Install course software, should be completed by the start of the next week of class, Week 1.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Week 0: June 4 \u2013 June 7<\/h2>\n\n\n\n<p>Hey everyone, welcome to Web Development! Use these first few days (6.4\u20136.7) to get used to the flow and to ask questions! You&#8217;ll need to complete everything on the to-do list each week to stay on track!<\/p>\n\n\n\n<p>If you have some extra time, I recommend getting started on Week 1!<\/p>\n\n\n\n<p><strong>To Do:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/syllabus-summer-2025\/\">Review Syllabus<\/a>: This is super important and you should probably look at it more than once!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/summer-schedule-2025\/\">Review Schedule<\/a>: That&#8217;s this thing! Make sure to read it carefully!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/attitudes-and-habits\/\">Attitudes &amp; Habits<\/a>: Getting into the headspace that will help you succeed. <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/course-software\/\">Course Software<\/a>: Time to download the course software to your Mac or PC! <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/setting-up-your-mac\/\">Setting Up Your Mac<\/a>: <strong>This is optional<\/strong>! Some tips and tricks if you are a new Mac user. <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/getting-started-with-free-code-camp\/\">Getting Started with Free Code Camp<\/a>: Set up your Free Code Camp account so you are ready to hit the ground running.  <\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create FCC account <\/li>\n\n\n\n<li>Install Course Software<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 1: June 8 \u2013 June 14<\/h2>\n\n\n\n<p>Look at that! Week 0 is complete and we&#8217;re already onto the next! This might be the toughest week of the entire course. Don&#8217;t give up, I promise you&#8217;ll do awesome!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; HTML:<\/h4>\n\n\n\n<p><strong>Project 1:<\/strong> <a href=\"https:\/\/nmi.cool\/webdev\/artisanal-hand-crafted-small-batch-locally-sourced-bespoke-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hand-crafted website<\/a> &#8211; <strong><code>DUE Sunday, June 21 at 11:59P<\/code><\/strong><br><strong>Free Code Camp<\/strong>: Complete <a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-1\">FCC 1-3<\/a><br><strong>Read:<\/strong> 1: HTML and CSS<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested reading breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Wed<\/strong>: What We&#8217;ll Learn \u2013 Uploading to the Server; FCC-1<\/li>\n\n\n\n<li><strong>Thur-Fri<\/strong>: Your First HTML File \u2013 Images; FCC-2, FCC-3, Info Form<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Catch up on anything left or take some time to yourself\u2014you deserve it!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<p><strong>To Do:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/what-well-learn-html-and-css\/\" data-type=\"page\" data-id=\"5662\">What We&#8217;ll Learn<\/a>: Nothing better than a solid overview.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/setting-up-a-domain-and-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">Setting Up a Domain and Hosting<\/a>: Step-by-step instructions to purchase your website and hosting.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/files-and-folders\/\" data-type=\"page\" data-id=\"6114\" target=\"_blank\" rel=\"noreferrer noopener\">Files and Folders<\/a>: This is one of the most important lessons you&#8217;ll encounter this semester! Read it closely, and then read it again!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/indexes-and-directories\/\" target=\"_blank\" rel=\"noreferrer noopener\">Homepages and the Course File Structure<\/a>: Here you will download the course file structure that we will use this semester and create a simple homepage for both the root of your directory and your webdev directory.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/cyberduck-101\/\">Cyberduck 101<\/a>: How an FTP client works and some workflow advice!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/uploading-to-server\/\" target=\"_blank\" rel=\"noreferrer noopener\">Uploading to the Server<\/a>: This is another important one! How do you get those beautiful web pages you are about to make onto your server? Cyberduck to the rescue!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/your-first-html-file\/\" target=\"_blank\">Your First HTML File<\/a>: We all have to start somewhere!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/html-tags\/\">HTML Tags<\/a>: Hold up! What even is HTML?<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/lists\/\">Lists<\/a>: Like the one this link is in!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/links\/\" data-type=\"URL\" target=\"_blank\">Links<\/a>: Connecting those web pages together! <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/images\/\" data-type=\"URL\" target=\"_blank\" rel=\"noreferrer noopener\">Images<\/a>: This will walk you through the process of adding an image to your HTML file. <\/li>\n\n\n\n<li><a href=\"https:\/\/forms.gle\/M6MQgPc5Xg4CnKyi7\">Info Form<\/a>: <strong>This is super important so make sure to have this form filled out by the end of the week (<strong><code>DUE June 14 at 11:59P<\/code><\/strong>).<\/strong> I won&#8217;t be able to access your work to grade it, so double-check that your links work and reach out to me on Teams if you have any questions. Please do not make me track you down due to broken links or not submitting this form!<\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-1\">FCC-1<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-2\">FCC-2<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-3\">FCC-3<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/forms.gle\/M6MQgPc5Xg4CnKyi7\">Info Form<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 2: June 15 \u2013 June 21<\/h2>\n\n\n\n<p>Hopefully, HTML is starting to click with you! We&#8217;ll continue building on our skills by introducing CSS this week. The bulk of your freeCodeCamp exercises will happen this week. Work through them in small chunks and it&#8217;ll be over before you know it. A lot of it will be repetitive, but it&#8217;s all about practicing. <\/p>\n\n\n\n<p>Your first project is due at the end of the week. Don&#8217;t wait until Sunday to start on it!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; HTML &amp; CSS:<\/h4>\n\n\n\n<p><strong>Project 1:<\/strong> <a href=\"https:\/\/nmi.cool\/webdev\/artisanal-hand-crafted-small-batch-locally-sourced-bespoke-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hand-crafted website<\/a> &#8211; <strong><code>DUE Sunday, June 21 at 11:59P<\/code><\/strong><br><strong>Free Code Camp<\/strong>: Complete <a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-4\">FCC 4-12<\/a><br><strong>Read:<\/strong> 1: HTML and CSS<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Wed<\/strong>: CSS \u2013 Getting Started on Project One; FCC-4, FCC-5, FCC-6, FCC-7<\/li>\n\n\n\n<li><strong>Thur<\/strong>: Work on Project One; FCC-8, FCC-9<\/li>\n\n\n\n<li><strong>Fri: <\/strong>Work on Project One; FCC-10, FCC-11, FCC-12<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Finish up Project One and get ready to jump into Bootstrap!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<p><strong>To Do:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/intro-css\/\" data-type=\"URL\" target=\"_blank\">CSS<\/a>: Adding a bit of style to our web pages! <\/li>\n\n\n\n<li><a href=\"http:\/\/nmi.cool\/webdev\/linking-to-an-external-stylesheet\">Linking to an External Stylesheet<\/a>: You can refer back to this for the code to link your stylesheet to your HTML document. <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/classes-and-ids\/\">Applying CSS Rules<\/a>: A quick look at elements, IDs, and classes. <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/fonts\/\" data-type=\"URL\" target=\"_blank\">Fonts<\/a>: A simple way to add fonts to your webpage. <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/css-box-model\/\">CSS Box Model<\/a>: Understanding the Box Model will help you use borders, padding, margins, and CSS in general much more effectively!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/div-tags-and-semantic-elements\/\" data-type=\"URL\" target=\"_blank\">Div Tags and Semantic Elements<\/a>: How to add some order to your HTML. <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/styling-links\/\" data-type=\"URL\" target=\"_blank\">Styling Links<\/a>: This is an <strong>optional<\/strong> reading! <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/applied-accessibility\/\" data-type=\"URL\" target=\"_blank\">Applied Accessibility<\/a>: When we create for everyone we make better websites.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/artisanal-hand-crafted-small-batch-locally-sourced-bespoke-website\/\">Artisanal hand-crafted small-batch locally-sourced bespoke website<\/a>: This is Project One, which is also be referred to as the artisanal hand-crafted small-batch locally-sourced bespoke website. You&#8217;ve got this!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/getting-started-on-project-one\/\">Getting started on Project One<\/a>: Everything you need to get started.<\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-4\">FCC-4<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-5\">FCC-5<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-6\">FCC-6<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-7\">FCC-7<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-8\">FCC-8<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-9\">FCC-9<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-10\">FCC-10<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-11\">FCC-11<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-12\">FCC-12<\/a><\/li>\n\n\n\n<li>And don&#8217;t forget your <a href=\"https:\/\/nmi.cool\/webdev\/artisanal-hand-crafted-small-batch-locally-sourced-bespoke-website\/\" data-type=\"page\" data-id=\"44\">First Project<\/a>! <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 3: June 22\u2013June 28<\/h2>\n\n\n\n<p>We&#8217;ll start exploring Bootstrap this week. This is one of my favorite parts of this course and I hope you love it too! Bootstrap is an incredibly popular (and powerful) front-end framework that will help you develop responsive websites. As always, let us know if you have any questions!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; Bootstrap Part 1:<\/h4>\n\n\n\n<p><strong>Project 2:<\/strong> <a href=\"https:\/\/nmi.cool\/webdev\/bootstrap-triptych\/\">Bootstrap Triptych<\/a> &#8211; <strong><code>DUE Sunday, July 5 at 11:59P<\/code><\/strong><br><strong>Free Code Camp<\/strong>: Complete <a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-13\">FCC 13-14<\/a>. <br><strong>Read:<\/strong> 2: Bootstrap<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Wed<\/strong>: Bootstrap \u2013 Bootstrap Grid Exercise; FCC-13<\/li>\n\n\n\n<li><strong>Thur<\/strong>:  Media Queries \u2013 Responsive Optimization Exercise; FCC-14<\/li>\n\n\n\n<li><strong>Fri: <\/strong>Work on Project Two<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Get ready for another week of Bootstrap!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/bootstrap\/\" data-type=\"URL\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap<\/a>: An introduction to Bootstrap, including the Starter Template and how to use it!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/bootstrap-starter-template\/\" data-type=\"URL\" target=\"_blank\">Bootstrap Starter Template<\/a>: A handy reference! <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/bootstrap-playground\/\">Bootstrap Playground<\/a>: Explore some Bootstrap components! This will be graded, so make sure you explore.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/bootstrap-grid-exercise\/\" data-type=\"URL\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap Grid Exercise<\/a>: This reading contains <strong>EXERCISE 2<\/strong> an easy, and <strong>optional<\/strong>, exercise that will help you practice your skills from this module!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/media-queries\/\" data-type=\"URL\" target=\"_blank\">Media Queries<\/a>: These are one of the key players in responsive web design.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/responsive-optimization-exercise\/\" data-type=\"URL\" target=\"_blank\">Responsive Optimization Exercise<\/a>: This is an extensive exercise that isn&#8217;t graded, but is an excellent resource for all things Bootstrap! I highly encourage you to follow along with the steps: especially the parts that deal with custom CSS as that will be something you&#8217;re asked to do for your project! <\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-13\">FCC-13<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-14\">FCC-14<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 4: June 29 \u2013July 5<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; Bootstrap Part 2:<\/h4>\n\n\n\n<p><strong>Project 2:<\/strong> <a href=\"https:\/\/nmi.cool\/webdev\/bootstrap-triptych\/\">Bootstrap Triptych<\/a> &#8211; <strong><code>DUE Sunday, July 6 at 11:59P<\/code><\/strong><br><strong>Free Code Camp<\/strong>: Complete <a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-15\">FCC 15<\/a>. <br><strong>Read:<\/strong> 2: Bootstrap<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Wed<\/strong>: Shopping for a Theme \u2013 Inspector Gadget; FCC-15<\/li>\n\n\n\n<li><strong>Thur\u2013Fri: <\/strong>Bootstrap Triptych \u2013 Getting started with Project Two; Work on Project Two<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Wrap up Project Two!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/caveat-emptor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopping for Themes<\/a>: How do you find a good theme? Check out this lesson!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/customizing-bootstrap\/\">Customizing Bootstrap<\/a>: A quick resource for the right way to customize your Bootstrap CSS.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/working-with-bootstrap-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Working with Bootstrap Themes<\/a>: Make sure to read this before you start Panel 3!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/inspector-gadgets\/\" data-type=\"URL\" target=\"_blank\" rel=\"noreferrer noopener\">Inspector Gadgets<\/a>: This reading will guide you through the Inspect tool on Chrome&#8211; something you&#8217;ll need to understand for both Project 2 and 3! Spend some time here to make sure you&#8217;re comfortable with Dev Tools.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/bootstrap-triptych\/\" data-type=\"page\" data-id=\"76\">Bootstrap Triptych<\/a>: On to Project Two, the Bootstrap Triptych.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/getting-started-with-project-two\/\" data-type=\"page\" data-id=\"1580\">Getting started with Project Two<\/a>: Everything you need to get started.<\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nmi.cool\/webdev\/free-code-camp-assignments#fcc-15\">FCC-15<\/a> (268 total)<\/li>\n\n\n\n<li>And don&#8217;t forget <a href=\"https:\/\/nmi.cool\/webdev\/bootstrap-triptych\/\" data-type=\"page\" data-id=\"76\">Project 2<\/a>!<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 5: July 6 \u2013 July 12<\/h2>\n\n\n\n<p>Welcome to WordPress! This powerful CMS is going to allow you to create more complex, dynamic websites at lightning speed! This will be yet another fun week of exploration, good luck!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; WordPress Part 1:<\/h4>\n\n\n\n<p><strong>Project 3:<\/strong> <a href=\"https:\/\/nmi.cool\/webdev\/wordpress-variety-pack\/\">WordPress Variety Pack<\/a> &#8211; <strong><code>DUE <strong><code>Sunday, July <\/code><\/strong>19 at 11:59P<\/code><\/strong><br><strong>Read:<\/strong> 3: WordPress<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Tue<\/strong>: Intro to WordPress \u2013 20 FAQs<\/li>\n\n\n\n<li><strong>Wed\u2013Thur<\/strong>:  Block Editor \u2013 Shopping for a Theme<\/li>\n\n\n\n<li><strong>Fri: <\/strong>Start on Project Three<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Get ready for another week of WordPress!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/intro-to-wordpress\/\" data-type=\"URL\" target=\"_blank\">Intro to WordPress<\/a>: What is a CMS? PHP? MySQL? Learn the secrets of these mysterious acronyms! <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/wordpress-starter-steps\/\" data-type=\"URL\" target=\"_blank\">WordPress Starter Steps<\/a>: This step-by-step guide will walk you through installing WordPress on your server and getting it ready for action.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/a-tale-of-two-editors\/\" data-type=\"page\" data-id=\"5941\">A Tale of Two Editors<\/a>: The Site Editor vs. The Page Editor<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/wordpress-playground\/\" data-type=\"page\" data-id=\"1856\">WordPress Playground<\/a>: Get comfortable with the wild and wonderful world of WordPress.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/pages-vs-posts\/\" data-type=\"URL\" target=\"_blank\">Pages vs Posts<\/a>: What&#8217;s the difference between these two similar ideas?<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/20-faqs\/\">20 FAQs<\/a>: Good general overview of WordPress!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/block-editor\/\" data-type=\"URL\" target=\"_blank\" rel=\"noreferrer noopener\">Block Editor<\/a>: This is a good resource for you as you begin to explore WordPress. Give it a scan, but you don&#8217;t have to follow along for the entire exercise!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/plugins\/\" data-type=\"URL\" target=\"_blank\">Plugins<\/a>: These are a great way to add additional functionality to your WordPress site.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/caveat-emptor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopping for Themes\u2014Revisited<\/a>: We&#8217;ve looked at this lesson in our Bootstrap unit, but it&#8217;s a good idea to revisit it now that we&#8217;re in WordPress land. Trying on WordPress themes is a little like finding the perfect pair of jeans!<\/li>\n<\/ul>\n\n\n\n<p><strong>Homework<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Get started on Project 3<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 6: July 13 \u2013 July 19<\/h2>\n\n\n\n<p>In the second. half of our WordPress unit we&#8217;re going to focus on WooCommerce&#8211; a nifty plugin that you&#8217;ll use for your WordPress project!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; WordPress Part 2:<\/h4>\n\n\n\n<p><strong>Project 3:<\/strong> <a href=\"https:\/\/nmi.cool\/webdev\/wordpress-variety-pack\/\">WordPress Variety Pack<\/a> &#8211; <strong><code>DUE <strong><code>Sunday, July 19<\/code><\/strong> at 11:59P<\/code><\/strong><br><strong>Read:<\/strong> 3: WordPress<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Wed<\/strong>: WooCommerce \u2013 Order Off the (Navigation) Menu<\/li>\n\n\n\n<li><strong>Thur<\/strong>: Customizing WordPress Style \u2013 WordPress Variety Pack<\/li>\n\n\n\n<li><strong>Fri: <\/strong>Work on Project Three<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Finish up Project Three!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<p><strong>To Do:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/woocommerce\/\" data-type=\"URL\" target=\"_blank\">WooCommerce<\/a>: What is WooCommerce and why are we using it?<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/woocommerce-starter-steps\/\">WooCommerce Starter Steps<\/a>: As the title suggests, this guide will walk you through installing WooCommerce on your WordPress site! I suggest following along as you get set up for Project 3! <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/wide-world-of-widgets\/\" target=\"_blank\">The Wide, Wide World of Widgets<\/a>: What&#8217;s a widget and how do you utilize them?<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/order-off-the-menu\/\">Order Off the (Navigation) Menu<\/a>: Customize your WordPress menu so you can make sure your site is easy to navigate!<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/customizing-wordpress-css\/\" data-type=\"URL\" target=\"_blank\" rel=\"noreferrer noopener\">Customizing WordPress Style<\/a>: Whenever we use a theme we want to make it our own! This lesson will show you how to add additional CSS to a WordPress theme so that it&#8217;s truly unique.<\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/moving-a-wordpress-site\/\">Moving a WordPress Site<\/a>: This is crucial reading if you are A.) Working with a client and need to hand off a WordPress site, or B.) Install WordPress in the wrong location on your server and need to move it. <strong>Make sure to check this out! <\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/backing-up-wordpress\/\" data-type=\"URL\" data-id=\"https:\/\/newmediaproduction.mynmi.net\/backing-up-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Backing Up WordPress<\/a>: You wouldn&#8217;t write an essay for English class without pressing &#8220;Save,&#8221; would you? Then don&#8217;t make a WordPress site without creating a backup copy! <\/li>\n\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/wordpress-variety-pack\/\" data-type=\"page\" data-id=\"90\">WordPress Variety Pack<\/a>: Everything you need to know for Project 3.<\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Finish <a href=\"https:\/\/nmi.cool\/webdev\/wordpress-variety-pack\/\" data-type=\"page\" data-id=\"90\">Project 3<\/a>!<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 7: July 20 \u2013 July 26<\/h2>\n\n\n\n<p>Woo, we made it to the final stretch! You have the remaining time (about 2 weeks) to create a very, very well-polished dossier and a really impressive final project where you push the boundaries. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; Final Project &amp; Dossier:<\/h4>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Curious about what my suggested breakdown is?<\/strong><\/summary>\n<ul class=\"wp-block-list\">\n<li><strong>Mon-Tue<\/strong>: Research Final Project<\/li>\n\n\n\n<li><strong>Thur<\/strong>: Come up with a plan for finishing the Dossier and Final Project<\/li>\n\n\n\n<li><strong>Fri: <\/strong>Get lots of work done on Final Project and Dossier<\/li>\n\n\n\n<li><strong>Sat-Sun<\/strong>: Keep on rolling and get a plan together for the last week!<\/li>\n<\/ul>\n<\/details>\n\n\n\n<p><strong>To Do:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/forms.gle\/uSGK5BQUaK1prMoB9\" target=\"_blank\" rel=\"noreferrer noopener\">Final Project Proposal<\/a>: Time to commit yourself to a <a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><strong><a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\">Final Project<\/a><\/strong> for this class! This proposal form is <strong>due no later than Friday, July 24 at 12P<\/strong>, but you can turn it in early if you like! I&#8217;ll follow up with you if I need any more information or have any concerns by the end of the day on July 24, so keep an eye on Teams. If you don&#8217;t hear from me, get to work on the <a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><strong><a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\">Final Project<\/a><\/strong> as proposed!<\/li>\n<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Get started on your <a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\">Final Project<\/a> and <a href=\"https:\/\/nmi.cool\/webdev\/nmi-dossier\/\">Dossier Assignment<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 8: July 27 \u2013 July 29<\/h2>\n\n\n\n<p>I front-loaded the semester to ensure you have lots of time to work on the <strong><a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\">Final Project<\/a><\/strong> and <a href=\"https:\/\/nmi.cool\/webdev\/nmi-dossier\/\"><strong>Dossier<\/strong><\/a> assignments! Make sure you take advantage, ask questions, and make some cool stuff!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weekly Summary &#8211; Final Project &amp; Dossier:<\/h4>\n\n\n\n<p>Both your <strong><a href=\"https:\/\/nmi.cool\/webdev\/final-project\/\">Final Project<\/a><\/strong> and <a href=\"https:\/\/nmi.cool\/webdev\/nmi-dossier\/\"><strong>Dossier<\/strong><\/a> are <code>DUE Wednesday, July 29 by 11:59P<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Howdy! Every week of the class is mapped out for you. If you stay on track, all you need to do is find the week and check things off the to-do list. I recommend reading through the material before you get started on the homework! Note: the homework listed for a given week is due [&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-6463","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/6463","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=6463"}],"version-history":[{"count":4,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/6463\/revisions"}],"predecessor-version":[{"id":6474,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/6463\/revisions\/6474"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=6463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}