{"id":4512,"date":"2024-05-30T17:28:17","date_gmt":"2024-05-30T17:28:17","guid":{"rendered":"https:\/\/nmi.cool\/webdev\/?page_id=4512"},"modified":"2024-07-23T21:24:43","modified_gmt":"2024-07-23T21:24:43","slug":"summer-schedule-2024","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/summer-schedule-2024\/","title":{"rendered":"Summer Schedule 2024"},"content":{"rendered":"\n<p>Howdy! This is a tad dense, so I&#8217;ve added a handy table of contents to help you navigate. 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\n\n<p>Note: the homework listed for a given week is due at the start of the following week. Example: the homework listed for the first week of class (Create Free Code Camp (FCC) account; Install course software) should be completed by the second week of class.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Week 0: June 6 &#8211; June 9<\/h2>\n\n\n\n<p>Hey everyone, welcome to Web Development! Use these first few days (6.6\u20136.9) 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-2024\/\">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-2024\/\">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\n\n\n<li><a href=\"https:\/\/nmi.cool\/webdev\/help-help\/\">Help Help<\/a>: This is your crucial guide to getting assistance this semester! After you read this you will know that you should never take a picture of your computer screen to get help. (Seriously! Take a screenshot, instead!)<\/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 10 \u2013 June 16<\/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 23 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>: Your First HTML File \u2013 Homepages and the Course File Structure; FCC-1<\/li>\n\n\n\n<li><strong>Thur-Fri<\/strong>: Lists \u2013 Images; FCC-2, FCC-3<\/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 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\/html-boilerplate\/\">HTML Boilerplate<\/a>: You might want to keep this page in mind for when you need to start a new HTML file from scratch!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/files-folders\/\" target=\"_blank\">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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/setting-up-a-domain-and-hosting\/\" target=\"_blank\">Setting Up a Domain and Hosting<\/a>: Step-by-step instructions to purchase your website and hosting.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/uploading-to-server\/\" target=\"_blank\">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 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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/indexes-and-directories\/\" target=\"_blank\">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\/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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/images\/\" data-type=\"URL\" target=\"_blank\">Images<\/a>: This will walk you through the process of adding an image to your HTML file. This reading also contains ? <strong>EXERCISE 1<\/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 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 16 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 Slack 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 17 \u2013 June 23<\/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 23 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>: HTML Tables \u2013 Styling Links, start on Project One; FCC-4, FCC-5, FCC-6, FCC-7<\/li>\n\n\n\n<li><strong>Thur<\/strong>:  Applied Accessibility and 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 your first project 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 href=\"https:\/\/nmi.cool\/webdev\/html-tables\/\">HTML Tables<\/a>: Just like in a Word document &#8211; kind of!<\/li>\n\n\n\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<\/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<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 3: June 24\u2013June 30<\/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 7 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\">What is 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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/bootstrap-grid-exercise\/\" data-type=\"URL\" target=\"_blank\">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: July 1\u2013July 7<\/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 7 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>Thurs\u2013Fri: <\/strong>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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/caveat-emptor\/\" target=\"_blank\">Shopping for a Theme<\/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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/working-with-bootstrap-themes\/\" target=\"_blank\">Working with a Bootstrap Theme<\/a>: Make sure to read this before you start Panel 3!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/inspector-gadgets\/\" data-type=\"URL\" target=\"_blank\">Inspector Gadget<\/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<\/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><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 5: July 8 \u2013 July 14<\/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 2<\/code><\/strong>1 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 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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/caveat-emptor\/\" target=\"_blank\">Shopping for a Theme- Revisited<\/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 15 \u2013 July 21<\/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 2<\/code><\/strong>1 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 CSS \u2013 Backing Up WordPress<\/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 rel=\"noreferrer noopener\" href=\"https:\/\/nmi.cool\/webdev\/customizing-wordpress-css\/\" data-type=\"URL\" target=\"_blank\">Customizing WordPress CSS<\/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<\/ul>\n\n\n\n<p><strong>Homework:<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Week 7: July 22 \u2013 July 28<\/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 Sunday, July 28 at 11:59P<\/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 29, so keep an eye on Slack ?. 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> on Tuesday!<\/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 29 \u2013 August 2<\/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 Friday, August 2 by 11:59P<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Howdy! This is a tad dense, so I&#8217;ve added a handy table of contents to help you navigate. 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 [&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-4512","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/4512","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=4512"}],"version-history":[{"count":6,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/4512\/revisions"}],"predecessor-version":[{"id":5792,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/4512\/revisions\/5792"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=4512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}