Before Class Work on your Final Project Presentation. Register to give your Final Project Presentation Keep working on your Final Projects. Final Projects are due on Tuesday, May 25 by submitting on Blackboard.
Author: Christopher Stein
Week 15: 5/17
Before Class Work on your Final Projects and come with questions. Publish your site on Netlify.
Deploy to Netlify
Here is the process to deploy your project to Netlify. STEP 1: Create GitHub Repository You should already have this, but you will need a GitHub repository with all of the Eleventy files STEP 2: Ready Your Project Install Eleventy in Your Project You haven’t had to do this before because most of us installed… Continue reading Deploy to Netlify
Final Project Presentation
You will present your projects on one of two dates Wednesday, May 19 Monday, May 24 Please use the form below to choose a presentation date for you or your group. Presentation Rubric The following rubric will be used to score your presentations Area Points (100) Description Project Overview 20 Introduce your project including: –… Continue reading Final Project Presentation
Week 14: 5/10 + 5/12
Before Class Work on your Final Projects and come with questions.
From a Data File: show list of items and create pages
These two videos show you how to create a list of items that are in a data file (a list of images in this case) and then also to dynamically generate pages from that data file. This is similar to what we did in class with the Clients pages. These work with the eleventy starter… Continue reading From a Data File: show list of items and create pages
Collaborate on GitHub
Here are some of the basics for collaborating on GitHub. Use a Single, Shared Repository One of the people in the group will create the repository that everyone will use. After the Repository is created then invite the other members to collaborate on that. DO NOT FORK THE REPOSITORY. We did that with mine and… Continue reading Collaborate on GitHub
Creating HTML from Wireframes
When making your web site you need to create HTML that matches your wireframe diagrams. Perhaps the biggest lesson here is to make sure to that you have set up Page Structure elements (see HTML 5 Periodic Table) to match the page areas that you have outlined in your wireframes. Remember that for both CSS… Continue reading Creating HTML from Wireframes
Responsive Images and Video
Images are by default inline elements that are a certain size and will take up that space on your web site. For responsive web design we need our images to be able to shrink in size if the container they are in is smaller than the image. For example: The following needs to be in… Continue reading Responsive Images and Video
Icons
Icons are a good way to make your page easier to scan, communicate across languages and add visual interest to the site. Use them when they complement or add meaning to the text content and don’t overuse them on any individual page. Occasionally it’s OK to use them without text but generally they should be… Continue reading Icons
Week 13: 5/3 + 5/5
Before Class Work on your Final Projects and come with questions. Between Monday and Wednesday, try to locate the navigation that you would like to have on your final project site. Final Project Update This form will not turn into a post. It is so I can get some information on your final projects. Even… Continue reading Week 13: 5/3 + 5/5
Week 12: 4/26 + 4/28
Before Class Make sure you completed the learning journal from last week Between Monday and Wednesday, try to locate the navigation that you would like to have on your final project site. Final Project Update This form will not turn into a post. It is so I can get some information on your final projects.… Continue reading Week 12: 4/26 + 4/28
Week 11: 4/19 + 4/21
Before Class Prepare for your Midterm Presentation. Sign Up for Midterm Presentation If you haven’t signed up for a time to present your midterm then click here to view the Submit the Midterm page and sign up by clicking on the calendar. After Class Complete the Week 11 Journal After Class on Wednesday.
Eleventy
This post has information about how Eleventy works as well as links to all of the LinkedIn Learning course videos and our related class materials. Eleventy Course on LinkedIn Learning We have followed a long with the Building Serverless Apps with JamStack and Eleventy from LinkedIn Learning. This section lists all of the videos from… Continue reading Eleventy
Week 10: 4/12 + 4/14
Before Class Prepare for your Midterm Presentation. Submit Midterm Submit your Midterm Files to the Midterm assignment on Blackboard. It’s due at the end of the day on Monday (so you can submit after class on Monday). Sign Up for Midterm Presentation If you haven’t signed up for a time to present your midterm then… Continue reading Week 10: 4/12 + 4/14
Submitting the Midterm
Instructions on how to submit your Midterm Project. Due Date Files are due to be uploaded to Blackboard on Monday, April 12. The presentation part will be scheduled below. Uploading to Blackboard Login to our course on Blackboard Click on Assignments in the Navigation Click on the Midterm Presentation Assignment Upload your file(s) Project Brief… Continue reading Submitting the Midterm
Week 9: 4/5 + 4/7
Before Class If you are up-to-date then there is no before class this week. I hope that you had a good break and at least got some rest. If you didn’t answer the midterm questions to create a draft of your midterm brief then click here to answer the midterm questions form. You should complete… Continue reading Week 9: 4/5 + 4/7
Protected: Class Recordings
There is no excerpt because this is a protected post.
Software for Wireframing and Prototyping
Wireframing and Prototyping are two different (related) activities. They are here together because many of the software that do one will do the other. Adobe XD Came on the market in 2017. This tool is designed to make wireframes and prototypes. Adobe seems to be continuously updating it. It is lacking in some of the… Continue reading Software for Wireframing and Prototyping
Midterm Brief: cool stein project
Project Information Project Name cool stein project Project Description: laskdjfkl klasdfdsfa Project Team: stein test, another person, and afgfdgfdg Project Goals: asdfsdfdsfs sd sadfsadfdsf sd fsd fdsf sd Audience Information Project Audience: sadfdsafsd User Goals: dfdsafdsaf Site map