{"id":1790,"date":"2025-11-28T03:47:29","date_gmt":"2025-11-28T03:47:29","guid":{"rendered":"https:\/\/naufal-smp-idn.my.id\/?p=1790"},"modified":"2025-11-28T06:18:28","modified_gmt":"2025-11-28T06:18:28","slug":"tutorial-kodular","status":"publish","type":"post","link":"https:\/\/naufal-smp-idn.my.id\/?p=1790","title":{"rendered":"Tutorial Kodular"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1790\" class=\"elementor elementor-1790\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2250027 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2250027\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-f799225\" data-id=\"f799225\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7478d8 elementor-widget elementor-widget-video\" data-id=\"a7478d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/SD084t86wA8&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8e8d07e\" data-id=\"8e8d07e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b90799b elementor-widget__width-initial elementor-widget elementor-widget-aux_modern_heading\" data-id=\"b90799b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h2 class=\"aux-modern-heading-primary\">Tutorial kodular<\/h2><div class=\"aux-modern-heading-divider\"><\/div><div class=\"aux-modern-heading-description\"><article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:d3cbcb6a-bedc-4088-881d-390f54136d5a-21\" data-testid=\"conversation-turn-14\" data-scroll-anchor=\"true\" data-turn=\"assistant\"><div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"><div class=\"flex max-w-full flex-col grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"40907c58-1850-4949-a776-debd4ef33933\" data-message-model-slug=\"gpt-5-1\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\"><div class=\"markdown prose dark:prose-invert w-full break-words dark markdown-new-styling\"><p data-start=\"33\" data-end=\"403\" data-is-last-node=\"\" data-is-only-node=\"\">This tutorial explains how to create a simple app in Kodular by adding components, arranging the layout, and using basic logic blocks. After finishing the project, it also shows how to make clean and attractive slides in Canva by choosing a template, adding text, and inserting project images. This tutorial helps beginners build an app and prepare a clear presentation.<\/p><\/div><\/div><\/div><\/div><div class=\"z-0 flex min-h-[46px] justify-start\">\u00a0<\/div><div class=\"mt-3 w-full empty:hidden\"><div class=\"text-center\">\u00a0<\/div><\/div><\/div><\/div><\/article><div class=\"pointer-events-none h-px w-px\" aria-hidden=\"true\" data-edge=\"true\">\u00a0<\/div><\/div><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tutorial kodular This tutorial explains how to create a simple app in Kodular by adding components, arranging the layout, and using basic logic blocks. After finishing the project, it also shows how to make clean and attractive slides in Canva by choosing a template, adding text, and inserting project images. This tutorial helps beginners build [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1790","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts\/1790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1790"}],"version-history":[{"count":4,"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts\/1790\/revisions"}],"predecessor-version":[{"id":1795,"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts\/1790\/revisions\/1795"}],"wp:attachment":[{"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naufal-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}