GitHub Pages LxD Series
An interactive series for learning Frontend programming, GitHub Pages, and Jupyter Notebooks through hands-on mini-projects.
Welcome to your GitHub Pages mini-project journey! This series will guide you through essential skills for web programming with GitHub Pages.
graph TD
A[Notebooks & Jokes] --> B[Anatomy]
B --> C[Theme]
C --> D[Markdown]
D --> E[Jekyll]
E --> F[Hacks]
linkStyle default stroke:#1e90ff,stroke-width:3px;
Table - How to Use This Series
| Notebooks & Jokes | Anatomy | Theme | Markdown | Jekyll | Hacks |
|---|---|---|---|---|---|
| Fun with JavaScript and Jupyter Notebooks | Explore the structure of a GitHub Pages site | Learn about theme templates and layout of SASS files for advanced styling | Master Markdown for content creation | Understand Jekyll static site generation | Apply your knowledge with hands-on challenges |
| Topic | Description |
|---|---|
| Notebooks & Jokes | Fun with JavaScript and Jupyter Notebooks |
| Anatomy | Explore the structure of a GitHub Pages site |
| Theme | Learn about theme templates and layout of SASS files for advanced styling |
| Markdown | Master Markdown for content creation |
| Jekyll | Understand Jekyll static site generation |
| Hacks | Apply your knowledge with hands-on challenges |
Markdown - How to Use This Series
- Start at the top and follow the arrows to progress through each topic.
-
Complete each activity to build your skills and prepare for your own LxD experience.
- Jupyter Notebooks & Jokes
- Learn JavaScript in Jupyter Notebooks with a fun twist—random programming and accounting jokes!
- GH Pages Anatomy
- Explore the structure of a GitHub Pages site
- Theme
- Learn about theme templates and layout of SASS files for advanced styling
- Markdown
- Master Markdown for content creation
- Jekyll
- Understand Jekyll static site generation
- Notebooks & Jokes: Fun with JavaScript and Jupyter Notebooks
- Anatomy: Explore the structure of a GitHub Pages site
- Theme: Learn about theme templates and layout of SASS files for advanced styling
- Markdown: Master Markdown for content creation
- Jekyll: Understand Jekyll static site generation
- Hacks: Apply your knowledge with hands-on challenges
Tailwind - How to Use This Series
Notebooks & Jokes
Fun with JavaScript and Jupyter Notebooks
Anatomy
Explore the structure of a GitHub Pages site
Theme
Learn about theme templates and layout of SASS files for advanced styling
Markdown
Master Markdown for content creation
Jekyll
Understand Jekyll static site generation
Hacks
Apply your knowledge with hands-on challenges
Ready to begin? Start building a LxD layout and articles to begin your LxD journey.