[{"_1":2,"_247":-5,"_248":-5},"loaderData",{"_3":4},"routes/_main.course.$slug",{"_5":6,"_69":70,"_84":85,"_118":119,"_245":246},"course",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_31":32,"_54":55,"_56":57,"_58":59,"_60":59,"_61":62,"_63":64,"_65":66,"_67":68},"id","TFRVniJwKlJqCaDoDqAK","slug","introduction-to-html","title","Introduction to HTML ","description","

Pada materi ini, kita akan mengenal HTML. Kita akan mempelajari bagaimana membuat berkas HTML pertama, struktur dasar HTML, dan identifikasi elemen-elemen dasar yang membentuk struktur sebuah website. Materi ini membantu kita memahami dasar-dasar HTML (Hypertext Markup Language).

","teacherName","Fransedo Ravelino - Frontend Engineer at Bluebird Group\t\t\t\t","posterURL","elearning-poster/VmZaGet8SCmgX29R64gd/full.png","thumbnailURL","elearning-poster/VmZaGet8SCmgX29R64gd/thumbnail.png","order",2,"isPopular",false,"isPortofolioProject","isDeprecated","learningPathId","vJocQEQMxLW90zJtToaN","topicId","DQ4WDIr2jXa70FUI477S","videos",[33,40,43,46,50],{"_34":35,"_7":36,"_11":37,"_38":36,"_39":-5},"duration",3,"6ddddb0795f048cfb1179c5b034116af","Code Editor ","vdoCipherId","source",{"_34":22,"_7":41,"_11":42,"_38":41,"_39":-5},"4d4e030a94f44979a1c4685b52431c6f","HTML Introduction",{"_34":35,"_7":44,"_11":45,"_38":44,"_39":-5},"5d1fa137f0224be1affd4b15f036c580","HTML First Draft",{"_34":47,"_7":48,"_11":49,"_38":48,"_39":-5},6,"cd99fcbd6b5848b09b0a7d02ac801e33","Basic Structure HTML",{"_34":51,"_7":52,"_11":53,"_38":52,"_39":-5},4,"75c3c6e4133e4b00bb5df455c73cac77","Website Elements Identification","videoCount",5,"videoTotalDuration",18,"isPreTestEnabled",true,"isPostTestEnabled","rating",4.6169630642954855,"studentCount",2968,"createdAt",1706932037752,"updatedAt",1738227567893,"topic",{"_7":30,"_27":28,"_71":72,"_63":73,"_56":74,"_11":75,"_54":22,"_65":76,"_77":78,"_79":59,"_9":80,"_81":82,"_67":83,"_21":35},"contentSyncedAt",1706932545808,13642,40,"Frontend - HTML",1663312229660,"courseCount",12,"hasPortofolioProject","frontend-html","statsSyncedAt",1766167208206,1721966154734,"learningPath",{"_7":28,"_71":86,"_63":87,"_88":89,"_90":91,"_61":104,"_13":105,"_56":106,"_11":107,"_54":108,"_65":109,"_77":110,"_17":111,"_112":113,"_23":59,"_79":59,"_9":114,"_81":115,"_67":116,"_21":47,"_19":117},1744304084176,20110,"communityURL","https://t.me/+Xz5NliFWvPdmYTY1","values",[92,95,98,101],{"_11":93,"_13":94},"Materi","Kuasai 190+ skill di bidang Website Development mulai dari Front End, Back End, Integration, Git dan Github, Troubleshooting serta Debugging. Dibuat dan dikurasi oleh praktisi dari berbagai top companies.",{"_11":96,"_13":97},"Praktik","Puluhan project buatan praktisi yang disesuaikan dengan kebutuhan industri sebagai portfoliomu. Jadikan dirimu lebih unggul untuk melamar kerja, freelance, rintis bisnis hingga mengembangkan karir.",{"_11":99,"_13":100},"Benefit","Dapatkan Sertifikat tiap menyelesaikan materi. Modul Praktik untuk Portfolio. Pre & Post Test untuk uji pemahaman. Gabung Grup Komunitas untuk berdiskusi. Short Class Gratis Bulanan yang bersertifikat.",{"_11":102,"_13":103},"Persyaratan","Tidak harus memiliki background pendidikan tertentu. Tutor akan mengajarimu dari level dasar hingga lanjut dengan kombinasi konsep, studi kasus dan praktik. Video bisa dipelajari dengan berbagai device.",4.501300941206623,"

🎯 Belajar & praktek 180+ materi tentang Front End, Back End dan Integration dari dasar hingga mahir. Mulai dari HTML, CSS, Javascript, React, VueJS, Golang, Python, Node.js, Git dan Github hingga Debugging.

✅ Testimoni Tutor:

\"Perancangan materi ini berlandaskan pengalaman yang telah ditempuh selama 10 tahun dalam bidang Web Development. Penyusunannya pun dengan langkah-perlangkah yang dibutuhkan secara menyeluruh. Pemberian materi ini diharapkan dapat membantu peningkatan karir impianmu.\" - Gilang Perdana, Sr. Frontend Developer at Smartfren

",9015,"Website & Apps Development",934,1663311335680,244,"elearning-poster/GAgeSguAiODYUw5SqTAC/full.png","topicCount",17,"web-development",1766167207353,1741336263608,"elearning-poster/GAgeSguAiODYUw5SqTAC/thumbnail.png","relatedCourseList",[120,132,133,146,157,167,178,188,200,212,223,234],{"_7":121,"_9":122,"_11":123,"_15":16,"_17":124,"_19":125,"_21":126,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":47,"_56":127,"_61":128,"_63":129,"_65":130,"_67":131},"ssMYIOctBTvMgBPvSMxo","browser-http-dns-hosting","Browser, HTTP, DNS, and Hosting","elearning-poster/1eOtzP5g93Ch53TztGlZ/full.png","elearning-poster/1eOtzP5g93Ch53TztGlZ/thumbnail.png",1,19,4.6263345195729535,3871,1706931891397,1738227538662,{"_7":8,"_9":10,"_11":12,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":55,"_56":57,"_61":62,"_63":64,"_65":66,"_67":68},{"_7":134,"_9":135,"_11":136,"_15":137,"_17":138,"_19":139,"_21":35,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":140,"_56":141,"_61":142,"_63":143,"_65":144,"_67":145},"zkfIyz4el5NkKSkfpKW9","html-attributes-block-element","Atributes and Block Element ","Fransedo Ravelino - Frontend Engineer at Bluebird Group","elearning-poster/2vOYFfSY7I3sgwjFyWPD/full.png","elearning-poster/2vOYFfSY7I3sgwjFyWPD/thumbnail.png",7,20,4.642592592592592,2281,1706932095523,1738227587714,{"_7":147,"_9":148,"_11":149,"_15":137,"_17":150,"_19":151,"_21":51,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":51,"_56":152,"_61":153,"_63":154,"_65":155,"_67":156},"QMMuay14nSVbyFy7WXOc","html-images-formatted-text","HTML Images and Formatted Text ","elearning-poster/55r4tAe1RFeeg65EyBkQ/full.png","elearning-poster/55r4tAe1RFeeg65EyBkQ/thumbnail.png",22,4.610599078341014,1943,1706932152678,1738227606295,{"_7":158,"_9":159,"_11":160,"_15":137,"_17":161,"_19":162,"_21":55,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":47,"_56":152,"_61":163,"_63":164,"_65":165,"_67":166},"WIe6hLzhI3LtQ3U6lRxX","html-inline-elements","Inline Elements","elearning-poster/SB4c5QeCJutigHV33FOp/full.png","elearning-poster/SB4c5QeCJutigHV33FOp/thumbnail.png",4.602631578947369,1544,1706932204836,1738227623202,{"_7":168,"_9":169,"_11":170,"_15":137,"_17":171,"_19":172,"_21":47,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":47,"_56":173,"_61":174,"_63":175,"_65":176,"_67":177},"9hQjLPTu3BRuptCzdBEv","semantic-html-generic-elements","Semantic HTML and Generic Elements","elearning-poster/W1xHPn94hkSRdGRnnKeh/full.png","elearning-poster/W1xHPn94hkSRdGRnnKeh/thumbnail.png",23,4.586705202312139,1453,1706932249400,1738227640495,{"_7":179,"_9":180,"_11":181,"_15":137,"_17":182,"_19":183,"_21":140,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":51,"_56":173,"_61":184,"_63":185,"_65":186,"_67":187},"xVwiM9U7ezPOSjdS6zTY","html-table-implementation","Table and The Implementation ","elearning-poster/4L8zEGkvHyOkdy450UTt/full.png","elearning-poster/4L8zEGkvHyOkdy450UTt/thumbnail.png",4.542207792207792,1356,1706932297300,1738227657711,{"_7":189,"_9":190,"_11":191,"_15":137,"_17":192,"_19":193,"_21":194,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":55,"_56":195,"_61":196,"_63":197,"_65":198,"_67":199},"Cl6eFIb6OfZWKd3tPKbM","html-forms-implementation","Forms and The Implementation","elearning-poster/b39EYQjiAPjdoiE8kWVD/full.png","elearning-poster/b39EYQjiAPjdoiE8kWVD/thumbnail.png",8,30,4.571428571428571,1325,1706932403770,1738227675542,{"_7":201,"_9":202,"_11":203,"_15":137,"_17":204,"_19":205,"_21":206,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":51,"_56":207,"_61":208,"_63":209,"_65":210,"_67":211},"3j6YtgnPABBIgnZpNWx1","html-styles-colors","HTML Styles and Colors ","elearning-poster/UBWnZdEolkOCm1OSfuDV/full.png","elearning-poster/UBWnZdEolkOCm1OSfuDV/thumbnail.png",9,25,4.5929824561403505,1874,1706932472247,1738227693438,{"_7":213,"_9":214,"_11":215,"_15":137,"_17":216,"_19":217,"_21":218,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":51,"_56":57,"_61":219,"_63":220,"_65":221,"_67":222},"MCDGKzyHPeLeMsegwizU","html-class-id","HTML Class and ID","elearning-poster/Qg5mXF6MwA5WNP4CFEzQ/full.png","elearning-poster/Qg5mXF6MwA5WNP4CFEzQ/thumbnail.png",10,4.600746268656716,1994,1706932512912,1738227708669,{"_7":224,"_9":225,"_11":226,"_15":137,"_17":227,"_19":228,"_21":229,"_23":24,"_25":24,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":55,"_56":195,"_61":230,"_63":231,"_65":232,"_67":233},"ZhViv9B3NogEus9ngxYf","html-media","HTML Media","elearning-poster/iE2FX03ViePLbMNte0Ic/full.png","elearning-poster/iE2FX03ViePLbMNte0Ic/thumbnail.png",11,4.560483870967742,1835,1706932545214,1738227829670,{"_7":235,"_9":236,"_11":237,"_15":238,"_17":239,"_19":240,"_21":78,"_23":24,"_25":59,"_26":24,"_27":28,"_29":30,"_58":59,"_60":59,"_54":22,"_56":74,"_61":241,"_63":242,"_65":243,"_67":244},"L3DM37fFA7PnxgYLob1Y","practice-to-do-list-website","Practice: Making a \"To Do List\" Website ","Mutia Rahmatun Husna - Engineer at GudangAda","elearning-poster/4QM16lbSCMUkL4PyAxoU/full.png","elearning-poster/4QM16lbSCMUkL4PyAxoU/thumbnail.png",4.460914454277286,5029,1663676936872,1738227872942,"courseFeedbackList",[],"actionData","errors"]

Introduction to HTML

Akan Didapatkan

Rekomendasi Kelas Lainnya

Introduction to HTML Portfolio Project

Atributes and Block Element Portfolio Project

HTML Images and Formatted Text Portfolio Project

Inline ElementsPortfolio Project

Semantic HTML and Generic ElementsPortfolio Project

Table and The Implementation Portfolio Project

Forms and The ImplementationPortfolio Project

HTML Styles and Colors Portfolio Project

HTML Class and IDPortfolio Project

HTML MediaPortfolio Project

Practice: Making a "To Do List" Website Portfolio Project