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": "Belum memiliki pengalaman dalam programming? Tidak masalah.
Melalui kursus ini, Anda akan belajar membuat website dengan kualitas seperti yang Anda lihat di halaman ini." }, "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 <% } else { %>\n \n <% } %>\n <% } %>\n

\n" }, "values": { "backgroundColor": "black", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202504/182645-17/applehomepage-ezgif.com-video-to-gif-converter.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

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-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

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

fc-text-align-center<% } %>\">\n <% if (imageUrl1 || title1 || content1) { %>\n

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

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

\"><%= title1 %>

\"><%= content1 %>

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

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

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

\"><%= title2 %>

\"><%= content2 %>

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

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

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

\"><%= title3 %>

\"><%= content3 %>

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

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

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

\"><%= title4 %>

\"><%= content4 %>

\n <% } %>\n

\n" }, "values": { "useTextCenter": false, "titleSize": "fc-h5-text", "contentSize": "fc-content-text", "imageUrl1": "", "title1": "Kuasai Web Development
Melalui Praktik Langsung", "content1": "
\nBelajar web development tidak hanya
mempelajari tentang teori atau menghafal
sintaks. Di kursus ini, Anda akan memulai dari dasar dengan membangun struktur
HTML dan CSS, menambahkan interaksi
menggunakan JavaScript, hingga membuat website yang responsif untuk berbagai perangkat.\n

\n\nSetiap materi dilengkapi dengan latihan dan proyek yang menarik, sehingga Anda benar-benar belajar membuat sendiri, bukan
hanya menyalin kode.", "imageUrl2": "", "title2": "Belajar Langsung dari
Praktisi dan Tools yang
Digunakan di Industri", "content2": "Anda akan diperkenalkan dengan berbagai tools yang umum digunakan oleh developer profesional, seperti browser debugging,
Live Server, Emmet, Codepen, dan
Auto Rename Tag.
Anda juga akan mempelajari cara mengatur dan mengoptimalkan workspace di Visual
Studio Code. Semua tools dan pengaturan yang dipelajari dapat langsung digunakan
dalam proyek nyata.", "imageUrl3": "", "title3": "Kurikulum Terpadu untuk
Membuat Website Responsif", "content3": "
Kursus ini tidak hanya membahas dasar
HTML, CSS, dan JavaScript. Anda juga
akan dibimbing hingga mampu membuat
website yang responsif untuk tampilan
desktop, tablet, hingga mobile. Materi
mencakup penggunaan Media Query,
pengaturan layout dengan Flexbox dan
Grid, serta cara membuat navigasi khusus
untuk tampilan mobile.", "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

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

\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": "02. Siapa yang Cocok 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

rem;\">\n <% if(title) { %>\n

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

\n <% } %>\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 <% 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 <% 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 <% 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 <% 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 <% 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 <% 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" }, "values": { "spacingTop": 0, "spacingBottom": 0, "cardWidth": 0, "titleTextSize": 16, "titleTextColor": "#000000", "title": "", "mainTextSize": "16", "subTextSize": 14, "mainText1": "Untuk Anda yang sudah mempelajari dasar, tetapi masih bingung harus mulai dari mana", "subText1": "Mungkin Anda sudah memahami dasar HTML, CSS, dan JavaScript, tetapi masih kesulitan saat harus membangun sebuah website dari awal.
Di kursus ini, Anda akan dipandu melalui alur pembelajaran yang jelas, dari tahap awal hingga menghasilkan satu website yang utuh.\n", "useNewTab1": true, "link1": "", "mainText2": "Untuk Anda yang pernah belajar teori tetapi belum banyak praktik", "subText2": "Sudah menonton banyak video tutorial atau belajar melalui YouTube, tetapi belum pernah benar-benar membuat proyek sendiri?\n
Melalui kursus ini, Anda akan langsung praktik membangun satu website lengkap, sehingga seluruh pengetahuan yang Anda miliki dapat
berkembang menjadi keterampilan nyata.", "useNewTab2": true, "link2": "", "mainText3": "Untuk Pemula yang Ingin Membuat Website Responsif, Termasuk Versi Mobile", "subText3": "Jika Anda baru mampu membuat tampilan untuk versi desktop dan masih belum familiar dengan layout untuk mobile,
kursus ini akan membantu Anda memahami cara kerja website responsif. Anda juga akan mempelajari cara membuat navigasi khusus untuk
tampilan mobile dan mengatur konten agar tetap rapi di berbagai ukuran layar.", "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

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\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 \n <% } else { %>\n \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 \n <% } else { %>\n \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 \n <% } else { %>\n \n <% } %>\n

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

