This page is set up to give you a picture of how we will proceed with the course after Spring break. You can check the main schedule for links and notes, but this page will act as a main resource for you. My initial idea was to meet on Zoom as a class at the same time we met in the lab. The university, however, has recommended we do more asynchronous teaching/learning. This is because many of you will no doubt have upended lives, with altered work schedules or no work and children to care for. So, we will not be meeting as a class on Zoom.
I will also be available for one-on-one Zoom meetings. These sessions will be for getting helping with your projects, discussing grades and getting feedback. I will not have any schedule for this (I’m not going anywhere). Please just email me when you want a meeting and I will send you an invite. But if you have minor questions or small code issues then it would be best to send me an email with a link to your project and the question you are asking. You are not required to meet with me. As for grades, I can send you a pdf of your current scores if you ask for it. Or I can show you in a Zoom meeting.
I will also confirm a time for our Zoom meeting with coder Nick Acker. 1 point for attending this and 2pts for asking a thoughtful question.
I will now only be grading the remaining two projects, but I will ask that you complete certain stages of each project so I can make sure you don’t leave everything to the last minute. Keeping up with projects will be reflected in your final grade. I will post the schedule for each project on this page. Please just upload your projects as you work on them so I can see development (btw-the folders should be called “cp” and “final477” with an index.html as the default homepage). I will provide the page of links for each project so you can make sure you have it set up correctly.
The video tutorials below will cover the following:
- AJAX/JSON/WEATHER API Mini-project
- LOCAL STORAGE
- CANVAS GAMES
- SVG ANIMATION
- DEV TOOLS
- DEV CAREERS / JOBS
SCHEDULE FOR PROJECTS
I will give one grade for each of the remaining projects, but if you are not completing the general stages that I have set below, then that will be reflected in the final grade. I just want to see steady progress.
Weather API Mini-project (last one):
- Wed 3/25 Watch the video tutorial on AJAX and Weather API. Work individually on the mini-project. Seek my help if you need it.
- 4/2 Upload Mini-project for grading
Creative Programming Project (see description below):
CP Project List
- Wed 3/25 email me your cp project idea.
- Tues 4/7 upload first stage of scripting and design elements. I will be checking in with each of you at this stage to make sure you have something working. Zoom with me if you need it.
- Tues 4/14 Final Stage of your Creative Programming Project should be uploaded for grading. Don’t forget to validate! Make sure the link from my page to your project works.
Final Project (see description below):
Final Project list
- Tues 4/14 email me your idea for the Final Project
- Thurs 4/16 watch my video tutorials to help with your project idea.
- Tues 4/21 upload to server basic layout wireframe (colored borders on html elements) with minimal responsive design. The folder should be called “final477” with an “index.html” as the default homepage.
- Thurs 4/23 upload first stage of scripting and design elements (color, images, typography)
- Tues 4/28 upload second stage of scripting and design elements.
- Thurs 4/30 upload complete Final Project for class review. We will meet together on Zoom – time to be determined.
- Tues 5/5 Final Stage of your Portfolio Project should be upload for grading. Don’t forget to validate! Check that images are resized for the web. Make sure the link from my page to your project works.
TUTORIALS & RESOURCES
- why jQuery Ajax?
- intro to XML– extensible mark-up language, used for storing and exchanging data.
- jQuery and Ajax– ajax() method simplifies server requests
- open weather map api
- example output: Chicago
- jsonformatter.org (scroll down the page to see formatted version)
- weather app template | weather app template2
- JSON time-series of coronavirus cases
Past Student Projects as Examples
- java’s adventure
- pacific crest trail
- grow a flower
- greenhedge (canvas game/story)
- the interview (video and text search)
- escape the room (canvas game)
- build sandwiches
- memory game
- bolts game
HTML Canvas Games
Weather App Tutorial #2
Chrome Developer Tools
Resources for Developer Careers
- GitHub – a social and collaborative platform for develpopment
- Git – version control system for tracking changes in computer files and coordinating work on those files among multiple people. (command-line install)
- desktop.github no command line needed
- Github guide
- 477 test-repository
Git Terms from Github Glossary
- Pull request
Creative Programming: 10%
Final Project: 20%
- I encourage game developers to work in teams. Please talk to me about this as I can point you to tutorials for building HTML5 games with Canvas.
- In the next three weeks, we will begin each class discussing 2-3 final projects in progress. This means that you must make progress after each class. If you are not making progress, this will be reflected on your final grade.