blockenberg / blocks / learning-path / block.json

block.json in Blockenberg — 600+ Advanced Gutenberg Blocks & AI Agent for WordPress Block Editor 2.0.13, at blocks/learning-path/block.json

319 lines 9.7 KB

Raw Download Zip

1	{
2	"apiVersion": 3,
3	"$schema": "https://schemas.wp.org/trunk/block.json",
4	"name": "blockenberg/learning-path",
5	"version": "1.0.0",
6	"title": "Learning Path",
7	"category": "bkbg-blog",
8	"icon": "welcome-learn-more",
9	"description": "Display a structured learning path with steps, skill tags, durations and type indicators.",
10	"keywords": [
11	"learning",
12	"path",
13	"course",
14	"steps",
15	"skills",
16	"education",
17	"tutorial"
18	],
19	"textdomain": "blockenberg",
20	"editorScript": "bkbg-learning-path-editor",
21	"editorStyle": "bkbg-learning-path-style",
22	"style": "bkbg-learning-path-style",
23	"viewScript": "bkbg-learning-path-frontend",
24	"supports": {
25	"html": false,
26	"anchor": true,
27	"className": true,
28	"align": [
29	"wide",
30	"full"
31	]
32	},
33	"attributes": {
34	"pathTitle": {
35	"type": "string",
36	"default": "Full-Stack Web Development Path"
37	},
38	"description": {
39	"type": "string",
40	"default": "A structured roadmap to become a proficient full-stack developer — from fundamentals to deployment."
41	},
42	"showDescription": {
43	"type": "boolean",
44	"default": true
45	},
46	"totalDuration": {
47	"type": "string",
48	"default": "12 weeks"
49	},
50	"difficulty": {
51	"type": "string",
52	"default": "intermediate"
53	},
54	"showSkills": {
55	"type": "boolean",
56	"default": true
57	},
58	"showDuration": {
59	"type": "boolean",
60	"default": true
61	},
62	"showStepNumbers": {
63	"type": "boolean",
64	"default": true
65	},
66	"steps": {
67	"type": "array",
68	"default": [
69	{
70	"title": "HTML & CSS Fundamentals",
71	"description": "Learn the building blocks of the web. Master semantic HTML, CSS layout, flexbox, and grid.",
72	"duration": "1 week",
73	"type": "lesson",
74	"skills": [
75	"HTML5",
76	"CSS3",
77	"Flexbox",
78	"Grid"
79	],
80	"completed": false
81	},
82	{
83	"title": "JavaScript Essentials",
84	"description": "Core JavaScript concepts: variables, functions, DOM manipulation, events, and async programming.",
85	"duration": "2 weeks",
86	"type": "lesson",
87	"skills": [
88	"ES6+",
89	"DOM",
90	"Promises",
91	"Fetch API"
92	],
93	"completed": false
94	},
95	{
96	"title": "Build a Static Website",
97	"description": "Apply HTML/CSS/JS skills by building a multi-page portfolio website from scratch.",
98	"duration": "1 week",
99	"type": "project",
100	"skills": [
101	"HTML",
102	"CSS",
103	"JavaScript"
104	],
105	"completed": false
106	},
107	{
108	"title": "JavaScript Quiz",
109	"description": "Test your JavaScript knowledge with 30 questions covering core concepts.",
110	"duration": "2 hours",
111	"type": "quiz",
112	"skills": [
113	"JavaScript"
114	],
115	"completed": false
116	},
117	{
118	"title": "React Fundamentals",
119	"description": "Components, props, state, hooks, and the React component lifecycle.",
120	"duration": "2 weeks",
121	"type": "lesson",
122	"skills": [
123	"React",
124	"JSX",
125	"Hooks",
126	"State"
127	],
128	"completed": false
129	},
130	{
131	"title": "Read: Clean Code by Robert Martin",
132	"description": "Essential reading on writing maintainable, readable code that your future self will thank you for.",
133	"duration": "1 week",
134	"type": "reading",
135	"skills": [
136	"Best Practices"
137	],
138	"completed": false
139	},
140	{
141	"title": "Node.js & Express",
142	"description": "Server-side JavaScript with Node.js, REST API design with Express, and middleware patterns.",
143	"duration": "2 weeks",
144	"type": "lesson",
145	"skills": [
146	"Node.js",
147	"Express",
148	"REST",
149	"Middleware"
150	],
151	"completed": false
152	},
153	{
154	"title": "Full-Stack App Project",
155	"description": "Build a complete CRUD application with React frontend, Express backend, and a database.",
156	"duration": "2 weeks",
157	"type": "project",
158	"skills": [
159	"React",
160	"Node.js",
161	"Express",
162	"PostgreSQL"
163	],
164	"completed": false
165	},
166	{
167	"title": "Databases & SQL",
168	"description": "Relational databases, SQL queries, joins, indexes, and PostgreSQL with Prisma ORM.",
169	"duration": "1 week",
170	"type": "video",
171	"skills": [
172	"SQL",
173	"PostgreSQL",
174	"Prisma"
175	],
176	"completed": false
177	},
178	{
179	"title": "Deployment & DevOps Basics",
180	"description": "Deploy apps to the cloud with Docker, CI/CD pipelines, and environment configuration.",
181	"duration": "1 week",
182	"type": "lesson",
183	"skills": [
184	"Docker",
185	"CI/CD",
186	"Vercel",
187	"Railway"
188	],
189	"completed": false
190	}
191	]
192	},
193	"fontSize": {
194	"type": "number",
195	"default": 14
196	},
197	"titleFontSize": {
198	"type": "number",
199	"default": 24
200	},
201	"stepTitleSize": {
202	"type": "number",
203	"default": 16
204	},
205	"lineHeight": {
206	"type": "number",
207	"default": 160
208	},
209	"titleTypo": {
210	"type": "object",
211	"default": {}
212	},
213	"descTypo": {
214	"type": "object",
215	"default": {}
216	},
217	"stepTitleTypo": {
218	"type": "object",
219	"default": {}
220	},
221	"borderRadius": {
222	"type": "number",
223	"default": 12
224	},
225	"bgColor": {
226	"type": "string",
227	"default": "#ffffff"
228	},
229	"borderColor": {
230	"type": "string",
231	"default": "#e5e7eb"
232	},
233	"titleColor": {
234	"type": "string",
235	"default": "#111827"
236	},
237	"descColor": {
238	"type": "string",
239	"default": "#6b7280"
240	},
241	"stepBg": {
242	"type": "string",
243	"default": "#ffffff"
244	},
245	"stepBorderColor": {
246	"type": "string",
247	"default": "#e5e7eb"
248	},
249	"stepTitleColor": {
250	"type": "string",
251	"default": "#1f2937"
252	},
253	"stepDescColor": {
254	"type": "string",
255	"default": "#6b7280"
256	},
257	"stepNumBg": {
258	"type": "string",
259	"default": "#0f172a"
260	},
261	"stepNumColor": {
262	"type": "string",
263	"default": "#ffffff"
264	},
265	"connectorColor": {
266	"type": "string",
267	"default": "#e5e7eb"
268	},
269	"durationColor": {
270	"type": "string",
271	"default": "#6b7280"
272	},
273	"skillBg": {
274	"type": "string",
275	"default": "#f1f5f9"
276	},
277	"skillColor": {
278	"type": "string",
279	"default": "#475569"
280	},
281	"metaBg": {
282	"type": "string",
283	"default": "#f8fafc"
284	},
285	"metaBorderColor": {
286	"type": "string",
287	"default": "#e2e8f0"
288	},
289	"difficultyBg": {
290	"type": "string",
291	"default": "#ede9fe"
292	},
293	"difficultyColor": {
294	"type": "string",
295	"default": "#5b21b6"
296	},
297	"lessonColor": {
298	"type": "string",
299	"default": "#2563eb"
300	},
301	"projectColor": {
302	"type": "string",
303	"default": "#d97706"
304	},
305	"quizColor": {
306	"type": "string",
307	"default": "#7c3aed"
308	},
309	"readingColor": {
310	"type": "string",
311	"default": "#059669"
312	},
313	"videoColor": {
314	"type": "string",
315	"default": "#dc2626"
316	}
317	}
318	}
319