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
Category: Jamstack
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
Running JavaScript
There are a number of different ways you can run JavaScript code. This post goes over a number of them. Some are better for simple tests and practice and some are what you would use in production (the final version of your web site). You can also look at Wes Boss’ Setup instructions and Running… Continue reading Running JavaScript
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
Week 9: 10/25 + 10/27
This week we will dive into Eleventy Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. DO BEFORE WEDNESDAY Try Kahoot Flashcards and work on 11ty project. 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 9: 10/25 + 10/27
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.
Week 7: 10/13
This week we will finish the Responsive Site and get started on being ready for Eleventy. The Responsive site will be submitted on Thursday, October 14 There is no class on Monday, October 11 due to a holiday. Before Class: LEARN DO THIS: Work on your project. Roughly in this order wireframes complete create HTML… Continue reading Week 7: 10/13