feat: add JSON schema for course modules and update module files
This commit is contained in:
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user