\"><%= title3 %>

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

\"><%= content3 %>

\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/133842-17/ch9-13.-fitur-responsif-mobile-caraousel.mp4", "title1": "Ch9-13. Fitur Responsif Mobile Caraousel", "content1": "", "videoPlatformType2": "Youtube", "video2": "https://cdn.day1company.io/prod/uploads/202504/133901-17/ch9-2.-mengapa-responsive-design-penting-1-.mp4", "title2": "Ch9-13. Fitur Responsif Mobile Caraousel", "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 \n <% } else { %>\n \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 \n <% } else { %>\n \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 \n <% } else { %>\n \n <% } %>\n

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

\"><%= title3 %>

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

\"><%= content3 %>

\n <% } %>\n

\">\n

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

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

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

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

\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "\n Naufaldi Rafif Satriya\n\n\n\n#HTML #CSS #CSS_Frameworks #Javascript\n" }, "uniqueId": "fc-block-1-txn8c2o1k", "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 <% if (imageUrl) { %>\n

\" loading=\"lazy\">

\n <% } %>\n

\"><%= title1 %>

\"><%= content1 %>

\"><%= title2 %>

\"><%= content2 %>

\n <% if (link) { %>\n target=\"_blank\" rel=\"noopener noreferrer\" <% } %> href=\"<%=link%>\"><%= linkLabel %>\n <% } %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "20", "paddingBottom": "20", "backgroundColor": "", "imageUrl": "https://cdn.day1company.io/prod/uploads/202403/141337-472/point-2-1.webp", "titleSize": "fc-h5-text", "title1": "Pengalaman kerja", "title2": "Pengalaman lainnya", "contentSize": "fc-content-text", "content1": "\nSaat Ini :
\nFrontend Engineer di eFishery\n
\n\nSebelumnya :
\nFrontend Engineer di Bahasa.ai,\nDipa Inhouse, estech creative\n", "content2": "\n∙ Pernah jadi mentor di Dibimbing Frontend Bootcamp dan ADP List
\n∙ Sudah mengajar lebih dari 100 peserta di kursus dasar RevoU
\n∙ 14k+ Follower di Twitter/X “Ningen in Tech”\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

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

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

\n" }, "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-content-text", "textColor": "#000000", "text": "\n“Menguasai hal dasar adalah langkah pertama untuk menjadi mahir.”\n\n
\nSepanjang karir saya baik bekerja atau mengajar di dunia Frontend, saya banyak ketemu frontend developer yang kurang baik pondasi ilmunya,\n
sehingga kesulitan saat berdiskusi dengan anggota tim lain dan belajar framework baru.
Hal-hal ini yang bisa memengaruhi kemampuan mereka\nmenghasilkan desain yang bagus, memperkuat pondasi mereka sebagai ujung tombak frontend dan mahir di bidang frontend development yang\ncepat berubah.
Memahami hal-hal dasar mungkin akan terdengar susah dan membosankan untuk para pemula, saya sudah persiapkan proyek cloning berkualitas agar bisa mendapat pengalaman dengan HTML, CSS dan Javascript–tiga bahasa dasar utama dari frontend development.\n" }, "uniqueId": "fc-block-2-x7s3btslp", "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

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

\n" }, "values": { "backgroundColor": "white", "paddingTop": "60", "paddingBottom": 10, "labelText": " 05. Hal yang Akan Anda Kuasai Melalui Kursus Ini", "layoutType": "fc-label-type1", "labelColor": "" }, "uniqueId": "fc-block-3-rbcarvle2", "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

rem;\">\n <% if(title) { %>\n

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

\n <% } %>\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 <% 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 <% 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 <% 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 <% 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 <% 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 <% 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" }, "values": { "spacingTop": 0, "spacingBottom": 0, "cardWidth": 0, "titleTextSize": 16, "titleTextColor": "#000000", "title": "", "mainTextSize": "16", "subTextSize": 14, "mainText1": "🔧 Belajar Langsung dari Dasar Hingga Penerapan Nyata HTML, CSS, dan JavaScript", "subText1": "→ Anda akan memahami struktur HTML5, menyusun bagian head dan body, mengenal tag penting, menata teks dan gambar,
serta membuat form. Semua materi dipelajari melalui praktik langsung, bukan hanya sekadar teori.", "useNewTab1": true, "link1": "", "mainText2": "🧱 Mampu Membangun Komponen Dasar Halaman Website", "subText2": "→ Anda akan langsung membuat elemen penting seperti header, hero section, carousel atau slider gambar, accordion, footer,
dan navigation bar. Semua dibangun satu per satu supaya Anda benar-benar memahami alurnya.", "useNewTab2": true, "link2": "", "mainText3": "🧑‍💻 Meningkatkan Kemampuan Debugging dan Efisiensi Menggunakan Code Editor", "subText3": "→ Anda akan mempelajari cara menemukan dan memperbaiki error pada HTML, CSS, dan JavaScript menggunakan DevTools bawaan browser. ", "useNewTab3": true, "link3": "", "mainText4": "📱 Membangun Website Responsif yang Nyaman di Semua Ukuran Layar", "subText4": "→ Anda alam belajar membuat tampilan fleksibel menggunakan Media Query, serta layout modern dengan Flexbox dan CSS Grid.
Website buatan Anda akan tetap rapi dan nyaman dilihat di desktop, tablet, maupun smartphone.", "useNewTab4": true, "link4": "", "mainText5": "🎓 Menyelesaikan Proyek Nyata sebagai Bagian dari Portofolio Profesional", "subText5": "→ Di akhir kursus, Anda akan menyusun sebuah website produk lengkap dengan carousel, tampilan yang mobile-friendly,
dan animasi yang halus. Hasil akhirnya bisa langsung Anda tampilkan di portofolio.", "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

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

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

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\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-aq28e7fu6", "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

