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. Live Sessions JOIN LIVE SESSION Session 1:Final Presentations Wednesday, May 19 at 7:30p–9:10p Final Project Presentations. If we have extra time we… Continue reading Finals Week
Author: Christopher Stein
Week 15: 5/17
Before Class Work on your Final Projects and come with questions. Publish your site on Netlify. Live Sessions JOIN LIVE SESSION Session 1:Final Workshop Monday, May 17 at 7:30p–9:10p Monday we will answer questions that you have. Links for Monday Session Register to give your Final Project Presentation more to be added based on what… Continue reading Week 15: 5/17
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. Live Sessions JOIN LIVE SESSION Session 1:Final Workshop Monday, May 10 at 7:30p–9:10p Monday we will answer questions that you have. I have also made some more tutorials that are linked to below. Links for Monday Session Collaborate with GitHub Dynamic Lists and Pages… Continue reading Week 14: 5/10 + 5/12
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. Live Sessions JOIN LIVE SESSION Session 1:Maps and APIs Monday, May 3 at 7:30p–9:10p Monday we will go over Some of the basics for using APIs on the client side and using Leaflet.js Links for Monday Session Leaflet Quick Start Guide https://leafletjs.com/ Leaflet Layers… 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 Live Sessions JOIN LIVE SESSION Session 1:Collections Monday, April 26 at 7:30p–9:10p Monday we will go over how to use Collections. We may also have time for a presentation and for you to work on your Final Projects. Links for Monday Session Miro:… 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. Live Sessions JOIN LIVE SESSION Session 1:How to Start an Eleventy Project and… Continue reading Week 11: 4/19 + 4/21
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. Live Sessions JOIN… 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
