206

[ { "id": "fc-block-5-sx68p7du4", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\n" }, "values": { "backgroundColor": "black", "paddingTop": 10, "paddingBottom": 10, "labelText": "Kenapa Fast campus?", "layoutType": "fc-label-type1", "labelColor": "white" }, "uniqueId": "fc-block-1-zbm1p45dm", "isChecked": false }, { "id": "fc-block-4-pyxlfhh1l", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "black", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "white", "text": "“Learning by doing!” di sini Anda akan belajar dengan cara yang paling efektif,
yaitu melalui praktik secara langsung." }, "uniqueId": "fc-block-2-orafjgfo0", "isChecked": false }, { "id": "fc-block-1-063bd875p", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "
\">\n
\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n \n <% } else { %>\n \">\n \" />\n \" />\n \" class=\"container__image\"\n <% if (imageWidth) { %> style=\"width: <%= imageWidth/10 %>rem;\" <% } %>\n <% if (alt) { %> alt=\"<%= alt %>\" <% } %> loading=\"lazy\">\n \n <% } %>\n <% } %>\n
\n
\n" }, "values": { "backgroundColor": "black", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202504/220133-17/ezgif.com-animated-gif-maker.gif", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-3-gjenufpu9", "isChecked": false }, { "id": "fc-block-5-81u6o1xnu", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "black", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "white", "text": "(▲Contoh praktis) Meskipun kursus dasar, kualitas pembelajarannya berbeda dari yang lain.\n\n\n\n\n\n\n\n" }, "uniqueId": "fc-block-4-ccrk8o3ix", "isChecked": false }, { "id": "fc-block-5-rkp2wo3mu", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "
rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n
\n" }, "values": { "spacing": "40", "backgroundColor": "black" }, "uniqueId": "fc-block-1-rw1itf0fk", "isChecked": false }, { "id": "fc-block-6-kbjktk7ix", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "
\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": "01. Keunggulan Kursus", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-2-mgr5iojbu", "isChecked": false }, { "id": "fc-block-3-c7husz5kz", "layout": { "id": "401", "description": "아이콘 세로형 카드 (1~4단)", "icon": "\n", "params": [ { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "imageUrl1", "type": "image", "description": "90 x 90" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl2", "type": "image", "description": "90 x 90" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl3", "type": "image", "description": "90 x 90" }, { "name": "title3", "type": "text", "description": "title3" }, { "name": "content3", "type": "textarea", "description": "content3" }, { "name": "imageUrl4", "type": "image", "description": "90 x 90" }, { "name": "title4", "type": "text", "description": "title4" }, { "name": "content4", "type": "textarea", "description": "content4" } ], "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "imageUrl2": "", "title2": "", "content2": "", "imageUrl3": "", "title3": "", "content3": "", "imageUrl4": "", "title4": "", "content4": "" }, "template": "
\n
\n
fc-text-align-center<% } %>\">\n <% if (imageUrl1 || title1 || content1) { %>\n
\n
\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n <% } %>\n <% if (imageUrl2 || title2 || content2) { %>\n
\n
\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n
\n
\n <% } %>\n <% if (imageUrl3 || title3 || content3) { %>\n
\n
\n <% if (imageUrl3) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title3 %>
\n
\"><%= content3 %>
\n
\n
\n <% } %>\n <% if (imageUrl4 || title4 || content4) { %>\n
\n
\n <% if (imageUrl4) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\"><%= title4 %>
\n
\"><%= content4 %>
\n
\n
\n <% } %>\n
\n
\n
\n" }, "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "Belajar Teknologi
Frontend Modern Lewat
Praktik Langsung", "content1": "Kursus ini memberikan pemahaman dasar
JavaScript sekaligus keterampilan praktis
untuk merancang dan membangun struktur serta fitur website yang aplikatif.", "imageUrl2": "", "title2": "Belajar dengan Cara Kerja
Developer Profesional Lewat Proyek Nyata", "content2": "Mulai dari pengembangan komponen
menggunakan React+ dan TypeScript,
konfigurasi Vite dan Webpack, integrasi
API, manajemen state, pembuatan dark
mode, desain yang responsif, hingga
proses deployment. Semua dilakukan
sesuai dengan alur kerja developer
profesional.", "imageUrl3": "", "title3": "Tingkatkan Kemampuan
Frontend Lewat Satu Kursus Lengkap", "content3": "Materi kursus ini disusun secara bertahap, sehingga cocok untuk pemula. Anda akan memperoleh pemahaman yang menyeluruh tentang workflow Frontend modern, yang
bisa langsung Anda terapkan untuk proyek tim atau portofolio pribadi.", "imageUrl4": "", "title4": "", "content4": "" }, "uniqueId": "fc-block-3-2j4j9dkjz", "isChecked": false }, { "id": "fc-block-9-bmlxs5hvy", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "
\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": "02. Peserta yang Disarankan untuk Mengikuti Kursus Ini", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-4-66qb3nxdd", "isChecked": false }, { "id": "fc-block-22-gb8dhrwbv", "layout": { "id": "504", "description": "카드형 리스트", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "cardWidth", "type": "number", "description": "card width" }, { "name": "titleTextSize", "type": "select", "description": "title text size", "options": [ 16, 20 ] }, { "name": "titleTextColor", "type": "text", "description": "title text color" }, { "name": "title", "type": "text", "description": "title" }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ 16, 20 ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ 14, 16 ] }, { "name": "mainText1", "type": "text", "description": "main text1" }, { "name": "subText1", "type": "text", "description": "sub text1" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link1" }, { "name": "mainText2", "type": "text", "description": "main text2" }, { "name": "subText2", "type": "text", "description": "sub text2" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link2" }, { "name": "mainText3", "type": "text", "description": "main text3" }, { "name": "subText3", "type": "text", "description": "sub text3" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link3" }, { "name": "mainText4", "type": "text", "description": "main text4" }, { "name": "subText4", "type": "text", "description": "sub text4" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link4" }, { "name": "mainText5", "type": "text", "description": "main text5" }, { "name": "subText5", "type": "text", "description": "sub text5" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link5" }, { "name": "mainText6", "type": "text", "description": "main text6" }, { "name": "subText6", "type": "text", "description": "sub text6" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link6" }, { "name": "mainText7", "type": "text", "description": "main text7" }, { "name": "subText7", "type": "text", "description": "sub text7" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link7" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "cardWidth": 0, "titleTextSize": 16, "titleTextColor": "#000000", "title": "", "mainTextSize": 16, "subTextSize": 14, "mainText1": "", "subText1": "", "useNewTab1": true, "link1": "", "mainText2": "", "subText2": "", "useNewTab2": true, "link2": "", "mainText3": "", "subText3": "", "useNewTab3": true, "link3": "", "mainText4": "", "subText4": "", "useNewTab4": true, "link4": "", "mainText5": "", "subText5": "", "useNewTab5": true, "link5": "", "mainText6": "", "subText6": "", "useNewTab6": true, "link6": "", "mainText7": "", "subText7": "", "useNewTab7": true, "link7": "" }, "template": "
rem; margin-bottom: <%= spacingBottom/10 || 0 %>rem;\">\n
\n
rem;\">\n <% if(title) { %>\n
; font-size: <%= titleTextSize/10 %>rem;\"><%= title %>
\n <% } %>\n
\n <% if(mainText1 || subText1) { %>\n
\n <% if(link1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText1) { %>\n
rem;\"><%= mainText1 %>
\n <% } %>\n <% if(subText1) { %>\n rem;\"><%= subText1 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText1) { %>\n
rem;\"><%= mainText1 %>
\n <% } %>\n <% if(subText1) { %>\n rem;\"><%= subText1 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText2 || subText2) { %>\n
\n <% if(link2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText2) { %>\n
rem;\"><%= mainText2 %>
\n <% } %>\n <% if(subText2) { %>\n rem;\"><%= subText2 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText2) { %>\n
rem;\"><%= mainText2 %>
\n <% } %>\n <% if(subText2) { %>\n rem;\"><%= subText2 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText3 || subText3) { %>\n
\n <% if(link3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText3) { %>\n
rem;\"><%= mainText3 %>
\n <% } %>\n <% if(subText3) { %>\n rem;\"><%= subText3 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText3) { %>\n
rem;\"><%= mainText3 %>
\n <% } %>\n <% if(subText3) { %>\n rem;\"><%= subText3 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText4 || subText4) { %>\n
\n <% if(link4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText4) { %>\n
rem;\"><%= mainText4 %>
\n <% } %>\n <% if(subText4) { %>\n rem;\"><%= subText4 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText4) { %>\n
rem;\"><%= mainText4 %>
\n <% } %>\n <% if(subText4) { %>\n rem;\"><%= subText4 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText5 || subText5) { %>\n
\n <% if(link5) { %>\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText5) { %>\n
rem;\"><%= mainText5 %>
\n <% } %>\n <% if(subText5) { %>\n rem;\"><%= subText5 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText5) { %>\n
rem;\"><%= mainText5 %>
\n <% } %>\n <% if(subText5) { %>\n rem;\"><%= subText5 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText6 || subText6) { %>\n
\n <% if(link6) { %>\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText6) { %>\n
rem;\"><%= mainText6 %>
\n <% } %>\n <% if(subText6) { %>\n rem;\"><%= subText6 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText6) { %>\n
rem;\"><%= mainText6 %>
\n <% } %>\n <% if(subText6) { %>\n rem;\"><%= subText6 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText7 || subText7) { %>\n
\n <% if(link7) { %>\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText7) { %>\n
rem;\"><%= mainText7 %>
\n <% } %>\n <% if(subText7) { %>\n rem;\"><%= subText7 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText7) { %>\n
rem;\"><%= mainText7 %>
\n <% } %>\n <% if(subText7) { %>\n rem;\"><%= subText7 %>\n <% } %>\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "cardWidth": 0, "titleTextSize": 16, "titleTextColor": "#000000", "title": "", "mainTextSize": "16", "subTextSize": 14, "mainText1": "Untuk Anda yang Sudah Belajar JavaScript Tapi Bingung Lanjut ke Framework", "subText1": "Kalau Anda sudah pernah belajar mengenai sintaks JavaScript tapi masih kesulitan memahami React, asynchronous programming,
atau cara menyusun komponen modern, maka kursus ini akan membimbing Anda untuk membangun proyek web dari awal hingga akhir.
Semua konsep akan dihubungkan secara runtut, sehingga Anda bisa melihat gambaran besarnya.", "useNewTab1": true, "link1": "", "mainText2": "Untuk Developer yang Kesulitan dalam Reusabilitas, Struktur, dan Desain Tipe", "subText2": "Jika Anda bisa membuat fitur, namun kesulitan dalam membuat struktur kode yang rapi, mudah dipelihara, dan stabil secara tipe,
maka ini adalah kursus yang tepat. Disini, Anda akan mempelajari pendekatan penulisan kode yang solid berbasis TypeScript agar siap
digunakan dalam proyek profesional.", "useNewTab2": true, "link2": "", "mainText3": "Untuk Calon Developer Frontend yang Ingin Membangun Proyek Portofolio", "subText3": "Latihan coding kecil memang membantu, tapi di kursus ini Anda akan mengerjakan proyek nyata setara layanan pencarian film.
Hasil akhirnya bisa langsung kamu tampilkan sebagai portofolio profesional.", "useNewTab3": true, "link3": "", "mainText4": "", "subText4": "", "useNewTab4": true, "link4": "", "mainText5": "", "subText5": "", "useNewTab5": true, "link5": "", "mainText6": "", "subText6": "", "useNewTab6": true, "link6": "", "mainText7": "", "subText7": "", "useNewTab7": true, "link7": "" }, "uniqueId": "fc-block-5-cq68swjkl", "isChecked": false }, { "id": "fc-block-21-p0kov0aai", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "
\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": "03. Preview Kursus", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-6-oiix6qh2s", "isChecked": false }, { "id": "fc-block-11-bhgle0ejz", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\">\n
\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% } %>\n <% if (video2 || title2 || content2) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h6-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "https://cdn.day1company.io/prod/uploads/202504/220714-17/ch2-3.-type-dari-movie.mp4", "title1": "Ch2-3. Type dari Movie", "content1": "", "videoPlatformType2": "Youtube", "video2": "https://cdn.day1company.io/prod/uploads/202504/220741-17/ch1-1.-pendahuluan-dan-konfigurasi-environment.mp4", "title2": "Ch1-1. Pendahuluan dan konfigurasi environment", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-7-y917kdj82", "isChecked": false }, { "id": "fc-block-10-3h5eltnfg", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "
background-color: <%=backgroundColor%><% } %>\">\n
\">\n
\n <% if (video1 || title1 || content1) { %>\n
\n <% if (video1) { %>\n
\n <% if (videoPlatformType1 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(content1) { %>\n
\"><%= content1 %>
\n <% } %>\n
\n <% } %>\n <% if (video2 || title2 || content2) { %>\n
\n <% if (video2) { %>\n
\n <% if (videoPlatformType2 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(content2) { %>\n
\"><%= content2 %>
\n <% } %>\n
\n <% } %>\n <% if (video3 || title3 || content3) { %>\n
\n <% if (video3) { %>\n
\n <% if (videoPlatformType3 === 'Youtube') { %>\n \" frameborder=\"0\">\n <% } else { %>\n \" frameborder=\"0\">\n <% } %>\n
\n <% } %>\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(content3) { %>\n
\"><%= content3 %>
\n <% } %>\n
\n <% } %>\n
\n
\n
\n" }, "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h6-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "https://cdn.day1company.io/prod/uploads/202504/220931-17/ch11-23.-loading-moviedetail-dengan-skeleton.mp4", "title1": "Ch11-23. Loading MovieDetail dengan Skeleton", "content1": "", "videoPlatformType2": "Youtube", "video2": "https://cdn.day1company.io/prod/uploads/202504/220944-17/ch11-29.-implementasi-dark-mode.mp4", "title2": "Ch11-29. Implementasi Dark Mode", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-8-pava11ihi", "isChecked": false }, { "id": "fc-block-12-qaq3n6lp3", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "
\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": "04. Profil Pengajar", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-9-1qzwce2wm", "isChecked": false }, { "id": "fc-block-12-aiarebnic", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "\n 01. Jessica Cecilia Budianto\n\n\n\n#JavaScript_Master #Bundler\n" }, "uniqueId": "fc-block-1-2j297whfi", "isChecked": false }, { "id": "fc-block-13-iagiy5ufp", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n <% if (imageUrl || title1 || title2 || content1 || content2) { %>\n
\n
\n <% if (imageUrl) { %>\n
\" loading=\"lazy\">
\n <% } %>\n
\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n
\n
\n <% } %>\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "20", "backgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202403/141727-472/point-2-2.webp", "titleSize": "fc-h5-text", "title1": "Pengalaman kerja", "title2": "Pengalaman lainnya", "contentSize": "fc-content-text", "content1": "\nSaat Ini :
\nSoftware Engineer di Perusahaan “T”, E-commerce ternama\n
\n", "content2": "\n∙ Google Developer Expert (Web)\n
\n∙ Pembicara di Baparekraf Developer Day 2023, Frontend Track\n", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-2-xjq8eec9g", "isChecked": false }, { "id": "fc-block-14-u1e6q6i9b", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n“Frameworks itu cepat, tapi bahasa native-lah yang bisa bawa karirmu melesat.”\n\n
\nBersamaan dengan munculnya banyak framework frontend yang semakin memudahkan para developer, saya juga melihat tendensi developer menjadi
semakin bergantung pada framework sehingga mereka lupa bahasa pemrograman dasar. Hal ini dapat menjadi risiko bagi karir Anda begitu terjadi perubahan tren pasar atau perusahaan beralih ke framework lainnya. Dengan banyak pengalaman dalam menjelaskan bahasa pemrograman yang sulit kepada
komunitas publik, keterampilan saya dalam menyampaikan informasi dapat membantu orang dengan latar belakang apa pun memahami bahasa frontend
paling umum seperti Javascript dan Typescript. Dengan menguasai bahasa native, Anda dapat dengan mudah mempelajari berbagai framework dan
beradaptasi dengan kebutuhan perusahaan mana pun." }, "uniqueId": "fc-block-3-25q97g1u4", "isChecked": false }, { "id": "fc-block-15-k6hehnayr", "layout": { "id": "003", "description": "문단 구분 선", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "borderSize", "type": "select", "description": "size", "options": [ "1", "2" ] } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "template": "
\">\n
rem;padding-bottom: <%= paddingBottom/10 %>rem;\">\n
rem solid <%= borderColor %>;\">\n
\n
\n" }, "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "borderColor": "#c8c8d2", "borderSize": "1" }, "uniqueId": "fc-block-4-3v3kbjsyl", "isChecked": false }, { "id": "fc-block-17-icq4kagex", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "\n02. Rizky Ramadhan\n\n\n\n#JavaScript_Project #Typescript\n" }, "uniqueId": "fc-block-1-fgx2byo3o", "isChecked": false }, { "id": "fc-block-18-vfnb4ahti", "layout": { "id": "802", "description": "강사소개 + 링크버튼", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "imageUrl", "type": "image", "description": "60 x 60" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "url", "description": "link url" }, { "name": "linkLabel", "type": "text", "description": "link label" } ], "values": { "paddingTop": 0, "paddingBottom": 0, "backgroundColor": "", "imageUrl": "", "titleSize": "fc-h5-text", "title1": "", "title2": "강사님 한마디", "contentSize": "fc-content-text", "content1": "", "content2": "", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "template": "
background-color: <%= backgroundColor %><% } %>\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n <% if (imageUrl || title1 || title2 || content1 || content2) { %>\n
\n
\n <% if (imageUrl) { %>\n
\" loading=\"lazy\">
\n <% } %>\n
\n
\n
\"><%= title1 %>
\n
\"><%= content1 %>
\n
\n
\n
\"><%= title2 %>
\n
\"><%= content2 %>
\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n
\n
\n <% } %>\n
\n
\n" }, "values": { "paddingTop": "20", "paddingBottom": "20", "backgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202407/153011-1390/group-1410117880.png", "titleSize": "fc-h5-text", "title1": "Pengalaman kerja", "title2": "Pengalaman lainnya", "contentSize": "fc-content-text", "content1": "\nSaat Ini :
\nFrontend Engineer di
Telkom Indonesia\n\n
\n", "content2": "\n∙ 35K+ follower coding Tiktok Channel\n\n
\n∙ Frontend Mentor di Dibimbing.id\n", "useNewTab": true, "link": "", "linkLabel": "강사님 인터뷰 보기" }, "uniqueId": "fc-block-11-7pxba218f", "isChecked": false }, { "id": "fc-block-18-gz57vpbgm", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n“Tidak ada jalan pintas lain untuk meningkatkan keterampilan coding Kamu selain berlatih.”\n\n
\nJavaScript dan TypeScript adalah dua bahasa frontend paling populer saat ini yang harus Kamu pelajari kalau Kamu ingin memulai web development.
Dengan mempelajari kursus ini bersama saya, Kamu tidak hanya akan melakukan praktik sederhana, tetapi Kamu akan benar-benar membuat situs web
menggunakan API untuk menguasai kedua bahasa ini dan belajar cara membuat kode seperti developer profesional. Selain itu, Kamu akan dapat melakukan proyek migrasi dari JavaScript ke TypeScript untuk memahami secara mendalam perbedaan antara kedua bahasa tersebut." }, "uniqueId": "fc-block-2-lkll227tu", "isChecked": false }, { "id": "fc-block-15-geho0ok25", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "
\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": " 05. Hal yang Akan Kamu Kuasai Lewat Kursus Ini", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-3-5mrq63nkv", "isChecked": false }, { "id": "fc-block-8-2bhndoyum", "layout": { "id": "504", "description": "카드형 리스트", "icon": "\n", "params": [ { "name": "spacingTop", "type": "number", "description": "spacing-top" }, { "name": "spacingBottom", "type": "number", "description": "spacing-bottom" }, { "name": "cardWidth", "type": "number", "description": "card width" }, { "name": "titleTextSize", "type": "select", "description": "title text size", "options": [ 16, 20 ] }, { "name": "titleTextColor", "type": "text", "description": "title text color" }, { "name": "title", "type": "text", "description": "title" }, { "name": "mainTextSize", "type": "select", "description": "main text size", "options": [ 16, 20 ] }, { "name": "subTextSize", "type": "select", "description": "sub text size", "options": [ 14, 16 ] }, { "name": "mainText1", "type": "text", "description": "main text1" }, { "name": "subText1", "type": "text", "description": "sub text1" }, { "name": "useNewTab1", "type": "checkbox", "description": "" }, { "name": "link1", "type": "text", "description": "link1" }, { "name": "mainText2", "type": "text", "description": "main text2" }, { "name": "subText2", "type": "text", "description": "sub text2" }, { "name": "useNewTab2", "type": "checkbox", "description": "" }, { "name": "link2", "type": "text", "description": "link2" }, { "name": "mainText3", "type": "text", "description": "main text3" }, { "name": "subText3", "type": "text", "description": "sub text3" }, { "name": "useNewTab3", "type": "checkbox", "description": "" }, { "name": "link3", "type": "text", "description": "link3" }, { "name": "mainText4", "type": "text", "description": "main text4" }, { "name": "subText4", "type": "text", "description": "sub text4" }, { "name": "useNewTab4", "type": "checkbox", "description": "" }, { "name": "link4", "type": "text", "description": "link4" }, { "name": "mainText5", "type": "text", "description": "main text5" }, { "name": "subText5", "type": "text", "description": "sub text5" }, { "name": "useNewTab5", "type": "checkbox", "description": "" }, { "name": "link5", "type": "text", "description": "link5" }, { "name": "mainText6", "type": "text", "description": "main text6" }, { "name": "subText6", "type": "text", "description": "sub text6" }, { "name": "useNewTab6", "type": "checkbox", "description": "" }, { "name": "link6", "type": "text", "description": "link6" }, { "name": "mainText7", "type": "text", "description": "main text7" }, { "name": "subText7", "type": "text", "description": "sub text7" }, { "name": "useNewTab7", "type": "checkbox", "description": "" }, { "name": "link7", "type": "text", "description": "link7" } ], "values": { "spacingTop": 0, "spacingBottom": 0, "cardWidth": 0, "titleTextSize": 16, "titleTextColor": "#000000", "title": "", "mainTextSize": 16, "subTextSize": 14, "mainText1": "", "subText1": "", "useNewTab1": true, "link1": "", "mainText2": "", "subText2": "", "useNewTab2": true, "link2": "", "mainText3": "", "subText3": "", "useNewTab3": true, "link3": "", "mainText4": "", "subText4": "", "useNewTab4": true, "link4": "", "mainText5": "", "subText5": "", "useNewTab5": true, "link5": "", "mainText6": "", "subText6": "", "useNewTab6": true, "link6": "", "mainText7": "", "subText7": "", "useNewTab7": true, "link7": "" }, "template": "
rem; margin-bottom: <%= spacingBottom/10 || 0 %>rem;\">\n
\n
rem;\">\n <% if(title) { %>\n
; font-size: <%= titleTextSize/10 %>rem;\"><%= title %>
\n <% } %>\n
\n <% if(mainText1 || subText1) { %>\n
\n <% if(link1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText1) { %>\n
rem;\"><%= mainText1 %>
\n <% } %>\n <% if(subText1) { %>\n rem;\"><%= subText1 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText1) { %>\n
rem;\"><%= mainText1 %>
\n <% } %>\n <% if(subText1) { %>\n rem;\"><%= subText1 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText2 || subText2) { %>\n
\n <% if(link2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText2) { %>\n
rem;\"><%= mainText2 %>
\n <% } %>\n <% if(subText2) { %>\n rem;\"><%= subText2 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText2) { %>\n
rem;\"><%= mainText2 %>
\n <% } %>\n <% if(subText2) { %>\n rem;\"><%= subText2 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText3 || subText3) { %>\n
\n <% if(link3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText3) { %>\n
rem;\"><%= mainText3 %>
\n <% } %>\n <% if(subText3) { %>\n rem;\"><%= subText3 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText3) { %>\n
rem;\"><%= mainText3 %>
\n <% } %>\n <% if(subText3) { %>\n rem;\"><%= subText3 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText4 || subText4) { %>\n
\n <% if(link4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText4) { %>\n
rem;\"><%= mainText4 %>
\n <% } %>\n <% if(subText4) { %>\n rem;\"><%= subText4 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText4) { %>\n
rem;\"><%= mainText4 %>
\n <% } %>\n <% if(subText4) { %>\n rem;\"><%= subText4 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText5 || subText5) { %>\n
\n <% if(link5) { %>\n \" <% if(useNewTab5) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText5) { %>\n
rem;\"><%= mainText5 %>
\n <% } %>\n <% if(subText5) { %>\n rem;\"><%= subText5 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText5) { %>\n
rem;\"><%= mainText5 %>
\n <% } %>\n <% if(subText5) { %>\n rem;\"><%= subText5 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText6 || subText6) { %>\n
\n <% if(link6) { %>\n \" <% if(useNewTab6) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText6) { %>\n
rem;\"><%= mainText6 %>
\n <% } %>\n <% if(subText6) { %>\n rem;\"><%= subText6 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText6) { %>\n
rem;\"><%= mainText6 %>
\n <% } %>\n <% if(subText6) { %>\n rem;\"><%= subText6 %>\n <% } %>\n <% } %>\n
\n <% } %>\n <% if(mainText7 || subText7) { %>\n
\n <% if(link7) { %>\n \" <% if(useNewTab7) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n <% if(mainText7) { %>\n
rem;\"><%= mainText7 %>
\n <% } %>\n <% if(subText7) { %>\n rem;\"><%= subText7 %>\n <% } %>\n \n <% } else { %>\n <% if(mainText7) { %>\n
rem;\"><%= mainText7 %>
\n <% } %>\n <% if(subText7) { %>\n rem;\"><%= subText7 %>\n <% } %>\n <% } %>\n
\n <% } %>\n
\n
\n
\n
\n" }, "values": { "spacingTop": 0, "spacingBottom": 0, "cardWidth": 0, "titleTextSize": 16, "titleTextColor": "#000000", "title": "", "mainTextSize": "16", "subTextSize": 14, "mainText1": "✅ Memahami dan Menggunakan Konsep Inti JavaScript Secara Tepat", "subText1": "∙ Kuasai type data dasar, conditional&loop, function&callback, arrow function, rekursi, dan closure lewat latihan langsung;\n
\n∙ Memahami cara kerja OOP dengan this, getter & setter, inheritance, dan prototype melalui contoh konkret;\n
\n∙ Eksplorasi sintaks lanjutan seperti currying, partial, optional chaining, strategi menangani callback hell, dan lainnya.\n\n", "useNewTab1": true, "link1": "", "mainText2": "🌐 Memahami Lingkungan Browser dan Menggunakan API Secara Efektif", "subText2": "∙ Menggunakan fetch, async/await, dan Promise untuk komunikasi data\n
\n∙ Mengakses dan mengelola Cookies, Storage, Location, dan History\n
\n∙ Menangani Event Delegation, Custom Event, serta event Mouse dan Keyboard", "useNewTab2": true, "link2": "", "mainText3": "⚛️ Membangun Proyek Berbasis Komponen dengan React", "subText3": "∙ Menerapkan logika rendering dengan pengelolaan state dan props secara efisien;\n
\n∙ Menerapkan conditional rendering dan menampilkan daftar data menggunakan perulangan (list);\n
\n∙ Mengembangkan reusable component yang rapi, terstruktur, dan siap digunakan di berbagai bagian aplikasi.", "useNewTab3": true, "link3": "", "mainText4": "🛠️ Menyiapkan Lingkungan Pengembangan yang Stabil dengan TypeScript", "subText4": "∙ Menggunakan Interface, Type Alias, Generics, Narrowing, dan Conditional Types untuk memperkuat struktur kode\n
\n∙ Mendeklarasikan tipe untuk library eksternal, mengatur konfigurasi tsconfig, dan melakukan debugging terhadap error tipe.", "useNewTab4": true, "link4": "", "mainText5": "🎬 Membangun Web App Pencarian Film Setara Layanan Nyata", "subText5": "∙ Menyusun struktur halaman List dan Detail, serta mengatur routing untuk navigasi antar halaman;\n
\n∙ Menangani loading, melakukan error handling, dan menerapkan Skeleton UI untuk pengalaman pengguna yang lebih baik;\n
\n∙ Menerapkan Dark Mode, mendesain tampilan agar responsif, serta mengatur font dan styling dengan konsisten;\n
\n∙ Melakukan deployment ke Vercel, lengkap dengan pengaturan environment variable;\n\n", "useNewTab5": true, "link5": "", "mainText6": "", "subText6": "", "useNewTab6": true, "link6": "", "mainText7": "", "subText7": "", "useNewTab7": true, "link7": "" }, "uniqueId": "fc-block-13-1d061smaj", "isChecked": false }, { "id": "fc-block-2-7jccugo14", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "
\">\n
rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n
\n
\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n
\n
\n
\n
\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": " 06. Road Map", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-1-d9r7fbfnb", "isChecked": false }, { "id": "fc-block-23-8nxux4qes", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "
background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n
\n
fc-text-align-center<% } %>\">\n
\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n
\n
\n
\n
\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#000000", "text": "Anda bisa mulai dengan paket [All-in-One],untuk akses penuh,
atau pilih jalur [StackUp] jika ingin belajar secara bertahap." }, "uniqueId": "fc-block-4-pdj7xxe8j", "isChecked": false }, { "id": "fc-block-24-sr4go9qqy", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "
\">\n
\n
<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n
\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n
\n
\">\n
\n
\"><%= title || '' %>
\n
\"><%= content || '' %>
\n
\n
\n
\n
\n
\n" }, "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "https://cdn.day1company.io/prod/uploads/202504/193004-17/fe-all.png", "imageWidth": 480, "title": "\nAll-in-One

Frontend Web Development : From Zero To Hero\n", "content": "
\nDengan harga paling terjangkau, kamu bisa mengakses semua kursus StackUp hanya dalam satu paket saja.\n\n
\n
\n
\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-5-ow45wvl3i", "isChecked": false }, { "id": "fc-block-29-d6p3nketk", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-6-xxqg8gpfl", "isChecked": false }, { "id": "fc-block-28-7emcc3a4i", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n

\">\n

\"><%= title || '' %>

\"><%= content || '' %>

\n" }, "values": { "reverseColumn": true, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202504/222114-17/adv.jpg", "imageWidth": 480, "title": "\nStackUp

\n\nBelajar dasar HTML, CSS, JS\nmelalui proyek clone halaman utama Apple\n\n", "content": "- Ini adalah kursus tingkat pemula yang mengajarkan dasar-dasar HTML, CSS, dan JavaScript dengan membangun ulang tampilan situs web Apple.\n

\n- Kursus ini merupakan program master tingkat pemula untuk web frontend, yang dirancang dengan sangat solid — mulai dari dasar-dasar pengembangan web hingga proyek praktik langsung.\n
\n
\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-7-q0z2725xf", "isChecked": false }, { "id": "fc-block-26-pujwx59f1", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-8-ptyy5xfxy", "isChecked": false }, { "id": "fc-block-27-j4ts8aiub", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n

\">\n

\"><%= title || '' %>

\"><%= content || '' %>

\n" }, "values": { "reverseColumn": true, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202504/222127-17/apple-now.jpg", "imageWidth": 480, "title": "\nStackUp

\n\nKuasai Javascript dan Typescript: Bangun dan Deploy Website film\n\n", "content": "- Ini adalah kursus level menengah di mana kamu akan belajar JavaScript dan TypeScript secara mendalam dengan membangun halaman daftar film (movie list website).\n

\n- Ini adalah kursus praktik frontend yang komprehensif, mencakup segala hal mulai dari dasar JavaScript, TypeScript, pemrograman asinkron, API browser, hingga pengembangan dan deployment frontend modern.\n
\n
\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-9-mnlmiv4kl", "isChecked": false }, { "id": "fc-block-25-zo17x27vd", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "30", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-10-xb17nnsc3", "isChecked": false }, { "id": "fc-block-20-4rufacxbw", "layout": { "id": "206", "description": "좌/우 이미지와 텍스트", "icon": "\n", "params": [ { "name": "reverseColumn", "type": "checkbox", "description": "-" }, { "name": "textVerticalAlign", "type": "select", "description": "-", "options": [ "top", "center" ] }, { "name": "backgroundColor", "type": "text", "description": "-" }, { "name": "textColor", "type": "text", "description": "-" }, { "name": "titleSize", "type": "select", "description": "-", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "-", "options": [ "text--h6", "text--content1" ] }, { "name": "imageUrl", "type": "image", "description": "-" }, { "name": "imageWidth", "type": "number", "description": "~720" }, { "name": "title", "type": "text", "description": "-" }, { "name": "content", "type": "text", "description": "-" } ], "values": { "reverseColumn": false, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--h6", "imageUrl": "", "imageWidth": 480, "title": "", "content": "" }, "template": "

\">\n

<%= textVerticalAlign === 'center' ? ' container__body--center-within-column' : ''%>\">\n

\" style=\"width: <%= imageWidth/10 %>rem\">\n <% if (imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n

\">\n

\"><%= title || '' %>

\"><%= content || '' %>

\n" }, "values": { "reverseColumn": true, "textVerticalAlign": "top", "backgroundColor": "#ffffff", "textColor": "#000000", "titleSize": "text--h5", "contentSize": "text--content1", "imageUrl": "https://cdn.day1company.io/prod/uploads/202504/194820-17/disney.jpg", "imageWidth": 480, "title": "\nStackUp

\n\nClone Disney+\nWebsite Frontend\nuntuk menguasai React\n\n", "content": "- Ini adalah kursus level menengah di mana kamu akan mempelajari cara menggunakan React dan Redux dalam konteks nyata dengan membangun ulang situs web Disney+.\n

\n- Ini adalah kursus proyek praktik frontend modern, di mana kamu akan membangun langsung aplikasi web mirip layanan streaming menggunakan Vite, React, Firebase, Redux, dan teknologi terkini lainnya.\n
\n
\n\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-11-iqdyj18do", "isChecked": false }, { "id": "fc-block-16-f7waiohrj", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-5-iltxmhf9e", "isChecked": false }, { "id": "fc-block-1-bgdg0gpdk", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "80", "paddingBottom": 10, "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#000000", "text": "Kurikulum Lengkap" }, "uniqueId": "fc-block-1-07rmt6l34", "isChecked": false }, { "id": "fc-block-2-iiuphz4wt", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "30", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "Kamu bisa mengikuti kursus di bawah ini dengan format StackUp.
\nLebih hemat, dan kamu bisa pilih topik yang paling ingin kamu pelajari!" }, "uniqueId": "fc-block-2-b98n12ai5", "isChecked": false }, { "id": "fc-block-15-cxr4aw3pe", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 5. JavaScript: Pemula Hingga Mahir ▸ JavaScript ES6, Node.js 16.17.0\n\n" }, "uniqueId": "fc-block-3-xmqfba0on", "isChecked": false }, { "id": "fc-block-8-lmmdgnag3", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. JS data", "content1": "1. Pendahuluan
\n2. Tipe data
\n3. Tipe data primitive - String,Number, Boolean, null, undefined
\n4. Tipe data reference - Array
\n5. Tipe data reference - Object
\n6. Tipe data reference- Function
\n7. Pengecekan tipe data
\n8. EcmaScript
\n", "imageUrl1": "", "title2": "Bab 2. Operator dan Sintaks", "content2": "1. Declaration, expression dan hoisting
\n\n2. Structure decomposition assignment, spread operator
\n3. Operator aritmatika
\n4. Assignment, increment/decrement operator
\n5. Comparison operator
\n6. Logical operator, Negation, nullish merge\nternary operator
\n7. Apa lagi yang ada di Matematika?
\n8. Type Casting
\n9. If,Switch conditional statement
\n10. For, For of, For in loop statement
\n11. While, Do while loop
\n12. function
\n13. Parameter
\n14. Parameter 2
\n15. Function return and termination
\n16. arrow function
\n17. Immediately executed function (IIFE)
\n18. callback
\n19. partial application, currying, Callback Hell
\n20. Rekursif
", "imageUrl2": "" }, "uniqueId": "fc-block-4-4dn05eyjt", "isChecked": false }, { "id": "fc-block-7-tq08we4b5", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-5-smoitm02c", "isChecked": false }, { "id": "fc-block-4-kl1ol0hoz", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 3. Class", "content1": "1. Grammar Dasar Class ES6
\n2. Getter,Setter, this
\n3. Atribut Private ES11
\n4. Delete
\n5. Block dan Atribut static
\n6. Inheritance (Pewarisan)
\n7. Inheritance (Pewarisan) 2
\n8. Prototype
\n9. Instance of dan in
\n10. Optional chaining
\n\n", "imageUrl1": "", "title2": "Bab 4. Objek bawaan standar", "content2": "1. Pendahuluan
\n2. Math
\n3. Array 1
\n4. Array 2
\n5. Array 3
\n6. Array 4
\n7. Array 5
\n8. Set
\n9. JSON
\n10. Map
\n11. Object
\n12. Date
\n13. Module
\n14. Import dan Export
\n15. window
\n16. navigator
\n", "imageUrl2": "" }, "uniqueId": "fc-block-6-65rcr2wpt", "isChecked": false }, { "id": "fc-block-9-y2bevx6to", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-7-bxr6q5m4s", "isChecked": false }, { "id": "fc-block-10-dbq6o7ss8", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 5. Asynchronous dan Data Eksternal", "content1": "1. Pendahuluan
\n2. Interval dan Timeout
\n3. Promise
\n4. Resolve, Reject dan Error Handling
\n5. fetch()
\n6. fetch() 2
\n7. AsyncAwaitPattern
\n8. Mengatur Beberapa Proses Asynchronous Sekaligus
\n9. Gimana Keadaan Sebelum fetch()?
\n\n\n", "imageUrl1": "", "title2": "Bab 6. Events", "content2": "1. Tambah dan Hapus Event
\n2. Object Event
\n3. Basic operation prevention
\n4. Bubbling dan Capturing
\n5. Event Options
\n6. Event delegation
\n7. Event Mouse dan Pointer
\n8. Event Keyboard
\n9. Event Form
\n10. Event Custom
\n11. API Web lainnya
\n12. Console
\n13. Cookie dan Storage
\n14. Location
\n15. History 1
\n16. History 2
\n\n", "imageUrl2": "" }, "uniqueId": "fc-block-8-ejo22vg55", "isChecked": false }, { "id": "fc-block-11-uy09nxahq", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-9-cab40hz3b", "isChecked": false }, { "id": "fc-block-12-ag60lzn45", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 7. Pembelajaran Mendalam", "content1": "1. Symbol danBigInt
\n2. Kekekalan dan Variabilitas
\n3. Salinan dangkal dan salinan dalam
\n4. Garbage Collection
\n5. Closure
\n6. Memory Leak
\n7. Call stack, task queue, event loop
\n\n\n\n", "imageUrl1": "", "title2": "Bab 8. Regular Expression (RegExp)", "content2": "1. Menulis RegExp
\n2. method
\n3. flag
\n4. pattern 1
\n5. pattern 2
\n\n\n", "imageUrl2": "" }, "uniqueId": "fc-block-10-etv58het2", "isChecked": false }, { "id": "fc-block-13-ni7ts13ub", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-11-1jbep6kjz", "isChecked": false }, { "id": "fc-block-14-iv8my4ptj", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 9. Debugging dengan DevTools", "content1": "1. Pendahuluan
\n2. Tab Console - Log, Warning, Error
\n3. Tab Console - Group, Styling, Live Expression
\n4. Tab Console - Count, Time
\n5. Tab Network
\n\n\n\n", "imageUrl1": "", "title2": "Bab 10. NodeJS", "content2": "1. Pendahuluan dan Instalasi
\n2. Pengenalan NPM
\n3. Memulai proyek dengan NPM, package.json
\n4. Vite, pengembangan dan build server
\n5. Versi Semantik (Semver)
\n\n\n", "imageUrl2": "" }, "uniqueId": "fc-block-12-rtboztdxl", "isChecked": false }, { "id": "fc-block-16-ivn2it6ba", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-13-jvxpr8idr", "isChecked": false }, { "id": "fc-block-19-hgby35yme", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 11. Situs daftar film menggunakan API", "content1": "1. Component - Pendahuluan
\n2.. Component - Pembuatan Dengan Class
\n3. Component - Declarative rendering dan event handling
\n4. Component - Conditions dan Looping
\n5. Component - Meneruskan data ke child component
\n6. Component - Router 1-Hash Router 1
\n7. Component - Router 2
\n8. Component - State Management 1
\n9. Component - State Management 2
\n10. Konfigurasi Project
\n11. Konfigurasi fontdan variabel warna
\n12. Konfigurasi router dasar
\n13. Komponen title
\n14. Styling untuk component dan button Halaman Pencarian
\n15. Manajemen status di MovieList
\n16. Component MovieList
\n17. Component MovieItem
\n18. Load more MovieList
\n19. Animasi Loading
\n20. Exception handling
\n21. Manajemen status MovieDetail
\n22. Cetak informasi film secara rinci
\n23. Loading MovieDetail dengan Skeleton
\n24. Component Header
\n25. Penyesuaian routing navigasi
\n26. Component Footer
\n27. 404 Not Found
\n28. Responsif dengan media query
\n29. Implementasi Dark Mode
\n30. Initial Deployment dan Penyimpanan API
31. Key
\n32. Konfigurasi Vercel
\n33. Konfigurasi Environment Variables dan Final Deployment
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-14-9wb0fmevp", "isChecked": false }, { "id": "fc-block-18-trau491j3", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-15-e2cq361rx", "isChecked": false }, { "id": "fc-block-3-t0hvsjms9", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "20", "backgroundColor": "#F2F2F2", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#4D4D4D", "text": "Bagian 7. TypeScript \n▸ TypeScript 4.7" }, "uniqueId": "fc-block-16-9bbime0kz", "isChecked": false }, { "id": "fc-block-17-i1z9kb0ym", "layout": { "id": "501", "description": "2단 아코디언 리스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapsed", "type": "checkbox", "description": "collapsed" }, { "name": "cardBackgroundColor", "type": "text", "description": "card background color" }, { "name": "borderColor", "type": "text", "description": "border color" }, { "name": "arrowBtnColor", "type": "text", "description": "arrow btn color" }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "title1", "type": "text", "description": "title1" }, { "name": "content1", "type": "textarea", "description": "content1" }, { "name": "imageUrl1", "type": "image", "description": "imageUrl1" }, { "name": "title2", "type": "text", "description": "title2" }, { "name": "content2", "type": "textarea", "description": "content2" }, { "name": "imageUrl2", "type": "image", "description": "imageUrl2" } ], "values": { "backgroundColor": "", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "", "content1": "", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "template": "

\">\n

\n <% if (title1 || content1 || imageUrl1) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title1 %>\n \n \n

;color: <%= textColor || '#000000' %>\">\n <%= content1 %>\n <% if (imageUrl1) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n <% if (title2 || content2 || imageUrl2) { %>\n

; border-color: <%= borderColor || '#e6e8eb' %>\">\n \n checked<% } %>>\n

\">\n <%= title2 %>\n \n \n

; color: <%= textColor || '#000000' %>\">\n <%= content2 %>\n <% if (imageUrl2) { %>\n \" alt=\"\" loading=\"lazy\">\n <% } %>\n

\n \n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#F2F2F2", "collapsed": false, "cardBackgroundColor": "#ffffff", "borderColor": "#e6e8eb", "arrowBtnColor": "#6e6e73", "textColor": "#000000", "title1": "Bab 1. Tata bahasa", "content1": "1. Pendahuluan dan konfigurasi environment
\n2. Type - dari string hingga function
\n3. Type - dari any hingga union
\n4. Type checking dan assignment
\n5. Type - Interface
\n6. Interface vs Type
\n7. Interface dan Fungsi
\n8. Indexable Interface
\n9. Extends
\n10. Type Alias
\n11. Generic
\n12. Fungsi dengan Generic
\n13. Generic Class
\n14. Narrowing
\n15. Narrowing 2
\n16. Conditional type
\n17. Function - Overloading
\n18. Deklarasi Type untuk Package Eksternal
\n19. Import dan export types
\n20. Konfigurasi tsconfig.json
", "imageUrl1": "", "title2": "Bab 2. Ubah contoh daftar film dengan TS", "content2": "1. Instalasi dan konfigurasi TypeScript
\n2. Konversi Store menjadi TS
\n3. Type dari Movie
\n4. Type dari State dan Props Setiap Component
\n5. Migrasi component menjadi TS
\n6. Type dari API movie
\n7. Penyesuaian deployment untuk TS
\n", "imageUrl2": "" }, "uniqueId": "fc-block-17-k331hgodn", "isChecked": false }, { "id": "fc-block-20-0af45zy7s", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#F2F2F2" }, "uniqueId": "fc-block-18-lm3p8p6sm", "isChecked": false }, { "id": "fc-block-5-24blml0ul", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "50", "backgroundColor": "#ffffff" }, "uniqueId": "fc-block-19-r0ifilo1k", "isChecked": false }, { "id": "fc-block-21-mi8aws72j", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \n \n <% } else { %>\n \n <% } %>\n <% } %>\n

\n" }, "values": { "backgroundColor": "#1B52B7", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202410/165558-1395/웹---상세페이지-배너.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202410/165615-1395/모바일---상세페이지-배너.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "https://forms.gle/c5rroDMAPEujmH9f8" }, "uniqueId": "fc-block-20-vmtnsnoy0", "isChecked": false, "hidden": true }, { "id": "fc-block-22-1lq6pphqu", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "60", "paddingBottom": "30", "backgroundColor": "#000000", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#ffffff", "text": "\nKursus tingkat kepuasan \n\n\n *dari 10\n
\nIni adalah ulasan asli dari para peserta kursus.\n" }, "uniqueId": "fc-block-21-3jffwtgy6", "isChecked": false }, { "id": "fc-block-23-o6xfv80mf", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n

\">\n

\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n

\n <% if (link) { %> \"> <% } %> \n

\">\n <% if (imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\" />\n <% } %>\n

\n <% if (text1) { %>\n

\"><%= text1 %>

\n <% } %> <% if (text2) { %>\n

\"><%= text2 %>

\n <% } %>\n <% if (link) { %> <% } %> \n

\n <% }); %>\n \n

\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "100", "columnCount": "2", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": "2000", "backgroundColor": "#000000", "colorTheme": "theme-dark-mono", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153024-199/review-1.webp", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153028-199/review-2.webp", "text1": "", "text2": "", "link": "" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153031-199/review-3.webp", "text1": "", "text2": "", "link": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153036-199/review-4.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153047-199/review-5.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153052-199/review-6.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153057-199/review-7.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153102-199/review-8.webp", "text1": "", "text2": "" }, { "link": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202412/153107-199/review-9.webp", "text1": "", "text2": "" } ] }, "uniqueId": "fc-block-22-cgrxpqe4j", "isChecked": false }, { "id": "fc-block-24-w3vktx0ht", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n" }, "values": { "backgroundColor": "#191919", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202403/125606-472/introduction---trust.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202403/131455-472/introduction---trust-mob-1.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "uniqueId": "fc-block-23-26oo2sbkk", "isChecked": false }, { "id": "fc-block-25-isvid9uit", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "60", "backgroundColor": "#000000" }, "uniqueId": "fc-block-24-w3vq4hlw7", "isChecked": false }, { "id": "fc-block-26-9fdrwuntv", "layout": { "id": "502", "description": "1단 아코디언 리스트 (FAQ 전용)", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "collapseAll", "type": "checkbox", "description": "" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "title1", "type": "text", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content1 text" }, { "name": "title2", "type": "text", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content2 text" }, { "name": "title3", "type": "text", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content3 text" }, { "name": "title4", "type": "text", "description": "title4 text" }, { "name": "content4", "type": "textarea", "description": "content4 text" }, { "name": "title5", "type": "text", "description": "title5 text" }, { "name": "content5", "type": "textarea", "description": "content5 text" }, { "name": "title6", "type": "text", "description": "title6 text" }, { "name": "content6", "type": "textarea", "description": "content6 text" }, { "name": "title7", "type": "text", "description": "title7 text" }, { "name": "content7", "type": "textarea", "description": "content7 text" }, { "name": "title8", "type": "text", "description": "title8 text" }, { "name": "content8", "type": "textarea", "description": "content8 text" }, { "name": "title9", "type": "text", "description": "title9 text" }, { "name": "content9", "type": "textarea", "description": "content9 text" }, { "name": "title10", "type": "text", "description": "title10 text" }, { "name": "content10", "type": "textarea", "description": "content10 text" }, { "name": "title11", "type": "text", "description": "title11 text" }, { "name": "content11", "type": "textarea", "description": "content11 text" }, { "name": "title12", "type": "text", "description": "title12 text" }, { "name": "content12", "type": "textarea", "description": "content12 text" }, { "name": "title13", "type": "text", "description": "title13 text" }, { "name": "content13", "type": "textarea", "description": "content13 text" }, { "name": "title14", "type": "text", "description": "title14 text" }, { "name": "content14", "type": "textarea", "description": "content14 text" }, { "name": "title15", "type": "text", "description": "title15 text" }, { "name": "content15", "type": "textarea", "description": "content15 text" }, { "name": "title16", "type": "text", "description": "title16 text" }, { "name": "content16", "type": "textarea", "description": "content16 text" }, { "name": "title17", "type": "text", "description": "title17 text" }, { "name": "content17", "type": "textarea", "description": "content17 text" }, { "name": "title18", "type": "text", "description": "title18 text" }, { "name": "content18", "type": "textarea", "description": "content18 text" }, { "name": "contentLinkTitle", "type": "text", "description": "content link title" }, { "name": "contentLink", "type": "url", "description": "content link" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "contentLinkDescription", "type": "text", "description": "content link description" } ], "values": { "backgroundColor": "", "collapseAll": false, "textSize": "fc-h6-text", "title1": "", "content1": "", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "", "content4": "", "title5": "", "content5": "", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "1:1 문의하기", "contentLinkDescription": "해당 사항이 없다면 1:1 문의 게시판을 이용해주세요", "useNewTab": true, "contentLink": "https://fastcampus.co.kr" }, "template": "

background-color: <%= backgroundColor %><% } %>\">\n

\n <% if (title1 || content1) { %>\n

\n \">\n >\n \n <%= title1 %>\n \n \"><%= content1 %>\n \n

\n <% } %>\n <% if (title2 || content2) { %>\n

\n \">\n >\n \n <%= title2 %>\n \n \"><%= content2 %>\n \n

\n <% } %>\n <% if (title3 || content3) { %>\n

\n \">\n >\n \n <%= title3 %>\n \n \"><%= content3 %>\n \n

\n <% } %>\n <% if (title4 || content4) { %>\n

\n \">\n >\n \n <%= title4 %>\n \n \"><%= content4 %>\n \n

\n <% } %>\n <% if (title5 || content5) { %>\n

\n \">\n >\n \n <%= title5 %>\n \n \"><%= content5 %>\n \n

\n <% } %>\n <% if (title6 || content6) { %>\n

\n \">\n >\n \n <%= title6 %>\n \n \"><%= content6 %>\n \n

\n <% } %>\n <% if (title7 || content7) { %>\n

\n \">\n >\n \n <%= title7 %>\n \n \"><%= content7 %>\n \n

\n <% } %>\n <% if (title8 || content8) { %>\n

\n \">\n >\n \n <%= title8 %>\n \n \"><%= content8 %>\n \n

\n <% } %>\n <% if (title9 || content9) { %>\n

\n \">\n >\n \n <%= title9 %>\n \n \"><%= content9 %>\n \n

\n <% } %>\n <% if (title10 || content10) { %>\n

\n \">\n >\n \n <%= title10 %>\n \n \"><%= content10 %>\n \n

\n <% } %>\n <% if (title11 || content11) { %>\n

\n \">\n >\n \n <%= title11 %>\n \n \"><%= content11 %>\n \n

\n <% } %>\n <% if (title12 || content12) { %>\n

\n \">\n >\n \n <%= title12 %>\n \n \"><%= content12 %>\n \n

\n <% } %>\n <% if (title13 || content13) { %>\n

\n \">\n >\n \n <%= title13 %>\n \n \"><%= content13 %>\n \n

\n <% } %>\n <% if (title14 || content14) { %>\n

\n \">\n >\n \n <%= title14 %>\n \n \"><%= content14 %>\n \n

\n <% } %>\n <% if (title15 || content15) { %>\n

\n \">\n >\n \n <%= title15 %>\n \n \"><%= content15 %>\n \n

\n <% } %>\n <% if (title16 || content16) { %>\n

\n \">\n >\n \n <%= title16 %>\n \n \"><%= content16 %>\n \n

\n <% } %>\n <% if (title17 || content17) { %>\n

\n \">\n >\n \n <%= title17 %>\n \n \"><%= content17 %>\n \n

\n <% } %>\n <% if (title18 || content18) { %>\n

\n \">\n >\n \n <%= title18 %>\n \n \"><%= content18 %>\n \n

\n <% } %>\n

\n <% if (contentLinkTitle || contentLinkDescription) { %>\n \n <% } %>\n

\n" }, "values": { "backgroundColor": "#000000", "collapseAll": false, "textSize": "fc-content-text", "title1": " Penting untuk Diketahui", "content1": "\n\n- Informasi di halaman ini dapat berubah sewaktu-waktu tanpa pemberitahuan sebelumnya.
\n- Kurikulum dapat ditambah, dikurangi, atau dimodifikasi selama proses pengembangan.
\n- Promosi diskon dapat berakhir lebih awal atau diperpanjang tanpa pemberitahuan sebelumnya, tergantung pada situasinya.
\n- Kursus ini menggunakan Mac sebagai platform utama, namun tetap dapat diakses oleh pengguna Windows.
\n- Dalam keadaan force majeure, seperti bencana alam atau penutupan usaha, layanan kami mungkin terpaksa dihentikan.
\n- Kami akan menyediakan spesifikasi perangkat keras dari pengajar dan rekomendasi spesifikasi sebagai referensi dalam mengikuti kursus.
\n", "title2": "", "content2": "", "title3": "", "content3": "", "title4": "Kebijakan Pengembalian Dana", "content4": "\n- Ingin tahu lebih lanjut tentang kebijakan pengembalian dana kami? Pelajari di link berikut ►\n", "title5": "Hak Cipta", "content5": "\n- Fast Campus melarang keras semua tindakan pelanggaran hak cipta, termasuk distribusi dan pengolahan yang tidak sah, berbagi melalui tangkapan layar atau perekaman, dan penjualan materi kursus yang tidak sah. Jika penggunaan yang tidak sah terdeteksi, Anda dapat dikenakan sanksi hukum berdasarkan undang-undang hak cipta.\n", "title6": "", "content6": "", "title7": "", "content7": "", "title8": "", "content8": "", "title9": "", "content9": "", "title10": "", "content10": "", "title11": "", "content11": "", "title12": "", "content12": "", "title13": "", "content13": "", "title14": "", "content14": "", "title15": "", "content15": "", "title16": "", "content16": "", "title17": "", "content17": "", "title18": "", "content18": "", "contentLinkTitle": "", "contentLinkDescription": "", "useNewTab": true, "contentLink": "" }, "uniqueId": "fc-block-25-xx1qgmjrw", "isChecked": false } ]

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title4 %>

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

; font-size: <%= titleTextSize/10 %>rem;\"><%= title %>

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\"><%= title1 %>

\"><%= title2 %>

\"><%= title3 %>

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\"><%= title1 %>

\"><%= title2 %>

\"><%= title1 %>

\"><%= title2 %>

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

; font-size: <%= titleTextSize/10 %>rem;\"><%= title %>

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title2 %>\n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\" transform=\"rotate(-180 16 16)\"/>\n \n \n \n \n \n \" stroke-width=\"2\" d=\"M10 13L15.951 19 22 13\"/>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

\">\n <%= title1 %>\n \n \n

\">\n <%= title2 %>\n \n \n

StackUp : Movie List Website with JS and TS

Class Details

(IDN) StackUp : Kuasai Javascript dan Typescript: Bangun dan Deploy Website film Details