When you present your group projects, I would like to to have two main parts. Part 1: The Project Here you will do a screenshare of your project on Netlify and talk about the project. This is like your brief: Describe your project What were your goals? Who is the target audience and what are… Continue reading Final Presentation
Category: Projects
Week 17: 12/20 Final
Final Projects are due today and will be presented in class. Live Sessions JOIN LIVE SESSION After Class: Work on turning in any missed personal work. Work on Group Projects. Get your group presentations ready. Final due on Monday.
Credits and Copyright
When you use content that someone else made, you should give credit to the creator. This is true whether it’s an image, text or other media. Some content comes with specific copyright that REQUIRES you to give credit. One example is the Creative Commons Attribution license. This license requires that you attribute the original author… Continue reading Credits and Copyright
Git Merge Conflicts
When you’re doing a Git Merge, sometimes you have made changes to the same line of code that someone else also changed. When you try to merge your files you will get an error message that will look something like this: When this happens, Git will create a special version of the files that had… Continue reading Git Merge Conflicts
Week 16: 12/13
This is the class class before finals. Wednesday is optional. Final projects will be due next week on Monday, December 20. Live Sessions JOIN LIVE SESSION After Class: Work on turning in any missed personal work. Work on Group Projects. Get your group presentations ready. Final due on Monday.
Showing Groups of Pages in 11ty
There are a few ways that you can generate lists of pages (posts) in 11ty. This post looks at how to based on tags, custom front-matter variables, and listing all of the files in a folder. You can follow along with this by using the collections-example repository. Click on the link for the repo: https://github.com/profstein/collections-example… Continue reading Showing Groups of Pages in 11ty
Week 15: 12/6 + 12/8
Live Sessions JOIN LIVE SESSION After Class: Work on Group Projects.
Dynamic UI with jQuery
This is a step-by-step guide to completing the Dynamic UI with jQuery part of the Dynamic Project. It also covers Setup [0] Setup Create GitHub Repo from Template Go to the Github Template Click the green Use this Template button. Go through the steps to finish creating your version of the repository. Clone Repo to… Continue reading Dynamic UI with jQuery
Submitting the Dynamic Site
Here is what you will need to do to submit your Eleventy site Push all of your files to your GitHub Repository. Deploy your site to Netlify Copy the URL. It should be something like https://yourproject.netlify.app Note: by default Netlify will give you a wierd project name that is a combination of words and letters… Continue reading Submitting the Dynamic Site
Week 14: 11/29 + 12/1
Live Sessions JOIN LIVE SESSION After Class: Work on Group Final Project Brief.
Week 13: 11/22 + 11/24
We will start some UI Interactivity small individual projects. Also Group time for Project Brief. In Class: EXPLORE The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. Live Sessions JOIN LIVE SESSION After Class:
Week 12: 11/15 + 11/17
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). Before Class: LEARN DO THIS: Submit your 11ty Site Project on Blackboard. Apologies that the assignment wasn’t up earlier. It’s up now and I’ve changed the due date to today, Monday… Continue reading Week 12: 11/15 + 11/17
Week 11: 11/8 + 11/10
This week we will explore using Data, Nunjucks templates and Collections Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. Deploy your Netlify site on Netlify Update your Miro Progress board In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live… Continue reading Week 11: 11/8 + 11/10
Personal Project Post
We will go over this in class as well. Info For Your Post Title: The title should be clear that it’s a web site and the name of your project. Something like Web Site: Chris Stein Portfolio Post Content: Include the following (add headings to make it easier to read). You can take some of… Continue reading Personal Project Post
Submitting the Eleventy Site
Here is what you will need to do to submit your Eleventy site Push all of your files to your GitHub Repository. Deploy your site to Netlify Copy the URL. It should be something like https://yourproject.netlify.app Note: by default Netlify will give you a wierd project name that is a combination of words and letters… Continue reading Submitting the Eleventy Site
Week 10: 11/1 + 11/3
This week we will wrap up the first version of your Eleventy projects Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. Update your Miro Progress board In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a… Continue reading Week 10: 11/1 + 11/3
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 Netlify: Netlify is a hosting platform specializing in hosting projects build with workflows like ours (static site generator and GitHub). They have a generous free pricing tier that is great for the kind of… Continue reading Deploy to Netlify
VSCode 11ty Setup
When we’re working with Eleventy there are some new file types that VS Code will not handle as you expect. Follow these steps to set up VS Code to work with them. Nunjucks This is the templating language we will use (11ty actually lets you use a number of them). Install the Nunjucks extension to… Continue reading VSCode 11ty Setup
Week 8: 10/18 + 10/20
This week we will dive into Eleventy Before Class: LEARN DO THIS: Make sure you have node installed on your computer. For windows and macOS there are steps in the dev environment instructions that cover this. Make sure you have access to your project files (brief document, html, css, js) DO BEFORE WEDNESDAY Do the Markdown… Continue reading Week 8: 10/18 + 10/20
Starter 11ty Site
This post goes through the steps to create a basic Eleventy (11ty) site from Prof Stein’s Eleventy Basic template.