<commit_before># ![Learn the Web, Part 4](title-card.png)

#### This 15 week course is focused on creating a personal website covering supplemental topics like domains, writing for the web, Jekyll, video, SEO, 404 pages, progressive enhancement & analytics.

---

[**<NAME>**](http://thomasjbradley.ca) — office: **J104** — [<EMAIL>](mailto:<EMAIL>)

---
---

## Week-by-week

Below is the complete breakdown of everything that will be covered over the next fifteen weeks.

---

### **1. Intro & review**

**Review topics**

- [Everything from **Set up**](http://learn-the-web.algonquindesign.ca/topics/#set-up)
- [Everything from **Web Dev 1**](http://learn-the-web.algonquindesign.ca/topics/#web-dev-1)
- [Everything from **Web Dev 2**](http://learn-the-web.algonquindesign.ca/topics/#web-dev-2)
- [Everything from **Web Dev 3**](http://learn-the-web.algonquindesign.ca/topics/#web-dev-3)

**In class**

- Course introduction, Q&A, system of the term
- Lecture:
  - Our goals this term
  - Overview of your portfolio
  - [Naming conventions](http://learn-the-web.algonquindesign.ca/topics/naming-paths-cheat-sheet/)
  - Intro to domains:
    Domain — $15/y, .ca
    Email — $40/y (30 days free) or Forwarder — $5/y

**Homework**

- [**Assignment 1: Business card site**]()
- *Figure out what domain you want for next week.*
- *Look for inspiration & portfolio layout ideas.*
- **Bring a credit card!**

---

### **2. Domains, e-mails, hosting**

**Topics**

- [Domains & DNS](http://learn-the-web.algonquindesign.ca/topics/domains/)

**In class**

- Lecture:
  - How the web & DNS works
- Demos:
  - Purchasing a domain at [Hover](https://www.hover.com/)
  - Setting up [CloudFlare](https://www.cloudflare.com/)
  - Setting up a custom domain on GitHub
  - Setting up email at [FastMail](https://www.fastmail.com/)

**Homework**

- **Assignment 2: Domain setup—completed in class**
- *Start thinking about wireframes & content*

---

### **3. Writing for the web**

**Topics**

- [Writing for the web](http://learn-the-web.algonquindesign.ca/topics/writing-for-the-web/)
- [Writing checklist](http://learn-the-web.algonquindesign.ca/topics/writing-checklist/)
- [Markdown](http://learn-the-web.algonquindesign.ca/topics/markdown/)
- [YAML](http://learn-the-web.algonquindesign.ca/topics/yaml/)
- [Markdown & YAML cheat sheet](http://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/)
- [Writing a readme](http://learn-the-web.algonquindesign.ca/topics/writing-a-readme/)

**In class**

- [Start with why](http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action)
- Demos:
  - Markdown syntax basics
  - YAML syntax basics
- *Exercise: writing a readme in Markdown*
- *Exercise: systemizing content in YAML*

**Homework**

- **Assignment 3: Written content & system—completed in class**
- **Portfolio website, part 1: Interactive wireframes—8 hours**

---

### **4. Portfolio, part 1 work period**

**In class**

- *Activity*
- Work time, Q&A time, one-on-one feedback

**Homework**

- Continue working on Portfolio, part 1

---

### **5. Portfolio, part 1 due**

**Topics**

- [Browser testing checklist](http://learn-the-web.algonquindesign.ca/topics/browser-testing-checklist/)
- [Performance checklist](http://learn-the-web.algonquindesign.ca/topics/performance-checklist/)
- [Accessibility checklist](http://learn-the-web.algonquindesign.ca/topics/accessibility-checklist/)

**In class**

- Browser testing, performance testing, peer testing, accessibility testing

---

### **6. Video**

**Topics**

- [Video & audio](http://learn-the-web.algonquindesign.ca/topics/video/)

**In class**

- Understanding video on the web
- Demos:
  - Compressing videos with Adobe Media Encoder
  - Large video billboards
  - Controlling videos with Javascript

**Homework**

- **Assignment 5: Performance—3 hours**

---

### **7. Layouts & Jekyll**

**Topics**

- [Jekyll](http://learn-the-web.algonquindesign.ca/topics/jekyll/)
- [Jekyll installation](http://learn-the-web.algonquindesign.ca/topics/jekyll-installation/)
- [Jekyll terminal guide](http://learn-the-web.algonquindesign.ca/topics/jekyll-terminal-guide/)
- [Jekyll cheat sheet](http://learn-the-web.algonquindesign.ca/topics/jekyll-cheat-sheet/)

**In class**

- Why Jekyll
- Installing Jekyll on your computer
- Demos:
  - Setting up a basic website
  - Creating layouts
  - Jekyll & SEO

**Homework**

- **Assignment 4: Layouts—3 hours**

---

### **8. SEO, enhanced metadata & analytics**<commit_msg>Reorder assignment numbers.<commit_after># ![Learn the Web, Part 4](title-card.png)

#### This 15 week course is focused on creating a personal website covering supplemental topics like domains, writing for the web, Jekyll, video, SEO, 404 pages, progressive enhancement & analytics.

---

[**<NAME>**](http://thomasjbradley.ca) — office: **J104** — [<EMAIL>](mailto:<EMAIL>)

---
---

## Week-by-week

Below is the complete breakdown of everything that will be covered over the next fifteen weeks.

---

### **1. Intro & review**

**Review topics**

- [Everything from **Set up**](http://learn-the-web.algonquindesign.ca/topics/#set-up)
- [Everything from **Web Dev 1**](http://learn-the-web.algonquindesign.ca/topics/#web-dev-1)
- [Everything from **Web Dev 2**](http://learn-the-web.algonquindesign.ca/topics/#web-dev-2)
- [Everything from **Web Dev 3**](http://learn-the-web.algonquindesign.ca/topics/#web-dev-3)

**In class**

- Course introduction, Q&A, system of the term
- Lecture:
  - Our goals this term
  - Overview of your portfolio
  - [Naming conventions](http://learn-the-web.algonquindesign.ca/topics/naming-paths-cheat-sheet/)
  - Intro to domains:
    Domain — $15/y, .ca
    Email — $40/y (30 days free) or Forwarder — $5/y

**Homework**

- [**Assignment 1: Business card site**]()
- *Figure out what domain you want for next week.*
- *Look for inspiration & portfolio layout ideas.*
- **Bring a credit card!**

---

### **2. Domains, e-mails, hosting**

**Topics**

- [Domains & DNS](http://learn-the-web.algonquindesign.ca/topics/domains/)

**In class**

- Lecture:
  - How the web & DNS works
- Demos:
  - Purchasing a domain at [Hover](https://www.hover.com/)
  - Setting up [CloudFlare](https://www.cloudflare.com/)
  - Setting up a custom domain on GitHub
  - Setting up email at [FastMail](https://www.fastmail.com/)

**Homework**

- **Assignment 2: Domain setup—completed in class**
- *Start thinking about wireframes & content*

---

### **3. Writing for the web**

**Topics**

- [Writing for the web](http://learn-the-web.algonquindesign.ca/topics/writing-for-the-web/)
- [Writing checklist](http://learn-the-web.algonquindesign.ca/topics/writing-checklist/)
- [Markdown](http://learn-the-web.algonquindesign.ca/topics/markdown/)
- [YAML](http://learn-the-web.algonquindesign.ca/topics/yaml/)
- [Markdown & YAML cheat sheet](http://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/)
- [Writing a readme](http://learn-the-web.algonquindesign.ca/topics/writing-a-readme/)

**In class**

- [Start with why](http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action)
- Demos:
  - Markdown syntax basics
  - YAML syntax basics
- *Exercise: writing a readme in Markdown*
- *Exercise: systemizing content in YAML*

**Homework**

- **Assignment 3: Written content & system—completed in class**
- **Portfolio website, part 1: Interactive wireframes—8 hours**

---

### **4. Portfolio, part 1 work period**

**In class**

- *Activity*
- Work time, Q&A time, one-on-one feedback

**Homework**

- Continue working on Portfolio, part 1

---

### **5. Portfolio, part 1 due**

**Topics**

- [Browser testing checklist](http://learn-the-web.algonquindesign.ca/topics/browser-testing-checklist/)
- [Performance checklist](http://learn-the-web.algonquindesign.ca/topics/performance-checklist/)
- [Accessibility checklist](http://learn-the-web.algonquindesign.ca/topics/accessibility-checklist/)

**In class**

- Browser testing, performance testing, peer testing, accessibility testing

---

### **6. Video**

**Topics**

- [Video & audio](http://learn-the-web.algonquindesign.ca/topics/video/)

**In class**

- Understanding video on the web
- Demos:
  - Compressing videos with Adobe Media Encoder
  - Large video billboards
  - Controlling videos with Javascript

**Homework**

- **Assignment 4: Performance—3 hours**

---

### **7. Layouts & Jekyll**

**Topics**

- [Jekyll](http://learn-the-web.algonquindesign.ca/topics/jekyll/)
- [Jekyll installation](http://learn-the-web.algonquindesign.ca/topics/jekyll-installation/)
- [Jekyll terminal guide](http://learn-the-web.algonquindesign.ca/topics/jekyll-terminal-guide/)
- [Jekyll cheat sheet](http://learn-the-web.algonquindesign.ca/topics/jekyll-cheat-sheet/)

**In class**

- Why Jekyll
- Installing Jekyll on your computer
- Demos:
  - Setting up a basic website
  - Creating layouts
  - Jekyll & SEO

**Homework**

- **Assignment 5: Layouts—3 hours**

---

### **8. SEO, enhanced metadata & analytics**
{'fraction_non_alphanumeric': 0.17141268075639599, 'fraction_numerical': 0.009343715239154617, 'mean_word_length': 3.9184901531728666, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 6, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3032793', 'n_tokens_mistral': 3296, 'n_tokens_neox': 3123, 'n_words': 737}