ThatDeveloperDad - Project 1 - Building ThatDeveloperDad.com

Lists the archived videos for the streams where we built out this website. Each video is about an hour long.

Archived Stream Videos


	Day 1: We start building the website with Astro JS. We add some pages, dummy posts, talk about metadata, variables, and conditional rendering.
	Day 2, Morning: We start making things a little less ugly by styling the about page, and talk briefly about importance of encapsulating areas of change in software architecture.
	Day 2, Afternoon: We add navigation & footer components, refactor the social media links, and plan for styling improvements.
	Day 3, Morning: We improve the website’s footer and add to our social media links, then prepare to tackle responsive navigation styling.
	Day 3, Afternoon: We focus on making the navigation responsive and mobile-friendly, emphasizing componentization and deploying changes successfully.
	Day 4, Morning: We create a common base page layout, apply it to the site, and plan to work on styling and modularization.
	Day 4, Afternoon: Create and work through a simple Github issue to fix a couple typos on the home page. Then we created a Layout that will display our Articles from their Markdown files.
	Day 5, Morning: This morning we’re focusing on combining layouts, creating a dynamic table of contents, and integrating blog posts.
	Day 5, Afternoon: In which ThatDeveloperDad makes a huge mistake by deviating from the plan, and suffers the consequences.
	Day 6, Morning: IWe get back to the plan, and build dynamic tag pages in AstroJS to automate content indexing for blog posts.
	Day 6, Afternoon: Learn how to automate tag processing in AstroJS to dynamically generate tag pages, display tags on blog posts, and improve site navigation.
	Day 7, Morning: We add an RSS feed to the site, and try to find a way to test it. LMAO, none of those apps will work against localhost! Silly devDad…
	Day 7, Afternoon: We work on layout improvements for articles, fixing page headers, and planning to enhance the social media component.
	Day 8, Morning: I continue working on website design improvements, focusing on CSS styling for the table of contents, mobile optimization, and adding publication dates to articles.
	Day 8, Afternoon (1): I finally decide to manage my website development using GitHub projects to track progress. Then I get into organizing tags, sorting topics alphabetically, and streamlines code for better efficiency.
	Day 8, Afternoon (2): I tackle some more advanced JavaScript (for me, anyway) with the help of Copilot, and get a really nifty feature out of it! (Article Counts on each tag. oooOOOOooohhh!!!!)

Day 1:
We start building the website with Astro JS. We add some pages, dummy posts, talk about metadata, variables, and conditional rendering.

Day 2, Morning:
We start making things a little less ugly by styling the about page, and talk briefly about importance of encapsulating areas of change in software architecture.

Day 2, Afternoon:
We add navigation & footer components, refactor the social media links, and plan for styling improvements.

Day 3, Morning:
We improve the website’s footer and add to our social media links, then prepare to tackle responsive navigation styling.

Day 3, Afternoon:
We focus on making the navigation responsive and mobile-friendly, emphasizing componentization and deploying changes successfully.

Day 4, Morning:
We create a common base page layout, apply it to the site, and plan to work on styling and modularization.

Day 4, Afternoon:
Create and work through a simple Github issue to fix a couple typos on the home page. Then we created a Layout that will display our Articles from their Markdown files.

Day 5, Morning:
This morning we’re focusing on combining layouts, creating a dynamic table of contents, and integrating blog posts.

Day 5, Afternoon:
In which ThatDeveloperDad makes a huge mistake by deviating from the plan, and suffers the consequences.

Day 6, Morning:
IWe get back to the plan, and build dynamic tag pages in AstroJS to automate content indexing for blog posts.

Day 6, Afternoon:
Learn how to automate tag processing in AstroJS to dynamically generate tag pages, display tags on blog posts, and improve site navigation.

Day 7, Morning:
We add an RSS feed to the site, and try to find a way to test it. LMAO, none of those apps will work against localhost! Silly devDad…

Day 7, Afternoon:
We work on layout improvements for articles, fixing page headers, and planning to enhance the social media component.

Day 8, Morning:
I continue working on website design improvements, focusing on CSS styling for the table of contents, mobile optimization, and adding publication dates to articles.

Day 8, Afternoon (1):
I finally decide to manage my website development using GitHub projects to track progress. Then I get into organizing tags, sorting topics alphabetically, and streamlines code for better efficiency.

Day 8, Afternoon (2):
I tackle some more advanced JavaScript (for me, anyway) with the help of Copilot, and get a really nifty feature out of it! (Article Counts on each tag. oooOOOOooohhh!!!!)