Category: Weeks
Posts for each week of class.
Week 8: 3/14 + 3/16
This week we will dive into Eleventy and converting your projects to 11ty. Thursday 3/16 Activity 1: Converting Static Site to 11ty Today we will focus on moving your Responsive Personal Sites (static sites) to Eleventy. To help you make sure you’re doing what you need to do and so that I can keep track… Continue reading Week 8: 3/14 + 3/16
Class 13 [3/14] 11ty Personal Site Start
Week 7: 3/7 + 3/9
Week 7 Thursday 3/9 Activity 1: Setup for Markdown and Nunjucks We will look at this VS Code Setup post. Activity 2: Branching We will look at this Miro: https://miro.com/app/board/o9J_lSJAeMY=/?share_link_id=698290916204 Activity 3: Collections We will use this Miro to look at how to make Collections and start taking advantage of the Nunjucks Template Language Built… Continue reading Week 7: 3/7 + 3/9
Class 9 [2/28] Designing Cards and Responsive Site Project
Class 8 [2/23] Responsive Site Project + Typography + Navigation
Class 7 [2/16] CSS Grid and Responsive Web Design
Week 5: 2/23
This week we will be doing more work on the Portfolios, writing the HTML and CSS to turn your wireframes into actual web pages. We will also talk about design and look at on color, typography and layout for the sites. BEFORE CLASS View my comments on your Portfolio Brief. If you have not submitted… Continue reading Week 5: 2/23
Class 6 [2/14] Responsive Personal Site Getting Started
Week 4: 2/14 + 2/16
This week we will work on your Responsive Personal Site projects focusing on writing HTML and CSS, Responsive Design Basics and some design concepts. JOIN LIVE SESSION Thursday 2/16 Activity 1: CSS Grid We will continue to look at how to Style with CSS Grid Activity 2: Responsive Web Design Concepts Responsive Web Design was… Continue reading Week 4: 2/14 + 2/16
Class 5 [2/9] Wireframes and CSS Grid
Class 4 [2/7] Portfolio Brief and Layout
Today we started with a relatively long introduction where we talked about a few different aspects of the class. After that we spent time going over the Portfolio Brief Assignment including giving some examples of past work. To finish the class we did some work on doing layout on the web that included some theory,… Continue reading Class 4 [2/7] Portfolio Brief and Layout
Class 3 [2/2] HTML and CSS
Class 2 [1/31] Portfolios and HTML
Class 1 [1/26] Course Introduction
Week 2: 1/31 + 2/2
This week the focus is on HTML and CSS. I’m assuming that you have had some experience before so it’s a refresher but we go fast. Before Class: Accounts Create GitHub account. If you already have one, make sure you remember the login info. We will also work with CodePen this week. You should use… Continue reading Week 2: 1/31 + 2/2
Week 6: 2/28 + 3/2
This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy. Thursday 3/2 Activity 1: Responsive Personal Site Q&A Most of you have turned in the Responsive Personal Site which is great, but there… Continue reading Week 6: 2/28 + 3/2
Week 3: 2/7 + 2/9
JOIN LIVE SESSION Thursday 2/9 Activity 1: Portfolio Wireframes We will use a Miro (I will share the link in class as you can edit it) to get you started on your wireframes for your portfolios. After you have some time to work on your wireframes we will break into pairs to review and then… Continue reading Week 3: 2/7 + 2/9
Week 1: 1/26
In a typical week there would be activities to do before class on Tuesday. This week we will do these in class. If you want to get started ahead of time, you can start the Before Class part. If you are not able to do some or any of this before class, or you are… Continue reading Week 1: 1/26