feat: add JSON schema for course modules and update module files

This commit is contained in:
Michael Czechowski
2025-05-14 11:28:43 +02:00
parent 010df5e379
commit c786699d64
13 changed files with 158 additions and 0 deletions

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "css-fundamentals",
"title": "101 Rules and Selectors",
"description": "Cascading Style Sheets (CSS) form the cornerstone of modern web presentation. This module provides a comprehensive introduction to CSS syntax, selectors, properties, and core design concepts. You'll develop a deep understanding of how CSS empowers web developers to control visual aesthetics, layout, and responsive behavior across digital interfaces. Throughout these lessons, we'll build a robust foundation that prepares you for more advanced web engineering topics.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "box-model",
"title": "Padding, Borders, and Margins",
"description": "Master the fundamental principles of space management in web design through the CSS box model. This module explores how content, padding, borders, and margins combine to create layout structures that are both visually appealing and structurally sound.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "selectors",
"title": "Specificity",
"description": "Master the art of targeting HTML elements using various CSS selectors, from basics to specificity rules.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "colors-backgrounds",
"title": "Colors & Backgrounds",
"description": "Learn how to apply and manipulate colors, backgrounds, and graphical fills using CSS properties.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "typography-fonts",
"title": "Typography & Fonts",
"description": "Learn how to control text appearance through font selection, sizing, spacing, and decorative effects.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "units-variables",
"title": "Units, var() and calc()",
"description": "Understand the variety of CSS measurement units and how to define and use custom properties for maintainable styles.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "transitions-animations",
"title": "Transitions & Animations",
"description": "Bring interactivity to your UI by smoothly transitioning properties and creating keyframe-driven animations.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "layouts",
"title": "Flexbox & Grid",
"description": "Master modern CSS layout techniques with Flexbox and Grid for responsive, powerful designs.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "responsive-design",
"title": "Responsive Design & Media Queries",
"description": "Make your layouts adapt to different screen sizes using media queries and fluid design techniques.",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "flexbox",
"title": "CSS Flexbox",
"description": "Master the flexible box layout model for modern responsive designs",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "grid",
"title": "CSS Grid",
"description": "Master the grid layout system for complex two-dimensional layouts",

View File

@@ -1,4 +1,5 @@
{
"$schema": "../schemas/code-crispies-module-schema.json",
"id": "tailwindcss-basics",
"title": "Tailwind CSS Basics",
"description": "Learn how to use Tailwind CSS utility classes to quickly style your HTML elements",