<%= 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": 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 satu paket yang paling terjangkau, kamu bisa akses seluruh kursus StackUp sekaligus. Cocok buat kamu yang ingin langsung belajar menyeluruh dari dasar sampai mahir.\n\n
\n
\n
\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-5-vuzkgx727", "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-j55plcrcd", "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/195407-17/apple-now.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 ngajak kamu membangun ulang halaman utama situs Apple. Kamu akan mempelajari dasar-dasar HTML, CSS, dan JavaScript sambil langsung praktik.\n

\n- Program ini dirancang sebagai fondasi kuat untuk jadi Frontend Developer. Alurnya jelas dan progresif, dari teori sampai praktik langsung.\n
\n
\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-7-9vz4rwlk0", "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-w9x890awj", "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/194756-17/jsts.jpg", "imageWidth": 480, "title": "\nStackUp

\n\nKuasai Javascript dan Typescript: Bangun dan Deploy Website film\n\n", "content": "- Kalau kamu sudah paham dasar, di kursus level menengah ini kamu akan belajar JavaScript dan TypeScript secara mendalam dengan membangun website daftar film.\n

\n- Kamu akan menyentuh berbagai aspek penting seperti pemrograman asinkron, penggunaan API browser, hingga proses pengembangan dan deployment website modern.\n
\n
\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-9-na7x1z147", "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-ga4ce12e0", "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": "- Di tahap ini, kamu akan belajar membangun aplikasi web modern menggunakan Vite, React, Firebase, dan Redux. Proyeknya seru dan menantang karena kamu akan membuat website streaming seperti Disney+ dari nol.\n

