[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-en-17-12-The%2525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252520Origin%2525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252520of%2525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252525252520Code-all-all-createdAt:desc-default":3},{"data":4,"page":502,"perPage":503,"totalItems":504,"totalPages":505},[5,69,121,172,208,244,280,312,352,389,424,469],{"alt":6,"cover_image_path":7,"created":8,"expand":9,"id":65,"published_at":66,"school_blog":62,"short_description":67,"title":6,"updated":68,"slug":63,"views":64},"5 Mistakes Beginner Developers Make","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fuws5rn7l15sz0jb\u002F2_11zon_2euisdwrrw.webp","2026-03-04 08:48:00.708Z",{"keywords":10,"locale":34,"school_blog":44},[11,19,24,29],{"collectionId":12,"collectionName":13,"created":14,"created_by":15,"id":16,"name":17,"updated":18,"updated_by":15},"sclkey987654321","school_keywords","2026-03-04 08:47:59.240Z","","10xzocbvtujjcvf","programming skills development","2026-04-10 16:13:38.300Z",{"collectionId":12,"collectionName":13,"created":20,"created_by":15,"id":21,"name":22,"updated":23,"updated_by":15},"2026-03-04 08:47:59.631Z","vgy8d5sj4fnfxlh","project development","2026-04-10 16:13:38.427Z",{"collectionId":12,"collectionName":13,"created":25,"created_by":15,"id":26,"name":27,"updated":28,"updated_by":15},"2026-03-04 08:48:00.020Z","pz2dhxra99pm86s","coding mistakes","2026-04-10 16:13:38.494Z",{"collectionId":12,"collectionName":13,"created":30,"created_by":15,"id":31,"name":32,"updated":33,"updated_by":15},"2026-03-04 08:47:37.637Z","5k8bee4vff7orco","beginner developer","2026-04-10 16:13:31.750Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},"en","pbc_1989393366","locales","2026-01-22 11:00:02.726Z","twemoji:flag-united-states","qv9c1llfov2d88z",false,"English","2026-04-10 15:42:46.825Z",{"category":45,"collectionId":46,"collectionName":47,"created":15,"expand":48,"id":62,"slug":63,"updated":15,"views":64},"spm4l1k5bgmhmmt","pbc_2105096300","school_blogs",{"category":49},{"blogIds":50,"collectionId":51,"collectionName":52,"created":53,"created_by":15,"id":45,"image":54,"image_alt":15,"image_path":55,"label":56,"name":57,"priority":58,"publish_at":59,"scheduled_at":15,"status":60,"updated":61,"updated_by":15},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:31:18.590Z","50hyjr6os45_ayazwr5gq7.png","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fspm4l1k5bgmhmmt\u002F50hyjr6os45_ayazwr5gq7.png",{"en":57,"th":57},"Knowledge",0,"2026-03-18 02:25:41.222Z","published","2026-04-25 02:32:14.497Z","qjck7zvujs0fs2k","5-mistakes-beginner-developers-make",205,"uws5rn7l15sz0jb","2025-07-25 01:42:31.891Z","This article helps you avoid 5 common mistakes that beginner developers often make, ensuring high-quality and efficient code development.","2026-04-22 07:10:07.190Z",{"alt":70,"cover_image_path":71,"created":72,"expand":73,"id":117,"published_at":118,"school_blog":114,"short_description":119,"title":70,"updated":120,"slug":115,"views":116},"JS2GO EP.5 Variables and Data Types in JavaScript and Go","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fj26cdygzjdhc7w8\u002F10_11zon_c6flbm8b32.webp","2026-03-04 08:27:00.094Z",{"keywords":74,"locale":100,"school_blog":101},[75,80,85,90,95],{"collectionId":12,"collectionName":13,"created":76,"created_by":15,"id":77,"name":78,"updated":79,"updated_by":15},"2026-03-04 08:20:42.484Z","vslzz9nvv6n77cx","JavaScript","2026-04-10 16:07:28.339Z",{"collectionId":12,"collectionName":13,"created":81,"created_by":15,"id":82,"name":83,"updated":84,"updated_by":15},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"collectionId":12,"collectionName":13,"created":86,"created_by":15,"id":87,"name":88,"updated":89,"updated_by":15},"2026-03-04 08:26:57.621Z","yz0psh771cme97h","Variables","2026-04-10 16:07:36.688Z",{"collectionId":12,"collectionName":13,"created":91,"created_by":15,"id":92,"name":93,"updated":94,"updated_by":15},"2026-03-04 08:26:58.398Z","eb35vtk2ij25nt0","data types","2026-04-10 16:07:36.890Z",{"collectionId":12,"collectionName":13,"created":96,"created_by":15,"id":97,"name":98,"updated":99,"updated_by":15},"2026-03-04 08:24:38.707Z","v8n5s20nj500amh","JavaScript vs Go","2026-04-10 16:07:29.238Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":102,"collectionId":46,"collectionName":47,"created":15,"expand":103,"id":114,"slug":115,"updated":15,"views":116},"hsa1afr8fcnd6qb",{"category":104},{"blogIds":105,"collectionId":51,"collectionName":52,"created":106,"created_by":15,"id":102,"image":107,"image_alt":15,"image_path":108,"label":109,"name":110,"priority":111,"publish_at":112,"scheduled_at":15,"status":60,"updated":113,"updated_by":15},[],"2026-03-04 08:24:37.986Z","js2_go_2_11zon_y6paxmuz32.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fhsa1afr8fcnd6qb\u002Fjs2_go_2_11zon_y6paxmuz32.webp",{"en":110,"th":110},"JS2GO",10,"2025-08-11 03:41:08.820Z","2026-04-25 02:32:14.339Z","li5s391v21y1mio","variables-and-data-types-javascript-vs-go",231,"j26cdygzjdhc7w8","2025-07-24 05:09:18.535Z","A comparison of data types and variable management in JavaScript and Go, helping you understand how to use them effectively and appropriately for various project developments.","2026-05-12 01:14:32.027Z",{"alt":122,"cover_image_path":123,"created":124,"expand":125,"id":168,"published_at":169,"school_blog":164,"short_description":170,"title":122,"updated":171,"slug":165,"views":167},"EP 9: Pro Tips: 20 Techniques to Make You Write Tailwind 10x Faster","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fdyzqm5n8wi1v6gk\u002F18_11zon_t0lm0iydva.webp","2026-03-04 08:26:40.962Z",{"keywords":126,"locale":152,"school_blog":153},[127,132,137,142,147],{"collectionId":12,"collectionName":13,"created":128,"created_by":15,"id":129,"name":130,"updated":131,"updated_by":15},"2026-03-04 08:26:38.024Z","qj2v8m1jpwhauc1","form design","2026-04-10 16:07:32.109Z",{"collectionId":12,"collectionName":13,"created":133,"created_by":15,"id":134,"name":135,"updated":136,"updated_by":15},"2026-03-04 08:26:36.163Z","hwfo0itcn5mxejb","responsive design","2026-04-10 16:07:31.508Z",{"collectionId":12,"collectionName":13,"created":138,"created_by":15,"id":139,"name":140,"updated":141,"updated_by":15},"2026-03-04 08:26:39.210Z","7zrkt1quqzzjsu2","vs code extensions","2026-04-10 16:07:32.506Z",{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},"2026-03-04 08:26:35.002Z","eq1u1plwlvvr2rh","Tailwind CSS","2026-04-10 16:07:31.210Z",{"collectionId":12,"collectionName":13,"created":148,"created_by":15,"id":149,"name":150,"updated":151,"updated_by":15},"2026-03-04 08:26:40.378Z","1ry4uzly1xiu4wm","css shortcuts","2026-04-10 16:07:32.880Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":155,"id":164,"slug":165,"updated":166,"views":167},"i22e96fj41lsws7",{"category":156},{"blogIds":157,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":161,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],"2026-03-04 08:26:33.946Z","vzv2yduhfk_hs035tvsww.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fi22e96fj41lsws7\u002Fvzv2yduhfk_hs035tvsww.webp",{"en":145,"th":145},"2025-07-25 05:27:14.926Z","2026-04-25 02:32:14.403Z","x4xuftx71s954o2","tailwind-css-expert-tips-productivity-guide","2026-05-12 01:14:56.594Z",209,"dyzqm5n8wi1v6gk","2025-07-23 02:05:44.074Z","Master professional Tailwind CSS with expert tips and tricks covering VS Code setup, shortcuts, responsive design, animations, form design, and performance optimization techniques for maximum productivity.","2026-05-12 01:13:46.561Z",{"alt":173,"cover_image_path":174,"created":175,"expand":176,"id":204,"published_at":205,"school_blog":200,"short_description":206,"title":173,"updated":207,"slug":201,"views":203},"EP 8: Customize Tailwind to Make It Yours: Professional Theme and Plugin Mastery","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F8x0g7wox76szbyb\u002F16_11zon_bk504bzsn5.webp","2026-03-04 08:26:43.197Z",{"keywords":177,"locale":194,"school_blog":195},[178,183,188,189],{"collectionId":12,"collectionName":13,"created":179,"created_by":15,"id":180,"name":181,"updated":182,"updated_by":15},"2026-03-04 08:26:38.830Z","vioxzx8mghwftdq","design system","2026-04-10 16:07:32.373Z",{"collectionId":12,"collectionName":13,"created":184,"created_by":15,"id":185,"name":186,"updated":187,"updated_by":15},"2026-03-04 08:26:39.993Z","zhw4xd5rp3mj79a","theme variables","2026-04-10 16:07:32.666Z",{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},{"collectionId":12,"collectionName":13,"created":190,"created_by":15,"id":191,"name":192,"updated":193,"updated_by":15},"2026-03-04 08:26:42.644Z","c8pqsnbnokm5g8j","custom colors","2026-04-10 16:07:33.422Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":196,"id":200,"slug":201,"updated":202,"views":203},{"category":197},{"blogIds":198,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":199,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"cc4higxi3e3fbqp","tailwind-css-advanced-customization-guide","2026-05-15 15:24:45.835Z",229,"8x0g7wox76szbyb","2025-07-22 11:21:50.394Z","Master professional Tailwind CSS customization with theme variables, custom colors, typography systems, dark mode, and complete design system development. Learn CSS-first configuration approach.","2026-05-12 01:14:28.714Z",{"alt":209,"cover_image_path":210,"created":211,"expand":212,"id":240,"published_at":241,"school_blog":236,"short_description":242,"title":209,"updated":243,"slug":237,"views":239},"EP 7: Stop Writing Repetitive Code! Create Components with @apply and Custom CSS","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Ffo2xjdfykq88p46\u002F14_11zon_al1iizfqqz.webp","2026-03-04 08:26:44.696Z",{"keywords":213,"locale":230,"school_blog":231},[214,219,224,225],{"collectionId":12,"collectionName":13,"created":215,"created_by":15,"id":216,"name":217,"updated":218,"updated_by":15},"2026-03-04 08:26:42.252Z","ujbbp4zfs5h7m0a","tailwind css components","2026-04-10 16:07:33.360Z",{"collectionId":12,"collectionName":13,"created":220,"created_by":15,"id":221,"name":222,"updated":223,"updated_by":15},"2026-03-04 08:26:43.420Z","n8b5mlzs5myjtxf","component system development","2026-04-10 16:07:33.657Z",{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},{"collectionId":12,"collectionName":13,"created":226,"created_by":15,"id":227,"name":228,"updated":229,"updated_by":15},"2026-03-04 08:26:44.152Z","eq08j40z29v20nv","tailwind css @apply directive","2026-04-10 16:07:33.974Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":232,"id":236,"slug":237,"updated":238,"views":239},{"category":233},{"blogIds":234,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":235,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"tt7uw2utkkgax7m","tailwind-css-component-system-apply-directive-tutorial-ep7","2026-05-12 10:11:59.818Z",207,"fo2xjdfykq88p46","2025-07-22 10:18:53.612Z","Learn how to build professional Component Systems using @apply directive in Tailwind CSS. Reduce lengthy HTML classes, create maintainable Design Systems, and master Best Practices with practical examples for React\u002FVue.js integration.","2026-05-12 01:14:29.149Z",{"alt":245,"cover_image_path":246,"created":247,"expand":248,"id":276,"published_at":277,"school_blog":272,"short_description":278,"title":245,"updated":279,"slug":273,"views":275},"EP 6: Enhance Your Design with Animation: Create Amazing Effects Just by Adding Classes","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fdczn44bs3r6ezsc\u002F12_11zon_djnc9kbzpi.webp","2026-03-04 08:26:45.079Z",{"keywords":249,"locale":266,"school_blog":267},[250,251,256,261],{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},{"collectionId":12,"collectionName":13,"created":252,"created_by":15,"id":253,"name":254,"updated":255,"updated_by":15},"2026-03-04 08:26:41.490Z","k9vti314g31d2uf","hover effects tailwind","2026-04-10 16:07:33.116Z",{"collectionId":12,"collectionName":13,"created":257,"created_by":15,"id":258,"name":259,"updated":260,"updated_by":15},"2026-03-04 08:26:43.028Z","vhz2cagdz2g5ol1","css transitions","2026-04-10 16:07:33.584Z",{"collectionId":12,"collectionName":13,"created":262,"created_by":15,"id":263,"name":264,"updated":265,"updated_by":15},"2026-03-04 08:26:44.529Z","5e3ihhw1threshe","css transform utilities","2026-04-10 16:07:34.110Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":268,"id":272,"slug":273,"updated":274,"views":275},{"category":269},{"blogIds":270,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":271,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"iqb0bye711eec4r","tailwind-css-animation-effects-tutorial-ep6","2026-05-12 17:51:20.679Z",215,"dczn44bs3r6ezsc","2025-07-22 06:45:16.034Z","Learn how to create professional Animation and Transition effects in Tailwind CSS. From Transform Utilities and Hover Effects to Custom Animations and performance optimization techniques. Complete with practical code examples you can use immediately.","2026-05-12 01:14:29.386Z",{"alt":281,"cover_image_path":282,"created":283,"expand":284,"id":308,"published_at":309,"school_blog":304,"short_description":310,"title":281,"updated":311,"slug":305,"views":307},"EP 5: Responsive Design with Tailwind CSS: Beautiful on Every Screen Size","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fj9kpuxf0m3pr9u9\u002F10_11zon_1_e92hr1gfhq.webp","2026-03-04 08:26:46.233Z",{"keywords":285,"locale":298,"school_blog":299},[286,287,288,293],{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},{"collectionId":12,"collectionName":13,"created":133,"created_by":15,"id":134,"name":135,"updated":136,"updated_by":15},{"collectionId":12,"collectionName":13,"created":289,"created_by":15,"id":290,"name":291,"updated":292,"updated_by":15},"2026-03-04 08:19:55.412Z","hz7yzm54i2o6cl7","web development","2026-04-10 16:07:24.402Z",{"collectionId":12,"collectionName":13,"created":294,"created_by":15,"id":295,"name":296,"updated":297,"updated_by":15},"2026-03-04 08:26:45.683Z","wkg779bmrnxntxg","responsive layout","2026-04-10 16:07:34.402Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":300,"id":304,"slug":305,"updated":306,"views":307},{"category":301},{"blogIds":302,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":303,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"ufddkreb5nf4yke","responsive-design-tailwind-css-tutorial","2026-05-13 12:12:30.550Z",220,"j9kpuxf0m3pr9u9","2025-07-22 05:02:53.385Z","Master professional responsive design techniques with Tailwind CSS. Learn breakpoint system, mobile-first approach, and advanced layout techniques that adapt to any screen size. Complete with practical code examples and real-world projects.","2026-05-12 01:14:29.950Z",{"alt":313,"cover_image_path":314,"created":315,"expand":316,"id":348,"published_at":349,"school_blog":344,"short_description":350,"title":313,"updated":351,"slug":345,"views":347},"EP 4: Flexbox and Grid in Tailwind: Create Professional Layouts in 10 Minutes","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F1awsv403a5eujn9\u002F8_11zon_1_b94gmsjqh3.webp","2026-03-04 08:26:50.881Z",{"keywords":317,"locale":338,"school_blog":339},[318,323,328,333],{"collectionId":12,"collectionName":13,"created":319,"created_by":15,"id":320,"name":321,"updated":322,"updated_by":15},"2026-03-04 08:26:46.068Z","vwicp9zcfmih6ds","Flexbox Tailwind","2026-04-10 16:07:34.547Z",{"collectionId":12,"collectionName":13,"created":324,"created_by":15,"id":325,"name":326,"updated":327,"updated_by":15},"2026-03-04 08:26:46.801Z","q0atyzx9rkfgx3x","CSS Grid Tailwind","2026-04-10 16:07:34.843Z",{"collectionId":12,"collectionName":13,"created":329,"created_by":15,"id":330,"name":331,"updated":332,"updated_by":15},"2026-03-04 08:26:48.003Z","e4cqejpue44rp0n","Layout Tailwind CSS","2026-04-10 16:07:35.129Z",{"collectionId":12,"collectionName":13,"created":334,"created_by":15,"id":335,"name":336,"updated":337,"updated_by":15},"2026-03-04 08:26:48.386Z","nqyk67on9xhwyee","CSS Layout Patterns","2026-04-10 16:07:35.213Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":340,"id":344,"slug":345,"updated":346,"views":347},{"category":341},{"blogIds":342,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":343,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"88t09j3jrjm2k4s","ep4-flexbox-grid-tailwind-css-layout-patterns","2026-05-16 08:06:23.998Z",340,"1awsv403a5eujn9","2025-07-22 03:54:58.133Z","Master Flexbox and CSS Grid in Tailwind CSS systematically. Learn 5-step Flexbox approach, 2D layouts with Grid, Responsive Design, and real-world Layout Patterns including Holy Grail, Dashboard, and Card Grid layouts.","2026-05-12 01:14:30.458Z",{"alt":353,"cover_image_path":354,"created":355,"expand":356,"id":385,"published_at":386,"school_blog":381,"short_description":387,"title":353,"updated":388,"slug":382,"views":384},"EP 3: Master Colors and Typography - Tailwind CSS Design System Techniques","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fazt5ol4h5j5skjz\u002F6_11zon_1_1ed2fpz56p.webp","2026-03-04 08:26:54.340Z",{"keywords":357,"locale":375,"school_blog":376},[358,363,368,369,374],{"collectionId":12,"collectionName":13,"created":359,"created_by":15,"id":360,"name":361,"updated":362,"updated_by":15},"2026-03-04 08:26:50.705Z","nass8y409xzq9eh","Color Palette","2026-04-10 16:07:35.297Z",{"collectionId":12,"collectionName":13,"created":364,"created_by":15,"id":365,"name":366,"updated":367,"updated_by":15},"2026-03-04 08:26:35.769Z","hp7u7nbteeiubmv","Dark Mode CSS","2026-04-10 16:07:31.407Z",{"collectionId":12,"collectionName":13,"created":179,"created_by":15,"id":180,"name":181,"updated":182,"updated_by":15},{"collectionId":12,"collectionName":13,"created":370,"created_by":15,"id":371,"name":372,"updated":373,"updated_by":15},"2026-03-04 08:26:51.428Z","t6nh48y6jtthbbm","Typography System","2026-04-10 16:07:35.589Z",{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":377,"id":381,"slug":382,"updated":383,"views":384},{"category":378},{"blogIds":379,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":380,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"2ky3tl9l0tf0wcw","ep3-tailwind-css-color-typography-design-system","2026-05-16 08:14:40.184Z",217,"azt5ol4h5j5skjz","2025-07-22 02:34:06.442Z","Master professional color and typography usage in Tailwind CSS. Learn Color Harmony, Typography Systems, Dark Mode Implementation, and build complete Design System with functional Component Library.","2026-05-12 01:14:31.129Z",{"alt":390,"cover_image_path":391,"created":355,"expand":392,"id":420,"published_at":421,"school_blog":416,"short_description":422,"title":390,"updated":423,"slug":417,"views":419},"EP 2: What is Utility-First? Understanding Tailwind's Class System Like a Pro","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F6s4ahkb2ssuaz9d\u002F4_11zon_6_86n7txvsqp.webp",{"keywords":393,"locale":410,"school_blog":411},[394,399,404,405],{"collectionId":12,"collectionName":13,"created":395,"created_by":15,"id":396,"name":397,"updated":398,"updated_by":15},"2026-03-04 08:26:52.551Z","vs28nj4myi1c87a","Class System","2026-04-10 16:07:35.867Z",{"collectionId":12,"collectionName":13,"created":400,"created_by":15,"id":401,"name":402,"updated":403,"updated_by":15},"2026-03-04 08:26:53.334Z","wsttxh3j0g5mpff","Tailwind CSS Classes","2026-04-10 16:07:36.119Z",{"collectionId":12,"collectionName":13,"created":143,"created_by":15,"id":144,"name":145,"updated":146,"updated_by":15},{"collectionId":12,"collectionName":13,"created":406,"created_by":15,"id":407,"name":408,"updated":409,"updated_by":15},"2026-03-04 08:26:51.076Z","jn88tu5uo8a2bjj","Utility-First CSS","2026-04-10 16:07:35.460Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":154,"collectionId":46,"collectionName":47,"created":15,"expand":412,"id":416,"slug":417,"updated":418,"views":419},{"category":413},{"blogIds":414,"collectionId":51,"collectionName":52,"created":158,"created_by":15,"id":154,"image":159,"image_alt":15,"image_path":160,"label":415,"name":145,"priority":111,"publish_at":162,"scheduled_at":15,"status":60,"updated":163,"updated_by":15},[],{"en":145,"th":145},"4v6kd042cmawv05","ep2-utility-first-tailwind-css-class-system","2026-05-09 01:34:36.108Z",318,"6s4ahkb2ssuaz9d","2025-07-21 10:58:35.689Z","Dive deep into the heart of Tailwind CSS with Utility-First approach. Learn class categorization system, pro memory techniques, Responsive Design, and State Variants with hands-on Dashboard Card project.","2026-05-12 01:14:31.484Z",{"alt":425,"cover_image_path":426,"created":427,"expand":428,"id":465,"published_at":466,"school_blog":461,"short_description":467,"title":425,"updated":468,"slug":462,"views":464},"The Real Life of Programmers: Not Like in the TV Series","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fp0ws841onp2k91c\u002F2_2_11zon_sshbcp35xf.webp","2026-03-04 08:48:06.925Z",{"keywords":429,"locale":455,"school_blog":456},[430,435,440,445,450],{"collectionId":12,"collectionName":13,"created":431,"created_by":15,"id":432,"name":433,"updated":434,"updated_by":15},"2026-03-04 08:31:54.955Z","264sfjffyhspetq","programmers","2026-04-10 16:07:47.221Z",{"collectionId":12,"collectionName":13,"created":436,"created_by":15,"id":437,"name":438,"updated":439,"updated_by":15},"2026-03-04 08:31:27.403Z","v9recrqz2zy57go","coding","2026-04-10 16:07:40.847Z",{"collectionId":12,"collectionName":13,"created":441,"created_by":15,"id":442,"name":443,"updated":444,"updated_by":15},"2026-03-04 08:46:40.078Z","26nqir3wf6rlsa1","Debugging","2026-04-10 16:13:17.225Z",{"collectionId":12,"collectionName":13,"created":446,"created_by":15,"id":447,"name":448,"updated":449,"updated_by":15},"2026-03-04 08:48:06.146Z","mulyh9lv6l7d1ss","programmer TV series","2026-04-10 16:13:40.393Z",{"collectionId":12,"collectionName":13,"created":451,"created_by":15,"id":452,"name":453,"updated":454,"updated_by":15},"2026-03-04 08:48:06.538Z","ou08ibtq405q3bw","teamwork","2026-04-10 16:13:40.526Z",{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":45,"collectionId":46,"collectionName":47,"created":15,"expand":457,"id":461,"slug":462,"updated":463,"views":464},{"category":458},{"blogIds":459,"collectionId":51,"collectionName":52,"created":53,"created_by":15,"id":45,"image":54,"image_alt":15,"image_path":55,"label":460,"name":57,"priority":58,"publish_at":59,"scheduled_at":15,"status":60,"updated":61,"updated_by":15},[],{"en":57,"th":57},"unn20xijin9lv2n","the-real-life-of-programmers-not-like-in-the-tv-series","2026-05-12 02:20:56.501Z",208,"p0ws841onp2k91c","2025-07-21 02:58:11.914Z","This article takes you behind the scenes of a programmer's life, showing how it differs from the TV series portrayal, including debugging, teamwork, and time management.","2026-04-22 07:10:08.374Z",{"alt":470,"cover_image_path":471,"created":472,"expand":473,"id":498,"published_at":499,"school_blog":494,"short_description":500,"title":470,"updated":501,"slug":495,"views":497},"JS2GO EP.4 Compilation and Execution: JavaScript and Go","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Firskucy31wyh9ey\u002F8_11zon_m3s9uzblkw.webp","2026-03-04 08:27:03.156Z",{"keywords":474,"locale":488,"school_blog":489},[475,476,481,486,487],{"collectionId":12,"collectionName":13,"created":96,"created_by":15,"id":97,"name":98,"updated":99,"updated_by":15},{"collectionId":12,"collectionName":13,"created":477,"created_by":15,"id":478,"name":479,"updated":480,"updated_by":15},"2026-03-04 08:26:58.011Z","rueptvhwezxwlkc","Execution","2026-04-10 16:07:36.823Z",{"collectionId":12,"collectionName":13,"created":482,"created_by":15,"id":483,"name":484,"updated":485,"updated_by":15},"2026-03-04 08:27:00.758Z","61gm9l1e0frqbag","Compilation","2026-04-10 16:07:37.594Z",{"collectionId":12,"collectionName":13,"created":81,"created_by":15,"id":82,"name":83,"updated":84,"updated_by":15},{"collectionId":12,"collectionName":13,"created":76,"created_by":15,"id":77,"name":78,"updated":79,"updated_by":15},{"code":35,"collectionId":36,"collectionName":37,"created":38,"flag":39,"id":40,"is_default":41,"label":42,"updated":43},{"category":102,"collectionId":46,"collectionName":47,"created":15,"expand":490,"id":494,"slug":495,"updated":496,"views":497},{"category":491},{"blogIds":492,"collectionId":51,"collectionName":52,"created":106,"created_by":15,"id":102,"image":107,"image_alt":15,"image_path":108,"label":493,"name":110,"priority":111,"publish_at":112,"scheduled_at":15,"status":60,"updated":113,"updated_by":15},[],{"en":110,"th":110},"ova8s0y8m9x3vmb","compilation-and-execution-javascript-vs-go","2026-05-15 21:00:32.429Z",259,"irskucy31wyh9ey","2025-07-21 02:00:56.021Z","Learn about the compilation and execution processes in JavaScript and Go, and understand the advantages and disadvantages of each language.","2026-05-06 08:37:42.375Z",17,12,407,34]