Christopher Stein – Page 2 – MMP 350 Advanced Web Design

Class 21 [4/20] How Things Work, Final Project Groups

Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.

Class 20 [4/18] 11ty Portfolio Review and Final Project Ideas

Week 12: 4/18 + 4/20

This week we will start to look at the group project, form groups and look over what we’ve done (and are going to do). Thursday 4/20 Activity 1: Final Project Groups We will do a few activities to help you form groups and choose ideas. Activity 2: Group Project Tracking Document We will look at… Continue reading Week 12: 4/18 + 4/20

Final Project Ideas

We will go over this post in class to help you think about what topic to do for your final project and to also get started with getting you into groups. Project Content This is one of the most important decisions. You will want to pick a topic that allows you to use content other… Continue reading Final Project Ideas

Class 19 [4/4] 11ty Site Requirements, Netlify Forms, CodePen to 11ty

We started the class going over the next few classes. We have 3 classes off during spring break and your projects are due our first class after break on 4/18. Also remember to do your faculty evaluations for this class and all of your classes. Then we went over the Eleventy Site Project Requirements. The… Continue reading Class 19 [4/4] 11ty Site Requirements, Netlify Forms, CodePen to 11ty

Week 11: 4/4

This week we only have class on Tuesday, Thursday is during spring break. There is no class on the following days due to Spring Break: After today, our next class is on Tuesday, April 18. This is also when the Eleventy Project Site is due. Activity 1: Eleventy Site Requirements and Submission To start we… Continue reading Week 11: 4/4

Submitting the Eleventy Site

Here is what you will need to do to submit your Eleventy site The Eleventy Site is due on Tuesday, April 18 Other Resources

Class 18 [3/30] 11ty Project Updates and Fixes + Collections in 11ty

Class 17 [3/28] AI, Eleventy Project Update And Deploy To Netlify

Week 10: 3/28 + 3/30

This week we will get your 11ty sites Deployed to Netlify and go deeper into 11ty. You should be mostly done with the Eleventy project by the end of the week. Tuesday 3/28 Activity 1: AI Discussion We’ll start with a discussion about AI and especially how they apply to creative projects like ours. We… Continue reading Week 10: 3/28 + 3/30

Deploy to Netlify

This post covers how to get your site in the web using Netlify’s servers. Terminology Some words you might not know Video Walkthrough This is a screencast of me going through the steps below: Screencast of Deploy to Netlify Steps to Deploy to Netlify It will go to a new screen and show that your… Continue reading Deploy to Netlify

Eleventy Personal Project Setup

The Eleventy Personal Site will be created through a GitHub Classroom Repository and deployed on Netlify. This post outlines how to setup and work on the project. There will be a separate, related, posts on the Project Requirements, Daily Working Process, Deploying to Netlify and Submitting the Project. Create Repository in GitHub Classroom Claim the… Continue reading Eleventy Personal Project Setup

Class 16 [3/23] Git Branching and 11ty Site Transition

In the beginning we talked about React and what that is and looked at LinkedIn Learning. Today we started with an update to your personal Kanbans to track your progress on the 11ty site. Then we looked at Git Branching. The two Extensions we added were Git Lens and Git History. We ended the day… Continue reading Class 16 [3/23] Git Branching and 11ty Site Transition

Class 15 [3/21] Eleventy Personal Site Transition

Week 9: 3/21 + 3/23

This week we will continue to work on moving our Responsive Site Projects to Eleventy. Thursday 3/23 Activity 1: Progress Update Take some time to go in to our Miro with the project tracking Kanban’s and update them. View Discussion Board with Link to Miro Remember that you have to be logged in to the… Continue reading Week 9: 3/21 + 3/23

Class 14 [3/16] Kanban and Work on Eleventy Projects

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

VS Code Setup and Extensions

Setup When we’re working with Eleventy, we will use Markdown and Nunjucks files. Markdown files have their own syntax but you can also use normal HTLM. Nunjucks are template files and we will mostly be writing HTML with some of the Nunjucks template syntax as well. However VS Code will not recognize these as HTML… Continue reading VS Code Setup and Extensions

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

Author: Christopher Stein