\n- Kursus ini cocok untuk kamu yang ingin naik level dan menguasai praktik nyata pengembangan frontend dengan teknologi terkini.\n
\n
\n\n\n\n▶ Lihat Selengkapnya\n\n" }, "uniqueId": "fc-block-11-h74643apr", "isChecked": false }, { "id": "fc-block-1-sbyk071bd", "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-1-vm44g3pr6", "isChecked": false }, { "id": "fc-block-1-afkbj0wul", "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-akz3e5aro", "isChecked": false }, { "id": "fc-block-2-8e25ihmqn", "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-x8qss9muq", "isChecked": false }, { "id": "fc-block-14-f0kahyvmt", "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 1. Pembuatan Apple Homepage dengan HTML/CSS/JS \n▸ HTML 5, CSS 3, JavaScript ES6\n" }, "uniqueId": "fc-block-3-up848jsrk", "isChecked": false }, { "id": "fc-block-6-8eldk66em", "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. Jaringan Dasar", "content1": "1. Pengenalan dan Ikhtisar Pengajaran
\n2. HTML, CSS, dan JS
\n3. Cara Kerja Aplikasi Web
\n4. Standar Web dan Peramban
\n5. Pengantar Peramban Web
\n6. Cara Debugging dengan Peramban \n2. Pembuatan dan Penghapusan Berkas
\n3. Pasang dan Atur Ekstensi
\n4. Susun Kode secara Teratur
\n5. Ubah Nama Label Sekaligus (AutoRenameTag)
\n6. Tampilkan di Peramban (LiveServer)
\n7. Buat Pintasan dan Gunakan Indentasi 2 Spasi
\n8. Mulai tanpa Persiapan
\n", "imageUrl2": "" }, "uniqueId": "fc-block-4-eqcg3fxyo", "isChecked": false }, { "id": "fc-block-5-l9z137ayj", "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-o3ydxnq36", "isChecked": false }, { "id": "fc-block-9-c3wqv3d3t", "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. Dasar-dasar HTML", "content1": "1. Tipe Dokumen (DTD)
\n2. HTML, Head Body
\n3. Menghubungkan CSS dan JavaScript
\n4. Memahami Tag yang Berisi Informasi
\n5. Menampilkan Gambar di Layar
\n6. Membagi dan Menghubungkan Halaman (Tautan)
\n7. Menetapkan Ukuran Space untuk Semua Berkas
\n8. Menggunakan Alat Pengembang
\n9. Debugging di Peramban untuk HTML
\n10. Memulai di Web
\n11. Pengenalan Platform Codepen.io
\n12. Mengatur Ulang Gaya Peramban
\n13. Emmet
\n14. Ikhtisar HTML
\n15. Memahami Hubungan antara Elemen Induk dan Anak
\n16. Tag Kosong
\n17. Teks dan Kotak
\n18. Rangkuman HTML
\n19. Ringkasan Elemen Kunci
\n20. Latihan tentang Elemen Kunci
\n21. Annotation
\n22. Aria label
", "imageUrl1": "", "title2": "Bab 4. Ikhtisar CSS", "content2": "1. Properti Global
\n2. Ikhtisar CSS
\n3. Debugging di Peramban untuk CSS
\n4. CSS Box Model
\n5. Pewarisan Styles
\n6. Metode Deklarasi
\n7. Spesifitas CSS
\n8. Selektor Default
\n9. Selektor Kompleks
\n10. Selektor Properti
\n11. Properti CSS
\n12. Outline
\n13. Lebar (Tinggi)
\n14. Satuan CSS
\n15. Margin Luar
\n16. Margin Dalam (Padding)
\n17. Border dan Warna
\n18. Border Radius
\n19. Perhitungan Ukuran (Box-Sizing)
\n20. Kontrol Overflow
\n21. Karakteristik Tampilan (Display)
\n22. Transparansi
\n23. Font
", "imageUrl2": "" }, "uniqueId": "fc-block-6-bxvsov9vn", "isChecked": false }, { "id": "fc-block-10-4np2yxkx0", "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-32ctw6tom", "isChecked": false }, { "id": "fc-block-8-91vs5lwsl", "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. Tata Letak CSS", "content1": "1. Debugging Layout CSS dengan Peramban
\n2. Pengenalan Flexbox
\n3. Flex Container
\n4. Flex Items
\n5. Mengatur Arah Flex (Flex Direction)
\n6. Mengatur Penjajaran (Justify Content)
\n7. Mengatur Penjajaran Item (Align Items)
\n8. Flex Wrap
\n9. Pengenalan Grid
\n10. Grid Container
\n11. Grid Item
\n12. Grid Gap
\n13. Grid Column
\n14. Grid Row
\n15. Mengatur Area Grid (Grid Template Areas)
\n", "imageUrl1": "", "title2": "Bab 6. Animasi CSS", "content2": "1. Dasar-dasar Animasi
\n2. Apa yang Dapat Dianimasikan
\n3. Pengenalan Transisi CSS
\n4. Properti Transisi
\n5. Durasi Transisi
\n6. Fungsi Waktu Transisi
\n7. Penundaan Transisi
\n8. Pengenalan Keyframe CSS
\n9. Mendefinisikan Keyframe
\n10. Menggunakan Animasi Keyframe
\n11. Iterasi Animasi
\n12. Arah Animasi
\n13. Mode Pengisian Animasi
\n14. Keadaan Pemutaran Animasi
\n15. Properti Animasi Kustom
\n16. Menggabungkan Transisi dan Keyframe
\n17. Pertimbangan Kinerja untuk Animasi CSS
\n18. Menganimasikan SVG dengan CSS
\n19. Menggunakan Variabel CSS dalam Animasi
\n20. Perpustakaan dan Alat Animasi
\n21. Menganimasikan Properti Tata Letak
\n22. Pertimbangan Aksesibilitas Animasi
\n", "imageUrl2": "" }, "uniqueId": "fc-block-8-j24a9w7zm", "isChecked": false }, { "id": "fc-block-12-sc03wzlk3", "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-ehivio1sf", "isChecked": false }, { "id": "fc-block-11-c816fngrs", "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. JS Diutamakan", "content1": "1. Pengenalan JavaScript
\n2. Sejarah JavaScript
\n3. Mengapa JavaScript?
\n4. Menjalankan JavaScript
\n5. Komentar dalam JavaScript
\n6. Dasar-dasar Pemrograman
\n7. Variabel dan Jenis Data (let, const, string, number, boolean)
\n8. Operator (Aritmatika, Penugasan, Perbandingan, Logika)
\n9. String dan Metode-Metodenya
\n10. Angka dan Metode-Metodenya
\n11. Boolean dan Penggunaannya
\n12. Struktur Kontrol
\n13. Percabangan (if, else, switch)
\n14. Perulangan (for, while, do-while)
\n15. Break dan Continue
\n16. Fungsi
\n17. Mendefinisikan Fungsi
\n18. Parameter dan Argumen
\n19. Ruang Lingkup Variabel
\n20. Array dan Objek
\n21. Mendefinisikan dan Memanipulasi Array
\n22. Metode Array (map, filter, reduce, find, forEach)
\n23. Mendefinisikan dan Memanipulasi Objek
\n24. Mendestrukturisasi Objek dan Array
\n25. Manipulasi DOM
\n26. Apa itu DOM?
\n27. Seleksi Elemen (getElementById, querySelector)
\n28. Manipulasi Konten (innerText, innerHTML)
\n29. Manipulasi Gaya (properti style)
\n30. Sekilas Soal Log Konsole
\n31. Menggunakan Linter dan Formatter
", "imageUrl1": "", "title2": "Bab 8. Kembangkan Beranda Apple dalam Mode
Desktop", "content2": "1. Memulai - permulaan proyek, inisialisasi gaya, favicon
\n2. Memulai - Buka Grafik dan Kartu Twitter
\n3. Memulai - Google Font
\n4. Memulai - Ikon Material Google
\n5. Implementasi Menu Header dan Dropdown
\n6. Menu header dan dropdown - logo
\n7. Submenu menu header dan dropdown
\n8. Menu Header dan Dropdown-Menu Utama (1)
\n9. Menu Header dan drop-down-Menu Utama (2)
\n10. Menu Header dan Dropdown - BEM
\n11. Buat Bagian Macbook
\n12. Buat Bagian iPhone
\n13. Fitur Buat Bagian Grid (1)
\n14. Fitur Buat Bagian Grid (2)
\n15. Buat UI Karaosel
\n16. Buat Karaosel Javascript
\n17. Footer
\n", "imageUrl2": "" }, "uniqueId": "fc-block-10-kikla3678", "isChecked": false }, { "id": "fc-block-15-b307oe27r", "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-wl8n66l7e", "isChecked": false }, { "id": "fc-block-16-e4b3uxshe", "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. Kembangkan Beranda Apple dalam Mode
Seluler/Tablet", "content1": "1. Pengantar Desain Responsif
\n2. Media Query
\n3. Pengaturan browser untuk Responsif
\n4. Navigasi
\n5. Navigasi Javascript Mobile
\n6. Bagian macbook responsif
\n7. Bagian iPhone responsif
\n8. Fitur Responsif Bagian Grid (1)
\n9. Fitur Responsif Bagian Grid (2)
\n10. Karaosel Responsif
\n11. catatan kaki
\n", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-12-3fpyqe17p", "isChecked": false }, { "id": "fc-block-18-262rhufd8", "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-zqu306zcz", "isChecked": false }, { "id": "fc-block-17-qk6klh9l2", "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 2. Version control dengan Git ▸ Git, Github\n" }, "uniqueId": "fc-block-14-9it910vus", "isChecked": false }, { "id": "fc-block-19-eu4rq673k", "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 01. Version control", "content1": "1. Pengenalan Git
\n2. Sejarah dan kegunaan Git
\n3. Konfigurasi awal Git dan instalasi
\n4. Dasar-dasar Git: init, add, commit, status, log
\n5. Penggunaan Lanjutan Git
\n6. Branching dan Merging
\n7. Konflik dan Resolusi
\n8. Git Remotes dan GitHub
\n9. Pengenalan GitHub
\n10. Repositori GitHub, Fork, dan Clone
\n11. Pull Requests dan Code Reviews
\n12. GitHub Issues dan Project Management
\n13. Pengenalan Continuous Integration dan Continuous Deployment (CI/CD)
\n14. Konsep CI/CD
\n15. Pengenalan Netlify
\n16. Deploy aplikasi ke Netlify
\n17. Konfigurasi domain custom
\n18. Fitur Netlify: Functions, Forms, dan lebih lanjut
\n19. Proyek: Apple Responsive Homepage
\n20. Struktur proyek dan persiapan
\n21. Version control dengan Git dan GitHub
\n22. Deployment ke Netlify
\n23. Best Practices
\n24. Manajemen versi dengan Git
\n25. Manajemen proyek dengan GitHub
", "imageUrl1": "", "title2": "Bab 02. Markdown", "content2": "1. Pengantar
\n2. Format Teks
\n3. Penekanan dan Daftar
\n4. Tautan dan Gambar
\n5. Kutipan dan Penyorotan Kode
\n6. Membuat Tabel
\n7. Pemformatan Lanjutan
\n8. Integrasi Kontrol Versi
\n", "imageUrl2": "" }, "uniqueId": "fc-block-15-5qoef8tbd", "isChecked": false }, { "id": "fc-block-21-4i8rn07w5", "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-16-itd9pr4tr", "isChecked": false }, { "id": "fc-block-4-xbkjk8p2c", "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 03. Kolaborasi dengan Git", "content1": "1. TBD
\n2. Git Flow
", "imageUrl1": "", "title2": "", "content2": "", "imageUrl2": "" }, "uniqueId": "fc-block-17-ca2qzoiyz", "isChecked": false }, { "id": "fc-block-20-51132jyna", "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-83mhnr281", "isChecked": false }, { "id": "fc-block-7-huykljuge", "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-szi08meie", "isChecked": false }, { "id": "fc-block-22-fyik9wysf", "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": "#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-2f9pqtmw1", "isChecked": false, "hidden": true }, { "id": "fc-block-23-oeoil9ckv", "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-w0w92g4fh", "isChecked": false }, { "id": "fc-block-24-keiqqatpg", "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-xg11sdcrt", "isChecked": false }, { "id": "fc-block-25-vn6m5es34", "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-prn6b363r", "isChecked": false }, { "id": "fc-block-26-buz8r7ayj", "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-e4gqaavtu", "isChecked": false }, { "id": "fc-block-27-s3f5ifth4", "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-mzivi4ea7", "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 %>

\" 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 : Frontend - Apple Home Page Website Project

Class Details

(IDN) StackUp : Frontend - Apple Home Page Website Project Details