├── .gitignore ├── Algoritma-dan-Pemrograman-Dasar ├── 0-pendahuluan │ └── index.cpp ├── 1-menampilkan-data │ └── index.cpp ├── 10-operator-assignment │ └── index.cpp ├── 11-increment-decrement │ └── index.cpp ├── 12-while-loop │ └── index.cpp ├── 13-for-loop │ └── index.cpp ├── 14-break-continue │ └── index.cpp ├── 15-latihan-2 │ ├── bilangan-prima(lumayan expert dikit wkwkwk).cpp │ ├── deret-fibonacci.cpp │ ├── ganjil-genap.cpp │ └── segitiga-siku-siku.cpp ├── 16-function │ └── index.cpp ├── 17-latihan-3 │ └── luas-dan-keliling-persegi-panjang.cpp ├── 18-scope │ └── index.cpp ├── 19-default-argument │ └── index.cpp ├── 2-variabel-dan-tipe-data │ └── index.cpp ├── 20-fungsi-rekursif │ └── index.cpp ├── 21-latihan-4 │ └── segitiga-pascal.cpp ├── 22-pointer │ └── index.cpp ├── 3-masukan-data │ └── index.cpp ├── 4-aritmatika │ └── index.cpp ├── 5-komparasi │ └── index.cpp ├── 6-operator-logika │ └── index.cpp ├── 7-if-else │ └── index.cpp ├── 8-switch-case │ └── index.cpp └── 9-latihan-1 │ └── kalkulator-sederhana.cpp ├── CSS-Dasar ├── README.md ├── background.html ├── css │ ├── background.css │ ├── eksternal.css │ ├── font-styling.css │ ├── inheritance.css │ ├── psuedoclass.css │ ├── selector.css │ └── textstyling.css ├── eksternal.html ├── embed.html ├── font-styling.html ├── inheritance.html ├── inline.html ├── psuedoclass.html ├── selector.html └── textstyling.html ├── CSS-Flex ├── flexbox.html └── style-flex.css ├── CSS-Grid ├── align-content.html ├── align-items.html ├── align-self.html ├── auto-fill-fit.html ├── auto-flows.html ├── auto-rows-column.html ├── column-row.html ├── columns-and-rows.html ├── explicit-implicit.html ├── grid-area.html ├── grid-gap.html ├── grid-start-end.html ├── grid-template.html ├── grid-values.html ├── intro.html ├── justify-content.html ├── justify-items.html ├── justify-self.html ├── min-max-content.html ├── minmax.html ├── place-content.html ├── place-items.html ├── place-self.html ├── repeat.html ├── style │ ├── align-content.css │ ├── align-items.css │ ├── align-self.css │ ├── auto-fill-fit.css │ ├── auto-flows.css │ ├── auto-rows-column.css │ ├── column-row.css │ ├── columns-and-rows.css │ ├── explicit-implicit.css │ ├── grid-area.css │ ├── grid-gap.css │ ├── grid-start-end.css │ ├── grid-template.css │ ├── grid-values.css │ ├── intro.css │ ├── justify-content.css │ ├── justify-items.css │ ├── justify-self.css │ ├── min-max-content.css │ ├── minmax.css │ ├── place-content.css │ ├── place-items.css │ ├── place-self.css │ ├── repeat.css │ ├── template-area.css │ └── terminologi.css ├── template-area.html └── terminologi.html ├── CSS-Layouting ├── README.md ├── absolute.html ├── border.html ├── box-sizing.html ├── css │ ├── absolute-style.css │ ├── border-style.css │ ├── box-sizing-style.css │ ├── dimension-overflow-style.css │ ├── display-style.css │ ├── fixed-style.css │ ├── margin-style.css │ ├── padding-style.css │ ├── relative-style.css │ ├── reset-style.css │ └── static-style.css ├── dimensi_n_overflow.html ├── display.html ├── fixed.html ├── margin.html ├── padding.html ├── relative.html ├── reset.html └── static.html ├── CSS3 ├── animation.html ├── border-radius.html ├── box-shadow-optional.html ├── box-shadow.html ├── filter.html ├── font-face.html ├── linear-gradient.html ├── opacity.html ├── radial-gradient.html ├── rgba-hsla.html ├── style │ ├── animation.css │ ├── border-radius.css │ ├── box-shadow-optional.css │ ├── box-shadow.css │ ├── filter.css │ ├── font-face.css │ ├── linear-gradient.css │ ├── opacity.css │ ├── radial-gradient.css │ ├── rgba-hsla.css │ ├── text-shadow.css │ ├── transform.css │ └── transition.css ├── text-shadow.html ├── transform.html └── transition.html ├── Golang-Context ├── context_test.go ├── docs │ ├── Go-Lang Context.pdf │ └── Go-Lang Context.pptx └── go.mod ├── Golang-Dasar ├── .gitignore ├── anonymous_function.go ├── any.go ├── array.go ├── array.zip ├── asterisk_operator.go ├── boolean.go ├── break.go ├── closure.go ├── comment.go ├── constant.go ├── continue.go ├── conversion.go ├── database │ └── mysql.go ├── defer.go ├── docs │ ├── Go-Lang Dasar.pdf │ └── Go-Lang Dasar.pptx ├── error.go ├── error_custom.go ├── for.go ├── function.go ├── function_as_parameter.go ├── function_parameter.go ├── function_return_value.go ├── function_value.go ├── go.mod ├── helloworld.go ├── helper │ └── helper.go ├── if.go ├── import.go ├── init.go ├── interface.go ├── internal │ └── internal.go ├── map.go ├── matematika.go ├── named_return_values.go ├── new.go ├── nil.go ├── number.go ├── operasi_boolean.go ├── panic.go ├── perbandingan.go ├── pointer.go ├── pointer_function.go ├── pointer_method.go ├── recursive_function.go ├── return_multiple_values.go ├── sample.go ├── slice.go ├── string.go ├── struct.go ├── switch.go ├── type_assertions.go ├── type_declaration.go ├── variable.go └── variadic_function.go ├── Golang-Goroutines ├── .idea │ ├── .gitignore │ ├── golang-goroutines.iml │ └── modules.xml ├── atomic_test.go ├── channel_test.go ├── cond_test.go ├── docs │ ├── Go-Lang Goroutines.pdf │ └── Go-Lang Goroutines.pptx ├── go.mod ├── gomaxprocs_test.go ├── goroutine_test.go ├── map_test.go ├── mutex_test.go ├── once_test.go ├── pool_test.go ├── race_condition_test.go ├── ticker_test.go ├── timer_test.go └── waitgroup_test.go ├── Golang-Modules ├── app-say-hello │ ├── go.mod │ ├── go.sum │ ├── main.go │ └── tempCodeRunnerFile.go └── docs │ ├── Go-Lang Modules.pdf │ └── Go-Lang Modules.pptx ├── Golang-Standard-Library ├── docs │ ├── Go-Lang Standard Library.pdf │ └── Go-Lang Standard Library.pptx ├── errors.go ├── flag.go ├── fmt.go ├── go.mod └── os.go ├── Golang-Unit-Test ├── docs │ ├── Go-Lang Unit Test.pdf │ └── Go-Lang Unit Test.pptx ├── entity │ └── category.go ├── go.mod ├── go.sum ├── helper │ ├── hello_world.go │ └── hello_world_test.go ├── repository │ ├── category_repository.go │ └── category_repository_mock.go └── services │ ├── category_service.go │ └── category_service_test.go ├── HTML ├── README.md ├── form.html ├── heading.html ├── hyperlink-1.html ├── hyperlink-2.html ├── image.html ├── intro.html ├── latihan.html ├── list.html ├── paragraph.html ├── table-1.html ├── table-2.html ├── table-3.html ├── tugas-form.html └── tugas-table.html ├── JavaScript-DOM ├── Events │ ├── events.html │ └── events.js ├── Latihan │ └── Color game │ │ ├── asset │ │ ├── BaksoSapi.woff │ │ └── BaksoSapi.woff2 │ │ ├── css │ │ ├── font-family.css │ │ └── style.css │ │ ├── index.html │ │ └── js │ │ └── script.js ├── Manipulation │ ├── manipulation1.html │ ├── manipulation1.js │ ├── manipulation2.html │ └── manipulation2.js ├── Pendahuluan │ └── pendahuluan.js ├── Prevent Default │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── preventDefault.css │ ├── preventDefault.html │ └── preventDefault.js ├── Selection │ ├── domSelection1.html │ ├── domSelection1.js │ ├── domSelection2.html │ └── domSelection2.js ├── Traversal │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── traversal.css │ ├── traversal.html │ └── traversal.js └── Tree │ └── domTree.js ├── JavaScript-Intro ├── Array │ ├── Manipulasi.js │ ├── Method.js │ └── intro.js ├── DataType │ ├── boolean.js │ ├── number.js │ └── string.js ├── Function │ ├── intro.js │ ├── membuatDanMemanggil.js │ ├── parameterDanArgument.js │ ├── refactoring.js │ ├── rekursif.js │ └── variableScope.js ├── Latihan │ ├── latihanAngkot1.js │ ├── latihanAngkot2.js │ ├── latihanAngkot3.js │ ├── latihanAngkot4.js │ ├── latihanAngkot5.js │ ├── latihanAngkot6.js │ ├── latihanAngkot7.js │ └── latihanAngkot8.js ├── Menulis Javascript │ ├── eksternal.html │ ├── eksternal.js │ ├── internal.html │ └── internal.js ├── Object │ ├── intro.js │ ├── membuatObject.js │ └── this.js ├── Operator │ ├── aritmatika.js │ ├── kondisional.js │ ├── logika.js │ ├── penugasan.js │ ├── perbandingan.js │ ├── string.js │ └── typeof.js ├── POPUP BOX │ ├── alert.js │ ├── confirm.js │ ├── gabungan.js │ └── prompt.js ├── Pengulangan │ ├── control-flow.js │ ├── for.js │ ├── gameSuwitJawa.js │ ├── ifElse.js │ ├── pengulanganDanPengkondisianBercabang.js │ ├── switch.js │ ├── tabelPenelusuran.js │ └── while.js └── Variable │ └── variable.js ├── JavaScript-Lanjutan ├── Prototype │ ├── objectCreate.html │ ├── objectCreate.js │ ├── objectRevisited.html │ ├── objectRevisited.js │ ├── prototype.html │ └── prototype.js └── tailwind │ ├── dist │ └── output.css │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── index.html │ └── input.css │ └── tailwind.config.js ├── LICENSE ├── Laravel-11 ├── .editorconfig ├── .env.example ├── .gitattributes ├── .gitignore ├── README.md ├── app │ ├── Http │ │ └── Controllers │ │ │ └── Controller.php │ ├── Models │ │ └── User.php │ ├── Providers │ │ └── AppServiceProvider.php │ └── View │ │ └── Components │ │ ├── Layout.php │ │ └── Navbar.php ├── artisan ├── bootstrap │ ├── app.php │ ├── cache │ │ └── .gitignore │ └── providers.php ├── composer.json ├── composer.lock ├── config │ ├── app.php │ ├── auth.php │ ├── cache.php │ ├── database.php │ ├── filesystems.php │ ├── logging.php │ ├── mail.php │ ├── queue.php │ ├── services.php │ └── session.php ├── database │ ├── .gitignore │ ├── factories │ │ └── UserFactory.php │ ├── migrations │ │ ├── 0001_01_01_000000_create_users_table.php │ │ ├── 0001_01_01_000001_create_cache_table.php │ │ └── 0001_01_01_000002_create_jobs_table.php │ └── seeders │ │ └── DatabaseSeeder.php ├── package-lock.json ├── package.json ├── phpunit.xml ├── postcss.config.js ├── public │ ├── .htaccess │ ├── css │ │ └── style.css │ ├── favicon.ico │ ├── img │ │ └── me.jpg │ ├── index.php │ ├── js │ │ └── app.js │ └── robots.txt ├── resources │ ├── css │ │ └── app.css │ ├── js │ │ ├── app.js │ │ └── bootstrap.js │ └── views │ │ ├── about.blade.php │ │ ├── components │ │ ├── header.blade.php │ │ ├── layout.blade.php │ │ ├── nav-link.blade.php │ │ └── navbar.blade.php │ │ ├── contact.blade.php │ │ ├── home.blade.php │ │ ├── post.blade.php │ │ ├── posts.blade.php │ │ └── welcome.blade.php ├── routes │ ├── console.php │ └── web.php ├── storage │ ├── app │ │ ├── .gitignore │ │ ├── private │ │ │ └── .gitignore │ │ └── public │ │ │ └── .gitignore │ ├── framework │ │ ├── .gitignore │ │ ├── cache │ │ │ ├── .gitignore │ │ │ └── data │ │ │ │ └── .gitignore │ │ ├── sessions │ │ │ └── .gitignore │ │ ├── testing │ │ │ └── .gitignore │ │ └── views │ │ │ └── .gitignore │ └── logs │ │ └── .gitignore ├── tailwind.config.js ├── tests │ ├── Feature │ │ └── ExampleTest.php │ ├── TestCase.php │ └── Unit │ │ └── ExampleTest.php └── vite.config.js ├── PHP-Dasar ├── 1-intro │ └── intro.txt ├── 10-insert-delete │ ├── assets │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ └── tambah-data.php ├── 11-update │ ├── assets │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── tambah-data.php │ └── ubah.php ├── 12-searching │ ├── assets │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── tambah-data.php │ └── ubah.php ├── 13-upload │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 14-registrasi │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── registrasi.php │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 15-login │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── login.php │ ├── registrasi.php │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 16-session │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── login.php │ ├── logout.php │ ├── registrasi.php │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 17-cookie(remember-me) │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── login.php │ ├── logout.php │ ├── registrasi.php │ ├── session-dan-cookie.txt │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 18-pagination │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── login.php │ ├── logout.php │ ├── registrasi.php │ ├── session-dan-cookie.txt │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 19-live-search-ajax │ ├── ajax.txt │ ├── app.js │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── login.php │ ├── logout.php │ ├── mahasiswa.php │ ├── registrasi.php │ ├── session-dan-cookie.txt │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 2-lingkungan-pengembangan │ └── lingkungan-pengembangan.txt ├── 20-live-search-jquery │ ├── ajax.txt │ ├── app.js │ ├── assets │ │ ├── 6699c0bc2d67a.jpg │ │ ├── 6699c1117d0e4.jpg │ │ ├── 6699c1182d0b6.jpg │ │ ├── 6699c11ecb71d.jpg │ │ ├── 6699c124ca00a.jpg │ │ └── gambar.jpg │ ├── functions.php │ ├── hapus.php │ ├── index.php │ ├── jquery-3.7.1.min.js │ ├── login.php │ ├── logout.php │ ├── mahasiswa.php │ ├── registrasi.php │ ├── session-dan-cookie.txt │ ├── tambah-data.php │ ├── ubah.php │ └── upload.php ├── 3-sintaksis │ └── sintaks.php ├── 4-struktur-kendali │ ├── struktur-kendali-latihan.php │ └── struktur-kendali.php ├── 5-function │ └── function.php ├── 6-array │ ├── array-latihan.php │ └── array.php ├── 7-array-asosiatif │ └── associative-array.php ├── 8-get-dan-post │ ├── get-and-post-latihan-get.php │ ├── get-and-post-latihan-post.php │ ├── get-and-post.php │ ├── halaman-latihan-get.php │ └── halaman-latihan-post.php └── 9-php-mysql │ ├── assets │ └── gambar.jpg │ ├── functions.php │ └── index.php ├── PHP-MVC ├── 1-Pendahuluan │ └── pendahuluan.md ├── 10-Flash message │ ├── app │ │ ├── .htaccess │ │ ├── config │ │ │ └── config.php │ │ ├── controllers │ │ │ ├── About.php │ │ │ ├── Home.php │ │ │ └── Mahasiswa.php │ │ ├── core │ │ │ ├── App.php │ │ │ ├── Controller.php │ │ │ ├── Database.php │ │ │ └── Flasher.php │ │ ├── init.php │ │ ├── models │ │ │ ├── Mahasiswa_model.php │ │ │ └── User_model.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ ├── mahasiswa │ │ │ ├── detail.php │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── css │ │ ├── .DS_Store │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ │ ├── images │ │ └── person.png │ │ ├── index.php │ │ ├── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ └── bootstrap.min.js.map │ │ └── penjelasan.md ├── 11-Delete data │ ├── app │ │ ├── .htaccess │ │ ├── config │ │ │ └── config.php │ │ ├── controllers │ │ │ ├── About.php │ │ │ ├── Home.php │ │ │ └── Mahasiswa.php │ │ ├── core │ │ │ ├── App.php │ │ │ ├── Controller.php │ │ │ ├── Database.php │ │ │ └── Flasher.php │ │ ├── init.php │ │ ├── models │ │ │ ├── Mahasiswa_model.php │ │ │ └── User_model.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ ├── mahasiswa │ │ │ ├── detail.php │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── css │ │ ├── .DS_Store │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ │ ├── images │ │ └── person.png │ │ ├── index.php │ │ ├── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ └── bootstrap.min.js.map │ │ └── penjelasan.md ├── 12-Update and searching │ ├── app │ │ ├── .htaccess │ │ ├── config │ │ │ └── config.php │ │ ├── controllers │ │ │ ├── About.php │ │ │ ├── Home.php │ │ │ └── Mahasiswa.php │ │ ├── core │ │ │ ├── App.php │ │ │ ├── Controller.php │ │ │ ├── Database.php │ │ │ └── Flasher.php │ │ ├── init.php │ │ ├── models │ │ │ ├── Mahasiswa_model.php │ │ │ └── User_model.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ ├── mahasiswa │ │ │ ├── detail.php │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── css │ │ ├── .DS_Store │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ │ ├── images │ │ └── person.png │ │ ├── index.php │ │ ├── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ ├── bootstrap.min.js.map │ │ ├── jquery-3.6.0.js │ │ └── script.js │ │ └── penjelasan.md ├── 2-Persiapan │ ├── app │ │ ├── core │ │ │ ├── App.php │ │ │ └── Controller.php │ │ ├── init.php │ │ └── penjelasan.md │ └── public │ │ ├── index.php │ │ └── penjelasan.md ├── 3-Routing │ ├── app │ │ ├── .htaccess │ │ ├── core │ │ │ ├── App.php │ │ │ └── Controller.php │ │ ├── init.php │ │ └── penjelasan.md │ └── public │ │ ├── .htaccess │ │ ├── index.php │ │ └── penjelasan.md ├── 4-Controller │ ├── app │ │ ├── .htaccess │ │ ├── controllers │ │ │ ├── About.php │ │ │ └── Home.php │ │ ├── core │ │ │ ├── App.php │ │ │ └── Controller.php │ │ ├── init.php │ │ └── penjelasan.md │ └── public │ │ ├── .htaccess │ │ ├── index.php │ │ └── penjelasan.md ├── 5-View │ ├── app │ │ ├── .htaccess │ │ ├── controllers │ │ │ ├── About.php │ │ │ └── Home.php │ │ ├── core │ │ │ ├── App.php │ │ │ └── Controller.php │ │ ├── init.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── index.php │ │ └── penjelasan.md ├── 6-Assets │ ├── app │ │ ├── .htaccess │ │ ├── controllers │ │ │ ├── About.php │ │ │ └── Home.php │ │ ├── core │ │ │ ├── App.php │ │ │ ├── Constants.php │ │ │ └── Controller.php │ │ ├── init.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── css │ │ ├── .DS_Store │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ │ ├── index.php │ │ ├── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ └── bootstrap.min.js.map │ │ └── penjelasan.md ├── 7-Model │ ├── app │ │ ├── .htaccess │ │ ├── controllers │ │ │ ├── About.php │ │ │ ├── Home.php │ │ │ └── Mahasiswa.php │ │ ├── core │ │ │ ├── App.php │ │ │ ├── Constants.php │ │ │ └── Controller.php │ │ ├── init.php │ │ ├── models │ │ │ ├── Mahasiswa_model.php │ │ │ └── User_model.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ ├── mahasiswa │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── css │ │ ├── .DS_Store │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ │ ├── images │ │ └── person.png │ │ ├── index.php │ │ ├── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ └── bootstrap.min.js.map │ │ └── penjelasan.md ├── 8-Database wrapper │ ├── app │ │ ├── .htaccess │ │ ├── config │ │ │ └── config.php │ │ ├── controllers │ │ │ ├── About.php │ │ │ ├── Home.php │ │ │ └── Mahasiswa.php │ │ ├── core │ │ │ ├── App.php │ │ │ ├── Controller.php │ │ │ └── Database.php │ │ ├── init.php │ │ ├── models │ │ │ ├── Mahasiswa_model.php │ │ │ └── User_model.php │ │ ├── penjelasan.md │ │ └── views │ │ │ ├── about │ │ │ ├── index.php │ │ │ └── page.php │ │ │ ├── home │ │ │ └── index.php │ │ │ ├── mahasiswa │ │ │ ├── detail.php │ │ │ └── index.php │ │ │ └── templates │ │ │ ├── footer.php │ │ │ └── header.php │ └── public │ │ ├── .htaccess │ │ ├── css │ │ ├── .DS_Store │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ │ ├── images │ │ └── person.png │ │ ├── index.php │ │ ├── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ └── bootstrap.min.js.map │ │ └── penjelasan.md └── 9-Insert data │ ├── app │ ├── .htaccess │ ├── config │ │ └── config.php │ ├── controllers │ │ ├── About.php │ │ ├── Home.php │ │ └── Mahasiswa.php │ ├── core │ │ ├── App.php │ │ ├── Controller.php │ │ └── Database.php │ ├── init.php │ ├── models │ │ ├── Mahasiswa_model.php │ │ └── User_model.php │ ├── penjelasan.md │ └── views │ │ ├── about │ │ ├── index.php │ │ └── page.php │ │ ├── home │ │ └── index.php │ │ ├── mahasiswa │ │ ├── detail.php │ │ └── index.php │ │ └── templates │ │ ├── footer.php │ │ └── header.php │ └── public │ ├── .htaccess │ ├── css │ ├── .DS_Store │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ └── bootstrap.min.css.map │ ├── images │ └── person.png │ ├── index.php │ ├── js │ ├── bootstrap.bundle.js │ ├── bootstrap.bundle.js.map │ ├── bootstrap.bundle.min.js │ ├── bootstrap.bundle.min.js.map │ ├── bootstrap.js │ ├── bootstrap.js.map │ ├── bootstrap.min.js │ └── bootstrap.min.js.map │ └── penjelasan.md ├── PHP-OOP ├── 1-pendahuluan │ └── pendahuluan.txt ├── 10-static-keyword │ ├── index.php │ ├── produk-backup.php │ ├── produk.php │ └── static.php ├── 11-constant │ ├── constant.php │ ├── index.php │ ├── produk-backup.php │ ├── produk.php │ └── static.php ├── 12-abstract-class │ ├── constant.php │ ├── index.php │ ├── produk-backup.php │ ├── produk.php │ └── static.php ├── 13-interface │ ├── index.php │ ├── produk-abstract-class.php │ ├── produk-constant.php │ ├── produk-interface.php │ ├── produk-setter-getter.php │ ├── produk-static-ke-bawah.php │ └── static.php ├── 14-autoloading │ ├── App │ │ ├── Produk │ │ │ ├── CetakInfoProduk.php │ │ │ ├── Game.php │ │ │ ├── InfoProduk.php │ │ │ ├── Komik.php │ │ │ └── Produk.php │ │ └── init.php │ ├── index-backup.php │ ├── index.php │ ├── produk-abstract-class.php │ ├── produk-constant.php │ ├── produk-interface.php │ ├── produk-setter-getter.php │ ├── produk-static-ke-bawah.php │ └── static.php ├── 15-namespace │ ├── App │ │ ├── Produk │ │ │ ├── CetakInfoProduk.php │ │ │ ├── Game.php │ │ │ ├── InfoProduk.php │ │ │ ├── Komik.php │ │ │ ├── Produk.php │ │ │ └── User.php │ │ ├── Service │ │ │ └── User.php │ │ └── init.php │ ├── index-backup.php │ ├── index.php │ ├── produk-abstract-class.php │ ├── produk-constant.php │ ├── produk-interface.php │ ├── produk-setter-getter.php │ ├── produk-static-ke-bawah.php │ └── static.php ├── 2-class-dan-object │ ├── index.php │ └── produk.php ├── 3-property-dan-method │ ├── index.php │ └── produk.php ├── 4-constructor │ ├── index.php │ └── produk.php ├── 5-object-type │ ├── index.php │ └── produk.php ├── 6-inheritence │ ├── index.php │ └── produk.php ├── 7-overriding │ ├── index.php │ └── produk.php ├── 8-visibility │ ├── index.php │ └── produk.php └── 9-setter-getter │ ├── index.php │ ├── produk-backup.php │ └── produk.php ├── Pemrograman-Web ├── Mata-Kuliah │ └── layout-techniques │ │ └── index.html └── Praktikum │ ├── pertemuan-1 │ ├── assets │ │ └── profile.png │ ├── latihan-1.html │ ├── latihan-2.html │ ├── percobaan-1.html │ ├── percobaan-2.html │ ├── percobaan-3.html │ ├── percobaan-4.html │ ├── percobaan-5.html │ └── tugas-1.html │ ├── pertemuan-2 │ ├── latihan-1.html │ ├── percobaan-1 │ │ ├── google.jpg │ │ ├── halaman-1.html │ │ └── halaman-2.html │ ├── percobaan-2.html │ ├── percobaan-3.html │ └── tugas-1.html │ ├── pertemuan-3 │ ├── latihan │ │ └── index.html │ ├── percobaan-1 │ │ └── index.html │ ├── percobaan-2 │ │ └── index.html │ ├── percobaan-3 │ │ └── index.html │ ├── percobaan-4 │ │ ├── image.jpg │ │ └── index.html │ ├── percobaan-5 │ │ ├── index.html │ │ └── style.css │ └── tugas │ │ ├── index.html │ │ └── style.css │ ├── pertemuan-4 │ ├── latihan │ │ └── index.html │ ├── percobaan-1 │ │ └── index.html │ ├── percobaan-2 │ │ └── index.html │ ├── percobaan-3 │ │ └── index.html │ ├── percobaan-4 │ │ ├── image.jpg │ │ ├── image2.jpg │ │ └── index.html │ ├── percobaan-5 │ │ └── index.html │ ├── percobaan-6 │ │ └── index.html │ └── tugas │ │ ├── tugas-1.html │ │ └── tugas-2.html │ ├── pertemuan-5 │ ├── latihan │ │ └── index.php │ ├── percobaan-1 │ │ └── index.php │ ├── percobaan-2 │ │ └── index.php │ ├── percobaan-3 │ │ ├── footer.php │ │ ├── header.php │ │ └── index.php │ ├── percobaan-4 │ │ └── index.php │ └── tugas │ │ └── index.php │ ├── pertemuan-6 │ ├── percobaan-1 │ │ └── image.png │ ├── percobaan-2 │ │ ├── image.png │ │ └── koneksi.php │ ├── percobaan-3 │ │ ├── create.php │ │ ├── image.png │ │ └── koneksi.php │ ├── percobaan-4 │ │ ├── create.php │ │ ├── image.png │ │ ├── index.php │ │ └── koneksi.php │ ├── percobaan-5 │ │ ├── create.php │ │ ├── image.png │ │ ├── index.php │ │ ├── koneksi.php │ │ └── update.php │ └── percobaan-6 │ │ ├── create.php │ │ ├── delete.php │ │ ├── image.png │ │ ├── index.php │ │ ├── koneksi.php │ │ └── update.php │ ├── pertemuan-7 │ ├── latihan │ │ ├── add_post.php │ │ ├── connection.php │ │ ├── delete_post.php │ │ ├── index.php │ │ └── update_post.php │ ├── percobaan │ │ ├── create.php │ │ ├── delete.php │ │ ├── index.php │ │ ├── koneksi.php │ │ └── update.php │ ├── tugas.zip │ └── tugas │ │ ├── barang │ │ ├── create.php │ │ ├── delete.php │ │ ├── index.php │ │ └── update.php │ │ ├── connection.php │ │ ├── index.php │ │ ├── kurir │ │ ├── create.php │ │ ├── delete.php │ │ ├── index.php │ │ └── update.php │ │ └── pembeli │ │ ├── create.php │ │ ├── delete.php │ │ ├── index.php │ │ └── update.php │ └── pertemuan-8 │ ├── .idea │ ├── .gitignore │ ├── dataSources.xml │ ├── modules.xml │ ├── pertemuan-8.iml │ └── php.xml │ ├── latihan │ ├── index.php │ ├── koneksi.php │ ├── login.php │ └── register.php │ ├── percobaan │ ├── percobaan1 │ │ ├── halaman1.php │ │ └── halaman2.php │ ├── percobaan2 │ │ ├── destroy.php │ │ ├── index.php │ │ └── set.php │ └── percobaan3 │ │ ├── home.php │ │ ├── index.php │ │ └── proses.php │ └── tugas │ ├── index.php │ └── login.php ├── README.md ├── React-Dasar ├── .gitignore ├── README.md ├── container.html ├── eslint.config.js ├── events.html ├── hello-world.html ├── index.html ├── package.json ├── public │ └── vite.svg ├── src │ ├── App.css │ ├── App.jsx │ ├── assets │ │ └── react.svg │ ├── button │ │ ├── AllertButton.jsx │ │ ├── MyButton.jsx │ │ └── Toolbar.jsx │ ├── container │ │ ├── Container.css │ │ ├── Container.jsx │ │ └── main.jsx │ ├── events │ │ ├── Events.jsx │ │ └── main.jsx │ ├── form │ │ └── SearchForm.jsx │ ├── hello-world │ │ ├── HelloWorld.jsx │ │ └── main.jsx │ ├── index.css │ ├── main.jsx │ ├── table │ │ ├── Row.jsx │ │ ├── Table.jsx │ │ └── main.jsx │ └── todolist │ │ ├── Todo.jsx │ │ ├── TodoList.jsx │ │ └── main.jsx ├── table.html ├── todolist.html ├── vite.config.js └── yarn.lock ├── React-Redux ├── .gitignore ├── README.md ├── docs │ ├── ReactJS Redux.pdf │ └── ReactJS Redux.pptx ├── eslint.config.js ├── index.html ├── package.json ├── public │ └── vite.svg ├── src │ ├── AddTodo.jsx │ ├── App.css │ ├── App.jsx │ ├── Counter.jsx │ ├── ListTodo.jsx │ ├── UpdateTodo.jsx │ ├── assets │ │ └── react.svg │ ├── counterSlice.js │ ├── index.css │ ├── main.jsx │ └── todoListSlice.js ├── vite.config.js └── yarn.lock ├── React-Router ├── .gitignore ├── README.md ├── docs │ ├── ReactJS Router.pdf │ └── ReactJS Router.pptx ├── eslint.config.js ├── index.html ├── package.json ├── public │ └── vite.svg ├── src │ ├── About.jsx │ ├── App.css │ ├── App.jsx │ ├── Customer.jsx │ ├── Data.jsx │ ├── DataLayout.jsx │ ├── Home.jsx │ ├── Image.jsx │ ├── NotFound.jsx │ ├── Product.jsx │ ├── ProductDetail.jsx │ ├── ProductSearch.jsx │ ├── Seller.jsx │ ├── assets │ │ └── react.svg │ ├── data.css │ ├── index.css │ └── main.jsx ├── vite.config.js └── yarn.lock ├── Struktur-Data ├── binary_search.cpp ├── binary_tree.cpp ├── bubble_sort.cpp ├── double_linked_list.cpp ├── example.cpp ├── inserstion_sort.cpp ├── queue.cpp ├── rekursif.cpp ├── selection_sort.cpp ├── sequential_search.cpp ├── single_linked_list.cpp └── stack.cpp ├── Svelte-Dasar ├── .gitignore ├── .vscode │ └── extensions.json ├── README.md ├── article.html ├── auto-counter.html ├── blog.html ├── box.html ├── context-counter.html ├── counter.html ├── docs │ ├── Svelte Dasar.pdf │ └── Svelte Dasar.pptx ├── global-counter.html ├── hello.html ├── index.html ├── jsconfig.json ├── mouse.html ├── package.json ├── public │ ├── article.json │ ├── blog.json │ └── vite.svg ├── say-hello.html ├── src │ ├── App.svelte │ ├── ContextCounterApp.svelte │ ├── GlobalCounterApp.svelte │ ├── StoreCounterApp.svelte │ ├── TodoApp.svelte │ ├── UserApp.svelte │ ├── app.css │ ├── article.js │ ├── assets │ │ └── svelte.svg │ ├── auto-counter.js │ ├── blog.js │ ├── box.js │ ├── context-counter.js │ ├── counter.js │ ├── global-counter.js │ ├── hello.js │ ├── lib │ │ ├── Article.svelte │ │ ├── AutoCounter.svelte │ │ ├── Blog.svelte │ │ ├── Box.svelte │ │ ├── ContextCounter.svelte │ │ ├── Counter.svelte │ │ ├── EditTodo.svelte │ │ ├── GlobalCounter.svelte │ │ ├── HelloSvelte.svelte │ │ ├── Layout.svelte │ │ ├── Logo.svelte │ │ ├── Mouse.svelte │ │ ├── SayHello.svelte │ │ ├── StoreCounter.svelte │ │ ├── Student.svelte │ │ ├── Time.svelte │ │ ├── Todo.svelte │ │ └── UserRow.svelte │ ├── main.js │ ├── mouse.js │ ├── say-hello.js │ ├── state │ │ ├── counter.js │ │ └── counter.svelte.js │ ├── store-counter.js │ ├── student.js │ ├── time.js │ ├── todo.js │ ├── user.js │ └── vite-env.d.ts ├── store-counter.html ├── student.html ├── svelte.config.js ├── time.html ├── todo.html ├── user.html ├── vite.config.js └── yarn.lock ├── Svelte-SvelteKit ├── .gitignore ├── .npmrc ├── .prettierignore ├── .prettierrc ├── README.md ├── docs │ ├── Svelte Kit.pdf │ └── Svelte Kit.pptx ├── eslint.config.js ├── package.json ├── src │ ├── app.css │ ├── app.d.ts │ ├── app.html │ ├── hooks.client.js │ ├── hooks.js │ ├── hooks.server.js │ ├── lib │ │ ├── components │ │ │ └── Counter.svelte │ │ ├── index.ts │ │ └── server │ │ │ └── database.js │ ├── params │ │ └── lang.js │ └── routes │ │ ├── (default) │ │ ├── +layout.js │ │ ├── +layout.svelte │ │ ├── +page.svelte │ │ ├── [[lang=lang]] │ │ │ └── home │ │ │ │ ├── +page.js │ │ │ │ └── +page.svelte │ │ ├── api │ │ │ └── users │ │ │ │ ├── current │ │ │ │ └── +server.js │ │ │ │ └── login │ │ │ │ └── +server.js │ │ ├── counter │ │ │ ├── +page.js │ │ │ ├── +page.server.js │ │ │ └── +page.svelte │ │ ├── files │ │ │ └── [...file] │ │ │ │ ├── +page.js │ │ │ │ └── +page.svelte │ │ ├── navigation │ │ │ └── +page.svelte │ │ ├── products │ │ │ ├── +layout.js │ │ │ ├── +layout.svelte │ │ │ ├── +page.js │ │ │ ├── +page.svelte │ │ │ └── [id] │ │ │ │ ├── +error.svelte │ │ │ │ ├── +page.js │ │ │ │ └── +page.svelte │ │ ├── profile │ │ │ ├── +layout.server.js │ │ │ ├── +layout.svelte │ │ │ ├── address │ │ │ │ └── +page.svelte │ │ │ ├── user │ │ │ │ ├── +page.js │ │ │ │ └── +page.svelte │ │ │ └── wallet │ │ │ │ ├── +page.js │ │ │ │ └── +page.svelte │ │ ├── todos │ │ │ ├── +page.js │ │ │ ├── +page.server.js │ │ │ └── +page.svelte │ │ └── users │ │ │ ├── +error.svelte │ │ │ ├── dashboard │ │ │ ├── +page.js │ │ │ ├── +page.server.js │ │ │ └── +page.svelte │ │ │ └── login │ │ │ ├── +page.server.js │ │ │ └── +page.svelte │ │ └── (guest) │ │ ├── +layout.svelte │ │ ├── a │ │ ├── +layout.svelte │ │ └── b │ │ │ ├── +layout.svelte │ │ │ └── c │ │ │ └── +page@(guest).svelte │ │ └── about │ │ └── +page.svelte ├── static │ ├── api │ │ └── products │ │ │ ├── 1.json │ │ │ ├── 2.json │ │ │ └── 3.json │ └── favicon.png ├── svelte.config.js ├── tsconfig.json ├── vite.config.ts └── yarn.lock └── assets ├── CSS-Dasar └── images │ ├── grx.jpg │ ├── gry.jpg │ └── mflower.png ├── CSS3 ├── fonts │ └── VT323 │ │ ├── OFL.txt │ │ └── VT323-Regular.ttf └── images │ └── vector.jpg ├── HTML └── images │ └── image.jpg ├── dokumentasi-lama.png └── images └── osama-bin-laden.png /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.exe -------------------------------------------------------------------------------- /Algoritma-dan-Pemrograman-Dasar/1-menampilkan-data/index.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | using namespace std; 3 | 4 | int main() 5 | { 6 | // cout adalah fungsi yang digunakan untuk menampilkan data ke layar. cout adalah singkatan dari console output. 7 | cout << "Hello, World!"; // menampilkan tulisan "Hello, World!" ke layar 8 | return 0; 9 | } -------------------------------------------------------------------------------- /CSS-Dasar/README.md: -------------------------------------------------------------------------------- 1 | untuk penjelasan pada bab CSS-Dasar ini bisa dilihat di setiap file css bagian masing masing komentarnya 2 | 3 | maaciww -------------------------------------------------------------------------------- /CSS-Dasar/background.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Background CSS 5 | 6 | 7 | 8 |

Background Css

9 | 10 | -------------------------------------------------------------------------------- /CSS-Dasar/css/eksternal.css: -------------------------------------------------------------------------------- 1 | h2 { 2 | font-family: Tahoma, Sans-Serif; 3 | font-weight: lighter; 4 | font-size: 40px; 5 | font-style: oblique; 6 | font-variant: small-caps; 7 | } 8 | 9 | p{ 10 | font-family: Georgia, Serif; 11 | font-weight: lighter; 12 | font-size: 22px; 13 | line-height: 40px; 14 | font-variant: normal; 15 | } 16 | 17 | /* rumus dari syntax css yaitu selector { atrribut: value; } -------------------------------------------------------------------------------- /CSS-Grid/terminologi.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Grid Terminologi 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /CSS-Layouting/README.md: -------------------------------------------------------------------------------- 1 | untuk penjelasan pada bab CSS-Layouting ini bisa dilihat di setiap file css bagian masing masing komentarnya 2 | 3 | maaciww -------------------------------------------------------------------------------- /CSS-Layouting/absolute.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Absolute Position 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /CSS-Layouting/css/fixed-style.css: -------------------------------------------------------------------------------- 1 | body { 2 | height: 3000px; 3 | } 4 | 5 | div { 6 | width: 100%; 7 | height: 50px; 8 | background-color: black; 9 | position: fixed; 10 | top: 0px; 11 | right: 0px; 12 | } 13 | 14 | /* position fixed ini memungkinkan kita untuk meletakkan elemen ata menggerakkan elemen yg kita inginkan 15 | dan ketika kita scroll elemen tersebut tidak bergerak atau diam ditempat, contohnya seperti top bar di facebook */ -------------------------------------------------------------------------------- /CSS-Layouting/display.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Display 6 | 7 | 8 | 9 |

Ini adalah block

10 | sedangkan ini adalah inline 11 |

Ini adalah gabungan dari inline-block

12 | 13 | 14 | -------------------------------------------------------------------------------- /CSS-Layouting/fixed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Fixed Position 6 | 7 | 8 | 9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /CSS-Layouting/margin.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Margin 6 | 7 | 8 | 9 |
1
10 |
2
11 |
12 |
3
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /CSS-Layouting/relative.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Relative Position 6 | 7 | 8 | 9 |
10 |
11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /CSS-Layouting/static.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Position Static 6 | 7 | 8 | 9 |
10 |
11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /CSS3/animation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Animation 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /CSS3/border-radius.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Border Radius 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /CSS3/box-shadow-optional.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Box Shadow Optional Property 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /CSS3/box-shadow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Box Shadow 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /CSS3/filter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Filter 8 | 9 | 10 | 11 | Cat Memes 12 | 13 | 14 | -------------------------------------------------------------------------------- /CSS3/font-face.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Font Face 8 | 9 | 10 | 11 | 12 |

Hello, World!

13 | 14 | 15 | -------------------------------------------------------------------------------- /CSS3/linear-gradient.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Linear Gradient 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /CSS3/opacity.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Opacity 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /CSS3/radial-gradient.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Radial Gradient 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /CSS3/rgba-hsla.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | RGBA dan HSLA 6 | 7 | 8 | 9 | 10 |
11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /CSS3/text-shadow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Text Shadow 8 | 9 | 10 | 11 | 12 |
13 |

Text Shadow

14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Golang-Context/docs/Go-Lang Context.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Context/docs/Go-Lang Context.pdf -------------------------------------------------------------------------------- /Golang-Context/docs/Go-Lang Context.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Context/docs/Go-Lang Context.pptx -------------------------------------------------------------------------------- /Golang-Context/go.mod: -------------------------------------------------------------------------------- 1 | module golang-context 2 | 3 | go 1.23.5 4 | -------------------------------------------------------------------------------- /Golang-Dasar/.gitignore: -------------------------------------------------------------------------------- 1 | .idea -------------------------------------------------------------------------------- /Golang-Dasar/any.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func Ups() any { 6 | //return 1 7 | //return true 8 | return "Ups" 9 | } 10 | 11 | func main() { 12 | var kosong any = Ups() 13 | fmt.Println(kosong) 14 | } 15 | -------------------------------------------------------------------------------- /Golang-Dasar/array.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Dasar/array.zip -------------------------------------------------------------------------------- /Golang-Dasar/boolean.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | fmt.Println("Benar = ", true) 7 | fmt.Println("Salah = ", false) 8 | } 9 | -------------------------------------------------------------------------------- /Golang-Dasar/break.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | for i := 0; i < 10; i++ { 7 | if i == 5 { 8 | break 9 | } 10 | fmt.Println("Perulangan ke", i) 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Golang-Dasar/closure.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | counter := 0 7 | 8 | increment := func() { 9 | fmt.Println("Increment") 10 | counter++ 11 | } 12 | 13 | increment() 14 | increment() 15 | increment() 16 | 17 | fmt.Println(counter) 18 | } 19 | -------------------------------------------------------------------------------- /Golang-Dasar/comment.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | /* 4 | multiline comment 5 | multiline comment 6 | multiline comment 7 | multiline comment 8 | multiline comment 9 | multiline comment 10 | */ 11 | func main() { 12 | // this is single line comment 13 | } 14 | -------------------------------------------------------------------------------- /Golang-Dasar/constant.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | const ( 7 | firstName string = "Eko" 8 | lastName = "Khannedy" 9 | ) 10 | 11 | fmt.Println(firstName) 12 | fmt.Println(lastName) 13 | 14 | // error 15 | // firstName = "Budi" 16 | // lastName = "Joko" 17 | } 18 | -------------------------------------------------------------------------------- /Golang-Dasar/continue.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | for i := 0; i < 10; i++ { 7 | if i%2 == 0 { 8 | continue 9 | } 10 | fmt.Println("Perulangan ke", i) 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Golang-Dasar/conversion.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | var nilai32 int32 = 32768 7 | var nilai64 int64 = int64(nilai32) 8 | var nilai16 int16 = int16(nilai32) 9 | 10 | fmt.Println(nilai32) 11 | fmt.Println(nilai64) 12 | fmt.Println(nilai16) 13 | 14 | var name = "Eko Kurniawan" 15 | var e uint8 = name[0] 16 | var eString = string(e) 17 | 18 | fmt.Println(name) 19 | fmt.Println(e) 20 | fmt.Println(eString) 21 | } 22 | -------------------------------------------------------------------------------- /Golang-Dasar/database/mysql.go: -------------------------------------------------------------------------------- 1 | package database 2 | 3 | var connection string 4 | 5 | func init() { 6 | connection = "MySQL" 7 | } 8 | 9 | func GetDatabase() string { 10 | return connection 11 | } 12 | -------------------------------------------------------------------------------- /Golang-Dasar/defer.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func logging() { 6 | fmt.Println("Selesai memanggil function") 7 | } 8 | 9 | func runApplication() { 10 | defer logging() 11 | fmt.Println("Run application") 12 | } 13 | 14 | func main() { 15 | runApplication() 16 | } 17 | -------------------------------------------------------------------------------- /Golang-Dasar/docs/Go-Lang Dasar.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Dasar/docs/Go-Lang Dasar.pdf -------------------------------------------------------------------------------- /Golang-Dasar/docs/Go-Lang Dasar.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Dasar/docs/Go-Lang Dasar.pptx -------------------------------------------------------------------------------- /Golang-Dasar/error.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "errors" 5 | "fmt" 6 | ) 7 | 8 | func Pembagian(nilai int, pembagi int) (int, error) { 9 | if pembagi == 0 { 10 | return 0, errors.New("Pembagian Dengan NOL") 11 | } else { 12 | return nilai / pembagi, nil 13 | } 14 | } 15 | 16 | func main() { 17 | hasil, err := Pembagian(100, 0) 18 | if err == nil { 19 | fmt.Println("Hasil", hasil) 20 | } else { 21 | fmt.Println("Error", err.Error()) 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Golang-Dasar/function.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func sayHello() { 6 | fmt.Println("Hello") 7 | } 8 | 9 | func main() { 10 | sayHello() 11 | sayHello() 12 | sayHello() 13 | } 14 | -------------------------------------------------------------------------------- /Golang-Dasar/function_parameter.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func sayHelloTo(firstName string, lastName string) { 6 | fmt.Println("Hello", firstName, lastName) 7 | } 8 | 9 | func main() { 10 | sayHelloTo("Eko", "Khannedy") 11 | sayHelloTo("Budi", "Nugraha") 12 | } 13 | -------------------------------------------------------------------------------- /Golang-Dasar/function_return_value.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func getHello(name string) string { 6 | hello := "Hello " + name 7 | return hello 8 | } 9 | 10 | func main() { 11 | result := getHello("Eko") 12 | fmt.Println(result) 13 | 14 | fmt.Println(getHello("Budi")) 15 | fmt.Println(getHello("Joko")) 16 | } 17 | -------------------------------------------------------------------------------- /Golang-Dasar/function_value.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func getGoodBye(name string) string { 6 | return "Good Bye " + name 7 | } 8 | 9 | func main() { 10 | contoh := getGoodBye 11 | misal := getGoodBye 12 | 13 | fmt.Println(contoh("Eko")) 14 | fmt.Println(misal("Eko")) 15 | } 16 | -------------------------------------------------------------------------------- /Golang-Dasar/go.mod: -------------------------------------------------------------------------------- 1 | module belajar-golang-dasar 2 | 3 | go 1.21.3 4 | -------------------------------------------------------------------------------- /Golang-Dasar/helloworld.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | fmt.Println("Hello World") 7 | } 8 | -------------------------------------------------------------------------------- /Golang-Dasar/helper/helper.go: -------------------------------------------------------------------------------- 1 | package helper 2 | 3 | import "fmt" 4 | 5 | var version = "1.0.0" 6 | var Application = "golang" 7 | 8 | func sayGoodBye(name string) string { 9 | return "Good Bye " + name 10 | } 11 | 12 | func SayHello(name string) string { 13 | return "Hello " + name 14 | } 15 | 16 | func Contoh() { 17 | sayGoodBye("Eko") 18 | fmt.Println(version) 19 | } 20 | -------------------------------------------------------------------------------- /Golang-Dasar/if.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | name := "Kurniawan" 7 | 8 | if name == "Eko" { 9 | fmt.Println("Hello Eko") 10 | } else if name == "Budi" { 11 | fmt.Println("Hello Budi") 12 | } else if name == "Joko" { 13 | fmt.Println("Hello Joko") 14 | } else { 15 | fmt.Println("Hi, Boleh Kenalan?") 16 | } 17 | 18 | if length := len(name); length > 5 { 19 | fmt.Println("Nama terlalu panjang") 20 | } else { 21 | fmt.Println("Nama sudah benar") 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Golang-Dasar/import.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "belajar-golang-dasar/helper" 5 | "fmt" 6 | ) 7 | 8 | func main() { 9 | result := helper.SayHello("Eko") 10 | fmt.Println(result) 11 | 12 | fmt.Println(helper.Application) 13 | // fmt.Println(helper.version) // tidak bisa diakses 14 | // fmt.Println(helper.sayGoodBye("Eko")) // tidak bisa diakses 15 | } 16 | -------------------------------------------------------------------------------- /Golang-Dasar/init.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "belajar-golang-dasar/database" 5 | _ "belajar-golang-dasar/internal" 6 | "fmt" 7 | ) 8 | 9 | func main() { 10 | fmt.Println(database.GetDatabase()) 11 | } 12 | -------------------------------------------------------------------------------- /Golang-Dasar/internal/internal.go: -------------------------------------------------------------------------------- 1 | package internal 2 | 3 | import "fmt" 4 | 5 | func init() { 6 | fmt.Println("This is for internal") 7 | } 8 | -------------------------------------------------------------------------------- /Golang-Dasar/matematika.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | var a = 10 7 | var b = 10 8 | var d = 5 9 | var e = 2 10 | var c = a + b - d*e 11 | fmt.Println(c) 12 | 13 | var i = 10 14 | i += 10 // i = i + 10 15 | fmt.Println(i) 16 | 17 | i += 5 // i = i + 5 18 | fmt.Println(i) 19 | 20 | var j = 1 21 | j++ // j = j + 1 22 | fmt.Println(j) 23 | j++ // j = j + 1 24 | fmt.Println(j) 25 | 26 | j-- 27 | fmt.Println(j) 28 | j-- 29 | fmt.Println(j) 30 | } 31 | -------------------------------------------------------------------------------- /Golang-Dasar/named_return_values.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func getCompleteName() (firstName, middleName, lastName string) { 6 | firstName = "Eko" 7 | middleName = "Kurniawan" 8 | lastName = "Khannedy" 9 | 10 | return firstName, middleName, lastName 11 | } 12 | 13 | func main() { 14 | a, b, c := getCompleteName() 15 | fmt.Println(a, b, c) 16 | } 17 | -------------------------------------------------------------------------------- /Golang-Dasar/new.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | type Address struct { 6 | City, Province, Country string 7 | } 8 | 9 | func main() { 10 | var alamat1 *Address = new(Address) 11 | var alamat2 *Address = alamat1 12 | 13 | alamat2.Country = "Indonesia" 14 | 15 | fmt.Println(alamat1) 16 | fmt.Println(alamat2) 17 | } 18 | -------------------------------------------------------------------------------- /Golang-Dasar/nil.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func NewMap(name string) map[string]string { 6 | if name == "" { 7 | return nil 8 | } else { 9 | return map[string]string{ 10 | "name": name, 11 | } 12 | } 13 | } 14 | 15 | func main() { 16 | data := NewMap("Eko") 17 | 18 | if data == nil { 19 | fmt.Println("Data map masih kosong") 20 | } else { 21 | fmt.Println(data["name"]) 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Golang-Dasar/number.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | fmt.Println("Satu = ", 1) 7 | fmt.Println("Dua = ", 2) 8 | fmt.Println("Tiga koma lima = ", 3.5) 9 | } 10 | -------------------------------------------------------------------------------- /Golang-Dasar/operasi_boolean.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | var nilaiAkhir = 90 7 | var absensi = 81 8 | 9 | var lulusNilaiAkhir bool = nilaiAkhir > 80 10 | var lulusAbsensi bool = absensi > 80 11 | 12 | var lulus bool = lulusNilaiAkhir && lulusAbsensi 13 | 14 | fmt.Println(lulus) 15 | } 16 | -------------------------------------------------------------------------------- /Golang-Dasar/panic.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func endApp() { 6 | fmt.Println("End app") 7 | message := recover() 8 | fmt.Println("terjadi panic", message) 9 | } 10 | 11 | func runApp(error bool) { 12 | defer endApp() 13 | if error { 14 | panic("Ups Error") 15 | } 16 | } 17 | 18 | func main() { 19 | runApp(true) 20 | fmt.Println("Eko Kurniawan Khannedy") 21 | } 22 | -------------------------------------------------------------------------------- /Golang-Dasar/perbandingan.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | var name1 = "Eko" 7 | var name2 = "Eko" 8 | 9 | var result bool = name1 == name2 10 | 11 | fmt.Println(result) 12 | } 13 | -------------------------------------------------------------------------------- /Golang-Dasar/pointer_function.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | type Address struct { 6 | City, Province, Country string 7 | } 8 | 9 | func ChangeCountryToIndonesia(address *Address) { 10 | address.Country = "Indonesia" 11 | } 12 | 13 | func main() { 14 | var address Address = Address{} 15 | ChangeCountryToIndonesia(&address) 16 | 17 | fmt.Println(address) 18 | } 19 | -------------------------------------------------------------------------------- /Golang-Dasar/pointer_method.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | type Man struct { 6 | Name string 7 | } 8 | 9 | func (man *Man) Married() { 10 | man.Name = "Mr. " + man.Name 11 | } 12 | 13 | func main() { 14 | eko := Man{"Eko"} 15 | eko.Married() 16 | 17 | fmt.Println(eko.Name) 18 | } 19 | -------------------------------------------------------------------------------- /Golang-Dasar/return_multiple_values.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func getFullName() (string, string) { 6 | return "Eko", "Khannedy" 7 | } 8 | 9 | func main() { 10 | //firstName, lastName := getFullName() 11 | //fmt.Println(firstName, lastName) 12 | 13 | firstName, _ := getFullName() 14 | fmt.Println(firstName) 15 | } 16 | -------------------------------------------------------------------------------- /Golang-Dasar/sample.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | fmt.Println("This is sample file") 7 | } 8 | -------------------------------------------------------------------------------- /Golang-Dasar/string.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | fmt.Println("Eko") 7 | fmt.Println("Eko Kurniawan") 8 | fmt.Println("Eko Kurniawan Khannedy") 9 | 10 | fmt.Println(len("Eko")) 11 | fmt.Println("Eko Kurniawan"[0]) 12 | fmt.Println("Eko Kurniawan Khannedy"[1]) 13 | } 14 | -------------------------------------------------------------------------------- /Golang-Dasar/type_declaration.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | 7 | type NoKTP string 8 | 9 | var ktpEko NoKTP = "1111111111" 10 | 11 | var contoh string = "222222222" 12 | var contohKtp NoKTP = NoKTP(contoh) 13 | 14 | fmt.Println(ktpEko) 15 | fmt.Println(contohKtp) 16 | 17 | } 18 | -------------------------------------------------------------------------------- /Golang-Dasar/variable.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | name := "Eko Kurniawan" 7 | fmt.Println(name) 8 | 9 | name = "Eko Khannedy" 10 | fmt.Println(name) 11 | 12 | var ( 13 | firstName = "Eko" 14 | middleName = "Kurniawan" 15 | lastName = "Khannedy" 16 | ) 17 | 18 | fmt.Println(firstName) 19 | fmt.Println(middleName) 20 | fmt.Println(lastName) 21 | } 22 | -------------------------------------------------------------------------------- /Golang-Dasar/variadic_function.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func sumAll(numbers ...int) int { 6 | total := 0 7 | 8 | for _, number := range numbers { 9 | total += number 10 | } 11 | 12 | return total 13 | } 14 | 15 | func main() { 16 | fmt.Println(sumAll(10, 10, 10)) 17 | fmt.Println(sumAll(10, 10, 10, 10, 10, 10)) 18 | fmt.Println(sumAll(10, 10, 10, 10, 10, 10, 10, 10, 10)) 19 | 20 | numbers := []int{10, 10, 10, 10} 21 | fmt.Println(sumAll(numbers...)) 22 | } 23 | -------------------------------------------------------------------------------- /Golang-Goroutines/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Editor-based HTTP Client requests 5 | /httpRequests/ 6 | # Datasource local storage ignored files 7 | /dataSources/ 8 | /dataSources.local.xml 9 | -------------------------------------------------------------------------------- /Golang-Goroutines/.idea/golang-goroutines.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Golang-Goroutines/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Golang-Goroutines/atomic_test.go: -------------------------------------------------------------------------------- 1 | package golang_goroutines 2 | 3 | import ( 4 | "fmt" 5 | "sync" 6 | "sync/atomic" 7 | "testing" 8 | ) 9 | 10 | func TestAtomic(t *testing.T) { 11 | var x int64 = 0 12 | group := sync.WaitGroup{} 13 | 14 | for i := 1; i <= 1000; i++ { 15 | go func() { 16 | group.Add(1) 17 | for j := 1; j <= 100; j++ { 18 | atomic.AddInt64(&x, 1) 19 | } 20 | group.Done() 21 | }() 22 | } 23 | 24 | group.Wait() 25 | fmt.Println("x = ", x) 26 | } 27 | -------------------------------------------------------------------------------- /Golang-Goroutines/docs/Go-Lang Goroutines.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Goroutines/docs/Go-Lang Goroutines.pdf -------------------------------------------------------------------------------- /Golang-Goroutines/docs/Go-Lang Goroutines.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Goroutines/docs/Go-Lang Goroutines.pptx -------------------------------------------------------------------------------- /Golang-Goroutines/go.mod: -------------------------------------------------------------------------------- 1 | module golang-goroutines 2 | 3 | go 1.23.5 4 | -------------------------------------------------------------------------------- /Golang-Goroutines/once_test.go: -------------------------------------------------------------------------------- 1 | package golang_goroutines 2 | 3 | import ( 4 | "fmt" 5 | "sync" 6 | "testing" 7 | ) 8 | 9 | var counter = 0 10 | 11 | func OnlyOnce() { 12 | counter++ 13 | } 14 | 15 | func TestOnce(t *testing.T) { 16 | once := sync.Once{} 17 | group := sync.WaitGroup{} 18 | 19 | for i := 0; i < 10; i++ { 20 | go func() { 21 | group.Add(1) 22 | once.Do(OnlyOnce) 23 | defer group.Done() 24 | }() 25 | } 26 | 27 | group.Wait() 28 | fmt.Println(counter) 29 | } 30 | -------------------------------------------------------------------------------- /Golang-Goroutines/race_condition_test.go: -------------------------------------------------------------------------------- 1 | package golang_goroutines 2 | 3 | import ( 4 | "fmt" 5 | "testing" 6 | "time" 7 | ) 8 | 9 | func TestRaceCondition(t *testing.T) { 10 | x := 0 11 | 12 | for i := 1; i <= 1000; i++ { 13 | go func() { 14 | for j := 1; j <= 100; j++ { 15 | x++ 16 | } 17 | }() 18 | } 19 | 20 | time.Sleep(5 * time.Second) 21 | fmt.Println("x = ", x) 22 | } 23 | -------------------------------------------------------------------------------- /Golang-Goroutines/ticker_test.go: -------------------------------------------------------------------------------- 1 | package golang_goroutines 2 | 3 | import ( 4 | "fmt" 5 | "testing" 6 | "time" 7 | ) 8 | 9 | func TestTicker(t *testing.T) { 10 | ticker := time.NewTicker(1 * time.Second) 11 | 12 | go func() { 13 | time.Sleep(3 * time.Second) 14 | ticker.Stop() 15 | }() 16 | 17 | for tick := range ticker.C { 18 | fmt.Println("Tick ", tick, " ", time.Now()) 19 | } 20 | 21 | } 22 | -------------------------------------------------------------------------------- /Golang-Modules/app-say-hello/go.mod: -------------------------------------------------------------------------------- 1 | module github.com/JackBerck/app-say-hello 2 | 3 | go 1.23.5 4 | 5 | require github.com/JackBerck/go-say-hello/v2 v2.0.0 // indirect 6 | -------------------------------------------------------------------------------- /Golang-Modules/app-say-hello/main.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "fmt" 5 | "github.com/JackBerck/go-say-hello/v2" 6 | ) 7 | 8 | func main() { 9 | fmt.Println(go_say_hello.SayHello("Zaki")) 10 | } -------------------------------------------------------------------------------- /Golang-Modules/app-say-hello/tempCodeRunnerFile.go: -------------------------------------------------------------------------------- 1 | Zaki -------------------------------------------------------------------------------- /Golang-Modules/docs/Go-Lang Modules.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Modules/docs/Go-Lang Modules.pdf -------------------------------------------------------------------------------- /Golang-Modules/docs/Go-Lang Modules.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Modules/docs/Go-Lang Modules.pptx -------------------------------------------------------------------------------- /Golang-Standard-Library/docs/Go-Lang Standard Library.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Standard-Library/docs/Go-Lang Standard Library.pdf -------------------------------------------------------------------------------- /Golang-Standard-Library/docs/Go-Lang Standard Library.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Standard-Library/docs/Go-Lang Standard Library.pptx -------------------------------------------------------------------------------- /Golang-Standard-Library/fmt.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import "fmt" 4 | 5 | func main() { 6 | firstName := "John" 7 | lastName := "Doe" 8 | 9 | fmt.Println("Hello", firstName, lastName) 10 | fmt.Printf("Hello %s %s\n", firstName, lastName) 11 | } -------------------------------------------------------------------------------- /Golang-Standard-Library/go.mod: -------------------------------------------------------------------------------- 1 | module golang-standard-library 2 | 3 | go 1.23.5 4 | -------------------------------------------------------------------------------- /Golang-Standard-Library/os.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "fmt" 5 | "os" 6 | ) 7 | 8 | func main() { 9 | args := os.Args 10 | fmt.Println(args) 11 | for _, arg := range args { 12 | fmt.Println(arg) 13 | } 14 | 15 | hostname, err := os.Hostname() 16 | if err != nil { 17 | fmt.Println("Error:", err) 18 | return 19 | } 20 | fmt.Println("Hostname:", hostname) 21 | } -------------------------------------------------------------------------------- /Golang-Unit-Test/docs/Go-Lang Unit Test.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Unit-Test/docs/Go-Lang Unit Test.pdf -------------------------------------------------------------------------------- /Golang-Unit-Test/docs/Go-Lang Unit Test.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Golang-Unit-Test/docs/Go-Lang Unit Test.pptx -------------------------------------------------------------------------------- /Golang-Unit-Test/entity/category.go: -------------------------------------------------------------------------------- 1 | package entity 2 | 3 | type Category struct { 4 | Id string 5 | Name string 6 | } 7 | -------------------------------------------------------------------------------- /Golang-Unit-Test/go.mod: -------------------------------------------------------------------------------- 1 | module golang-unit-test 2 | 3 | go 1.23.5 4 | 5 | require ( 6 | github.com/davecgh/go-spew v1.1.1 // indirect 7 | github.com/pmezard/go-difflib v1.0.0 // indirect 8 | github.com/stretchr/objx v0.5.2 // indirect 9 | github.com/stretchr/testify v1.10.0 // indirect 10 | gopkg.in/yaml.v3 v3.0.1 // indirect 11 | ) 12 | -------------------------------------------------------------------------------- /Golang-Unit-Test/helper/hello_world.go: -------------------------------------------------------------------------------- 1 | package helper 2 | 3 | func HelloWorld(name string) string { 4 | return "Hello, " + name 5 | } 6 | -------------------------------------------------------------------------------- /Golang-Unit-Test/repository/category_repository.go: -------------------------------------------------------------------------------- 1 | package repository 2 | 3 | import "golang-unit-test/entity" 4 | 5 | type CategoryRepository interface { 6 | FindById(id string) *entity.Category 7 | } -------------------------------------------------------------------------------- /Golang-Unit-Test/repository/category_repository_mock.go: -------------------------------------------------------------------------------- 1 | package repository 2 | 3 | import ( 4 | "golang-unit-test/entity" 5 | 6 | "github.com/stretchr/testify/mock" 7 | ) 8 | 9 | type CategoryRepositoryMock struct { 10 | Mock mock.Mock 11 | } 12 | 13 | func (repository *CategoryRepositoryMock) FindById(id string) *entity.Category { 14 | arguments := repository.Mock.Called(id) 15 | if arguments.Get(0) == nil { 16 | return nil 17 | } 18 | 19 | return arguments.Get(0).(*entity.Category) 20 | } 21 | -------------------------------------------------------------------------------- /HTML/README.md: -------------------------------------------------------------------------------- 1 | untuk penjelasan pada bab HTML ini bisa dilihat di setiap file html bagian masing masing komentarnya 2 | 3 | maaciww -------------------------------------------------------------------------------- /HTML/hyperlink-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Latihan 8 tentang beberapa tag di hyperlink 2 5 | 6 | 7 |

Click here to back hyperlink-1.html

8 | 9 | 10 | -------------------------------------------------------------------------------- /JavaScript-DOM/Latihan/Color game/asset/BaksoSapi.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Latihan/Color game/asset/BaksoSapi.woff -------------------------------------------------------------------------------- /JavaScript-DOM/Latihan/Color game/asset/BaksoSapi.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Latihan/Color game/asset/BaksoSapi.woff2 -------------------------------------------------------------------------------- /JavaScript-DOM/Latihan/Color game/css/font-family.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Bakso Sapi'; 3 | src: url('../asset/BaksoSapi.woff2') format('woff2'), 4 | url('../asset/BaksoSapi.woff') format('woff'); 5 | font-weight: normal; 6 | font-style: normal; 7 | font-display: swap; 8 | } -------------------------------------------------------------------------------- /JavaScript-DOM/Prevent Default/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Prevent Default/1.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Prevent Default/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Prevent Default/2.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Prevent Default/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Prevent Default/3.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Prevent Default/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Prevent Default/4.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Traversal/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Traversal/1.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Traversal/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Traversal/2.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Traversal/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Traversal/3.jpg -------------------------------------------------------------------------------- /JavaScript-DOM/Traversal/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/JavaScript-DOM/Traversal/4.jpg -------------------------------------------------------------------------------- /JavaScript-Intro/Latihan/latihanAngkot1.js: -------------------------------------------------------------------------------- 1 | let jmlAngkot = 10; 2 | let noAngkot = 1; 3 | 4 | while(noAngkot <= jmlAngkot) { 5 | console.log('Angkot no.' + noAngkot + ' beroperasi dengan baik'); 6 | noAngkot++; 7 | } -------------------------------------------------------------------------------- /JavaScript-Intro/Latihan/latihanAngkot2.js: -------------------------------------------------------------------------------- 1 | let noAngkot = 1; 2 | let angkotBeroperasi = 6; 3 | let jmlAngkot = 10; 4 | 5 | while(noAngkot <= angkotBeroperasi) { 6 | console.log('Angkot no.' + noAngkot + ' beroperasi dengan baik'); 7 | noAngkot++; 8 | } 9 | 10 | for (noAngkot; noAngkot <= jmlAngkot; noAngkot++) { 11 | console.log('Angkot no.' + noAngkot + ' sedang tidak beroperasi'); 12 | } -------------------------------------------------------------------------------- /JavaScript-Intro/Latihan/latihanAngkot3.js: -------------------------------------------------------------------------------- 1 | let noAngkot = 1; 2 | let angkotBeroperasi = 6; 3 | let jmlAngkot = 10; 4 | 5 | for (noAngkot; noAngkot <= jmlAngkot; noAngkot++) { 6 | if (noAngkot <= angkotBeroperasi) { 7 | console.log('Angkot no.' + noAngkot + ' beroperasi dengan baik'); 8 | } else { 9 | console.log('Angkot no.' + noAngkot + ' sedang tidak beroperasi'); 10 | } 11 | } -------------------------------------------------------------------------------- /JavaScript-Intro/Menulis Javascript/eksternal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Eksternal Javascript 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /JavaScript-Intro/Operator/kondisional.js: -------------------------------------------------------------------------------- 1 | // operator kondisional ini merupakan operator ternary yang membutuhkan 3 operand 2 | 3 | // operator kondisional digunakan untuk melakukan pengecekkan pada sebuah kondisi dan menentukan sebuah nilai ysng dihasilkan ketikan kondisinya bernilai true atau false 4 | 5 | // (kondisi) ? true : false 6 | // jika kondisinya benar maka akan mengambil nilai yang ada di kiri, jika salah maka akan mengambil nilai yang ada di kanan 7 | 8 | // (x % 2 == 0) ? genap : ganjil -------------------------------------------------------------------------------- /JavaScript-Intro/Operator/logika.js: -------------------------------------------------------------------------------- 1 | // operator logika ini berfungsi untuk menentukan logika dari beberapa ekspresi yang nantinya digabungkan 2 | 3 | // ada 3 macam operator logika 4 | // 1. && (and/dan) 5 | // 2. || (or/atau) 6 | // 3. ! (not/tidak) 7 | 8 | // kalau and/dan semua ekspresinya harus benar(semua valuenya harus benar), sedangkan or/atau salah satu saja sudah benar(salah satu value benar), dan not/tidak penulisannya harus didepan untuk membalikkan nilai false menjadi true atau sebaliknya -------------------------------------------------------------------------------- /JavaScript-Intro/Operator/string.js: -------------------------------------------------------------------------------- 1 | // + penjumlahan memilliki 2 fungsi yaitu jika operandnya semuanya angka maka akan dijadikan aritmatika dan jika salah satunya string maka akan dijadikan operator string 2 | 3 | // 'apple ' + 'pen' akan menghasilkan apple pen 4 | // '10' + 10 + 10 menghasilkan 101010 5 | // 10 + '10' menghasilkan 1010 6 | // 10 + 20 + '10' menghasilkan 3010 7 | // dan lain lain -------------------------------------------------------------------------------- /JavaScript-Intro/Operator/typeof.js: -------------------------------------------------------------------------------- 1 | // operator typeof ini digunakan untuk mengetahui tipe data apa yang nantinya kita masukkan 2 | 3 | // typeof(operand) 4 | 5 | // operator typeof merupakan operator unary yang membutuhkan 1 operand 6 | 7 | // typeof(10) akan menghasilkan number 8 | // typeof('string') menghasilkan string 9 | // typeof(true) menghasilkan boolean -------------------------------------------------------------------------------- /JavaScript-Intro/POPUP BOX/gabungan.js: -------------------------------------------------------------------------------- 1 | alert('Assalamualaiku kak !'); 2 | var again = true; 3 | 4 | while(again) { 5 | var name = prompt('Masukkan nama anda kak :'); 6 | var age = prompt('Masukkan umur kakak juga :'); 7 | var birth = prompt('Tanggal lahir kakak berapa :'); 8 | alert('Nama kakak yaitu ' + name + ' umur kakak ' + age + ' dan tanggal lahir kakak adalah ' + birth); 9 | 10 | again = confirm('Mau lagi ?'); 11 | } 12 | 13 | alert('Terima kasih kak :)') -------------------------------------------------------------------------------- /JavaScript-Intro/Pengulangan/pengulanganDanPengkondisianBercabang.js: -------------------------------------------------------------------------------- 1 | // let a = ''; 2 | let a = ''; 3 | 4 | // for (let i = 0; i < 10; i++) { 5 | // a += '*' 6 | // } 7 | 8 | 9 | // for (let i = 0; i < 10; i++) { 10 | // for (let j = 0; j < i; j++) { 11 | // a += '*' 12 | // } 13 | // a += '\n' 14 | // } 15 | 16 | 17 | for (let i = 10; i >= 0; i--) { 18 | for (let j = 0; j <= i; j++) { 19 | a += '*'; 20 | } 21 | a += '\n'; 22 | } 23 | 24 | console.log(a); -------------------------------------------------------------------------------- /JavaScript-Intro/Pengulangan/tabelPenelusuran.js: -------------------------------------------------------------------------------- 1 | // tabel penelusuran atau disebut juga trace table atau dry-run test dimana kita nantinya bisa mengetahui perubahan dari variabel yang ada di dalam pengulangan kita 2 | 3 | // tabel penelusuran ini memeriksa bahwa konsisi variabel dalam pengulangan tersebut bersifat true sampai mencapai false baru selesai dan keluar dari pengulangan -------------------------------------------------------------------------------- /JavaScript-Lanjutan/Prototype/objectCreate.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Obejct.create 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /JavaScript-Lanjutan/Prototype/objectRevisited.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Object Revisited 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /JavaScript-Lanjutan/Prototype/prototype.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Prototype 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /JavaScript-Lanjutan/tailwind/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch" : "npx tailwindcss build -i ./src/input.css -o ./dist/output.css --watch" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC", 12 | "devDependencies": { 13 | "tailwindcss": "^3.3.5" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /JavaScript-Lanjutan/tailwind/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Cek Tailwind 7 | 8 | 9 | 10 |

11 | Hello world! 12 |

13 | 14 | -------------------------------------------------------------------------------- /JavaScript-Lanjutan/tailwind/src/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /JavaScript-Lanjutan/tailwind/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./src/**/*.{html,js}"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | } 9 | 10 | -------------------------------------------------------------------------------- /Laravel-11/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | indent_size = 4 7 | indent_style = space 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.{yml,yaml}] 15 | indent_size = 2 16 | 17 | [docker-compose.yml] 18 | indent_size = 4 19 | -------------------------------------------------------------------------------- /Laravel-11/.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto eol=lf 2 | 3 | *.blade.php diff=html 4 | *.css diff=css 5 | *.html diff=html 6 | *.md diff=markdown 7 | *.php diff=php 8 | 9 | /.github export-ignore 10 | CHANGELOG.md export-ignore 11 | .styleci.yml export-ignore 12 | -------------------------------------------------------------------------------- /Laravel-11/.gitignore: -------------------------------------------------------------------------------- 1 | /.phpunit.cache 2 | /node_modules 3 | /public/build 4 | /public/hot 5 | /public/storage 6 | /storage/*.key 7 | /vendor 8 | .env 9 | .env.backup 10 | .env.production 11 | .phpactor.json 12 | .phpunit.result.cache 13 | Homestead.json 14 | Homestead.yaml 15 | auth.json 16 | npm-debug.log 17 | yarn-error.log 18 | /.fleet 19 | /.idea 20 | /.vscode 21 | /.zed 22 | -------------------------------------------------------------------------------- /Laravel-11/app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | handleCommand(new ArgvInput); 14 | 15 | exit($status); 16 | -------------------------------------------------------------------------------- /Laravel-11/bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/bootstrap/providers.php: -------------------------------------------------------------------------------- 1 | 2 | {{ $title }} 3 |

Ini adalah halaman about

4 | 5 | -------------------------------------------------------------------------------- /Laravel-11/resources/views/components/header.blade.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

{{ $slot }}

4 |
5 |
6 | -------------------------------------------------------------------------------- /Laravel-11/resources/views/components/nav-link.blade.php: -------------------------------------------------------------------------------- 1 | @props(['active' => false]) 2 | 3 | {{ $slot }} 6 | -------------------------------------------------------------------------------- /Laravel-11/resources/views/home.blade.php: -------------------------------------------------------------------------------- 1 | 2 | {{ $title }} 3 |

Ini adalah halaman homepage

4 | 5 | -------------------------------------------------------------------------------- /Laravel-11/routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 8 | })->purpose('Display an inspiring quote')->hourly(); 9 | -------------------------------------------------------------------------------- /Laravel-11/storage/app/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !private/ 3 | !public/ 4 | !.gitignore 5 | -------------------------------------------------------------------------------- /Laravel-11/storage/app/private/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/storage/app/public/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/storage/framework/.gitignore: -------------------------------------------------------------------------------- 1 | compiled.php 2 | config.php 3 | down 4 | events.scanned.php 5 | maintenance.php 6 | routes.php 7 | routes.scanned.php 8 | schedule-* 9 | services.json 10 | -------------------------------------------------------------------------------- /Laravel-11/storage/framework/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !data/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /Laravel-11/storage/framework/cache/data/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/storage/framework/sessions/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/storage/framework/testing/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/storage/framework/views/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/storage/logs/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /Laravel-11/tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 16 | 17 | $response->assertStatus(200); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Laravel-11/tests/TestCase.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Laravel-11/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import laravel from 'laravel-vite-plugin'; 3 | 4 | export default defineConfig({ 5 | plugins: [ 6 | laravel({ 7 | input: ['resources/css/app.css', 'resources/js/app.js'], 8 | refresh: true, 9 | }), 10 | ], 11 | }); 12 | -------------------------------------------------------------------------------- /PHP-Dasar/10-insert-delete/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/10-insert-delete/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/10-insert-delete/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/11-update/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/11-update/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/11-update/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/12-searching/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/12-searching/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/12-searching/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/13-upload/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/13-upload/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/13-upload/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/13-upload/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/13-upload/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/13-upload/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/13-upload/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/14-registrasi/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/14-registrasi/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/14-registrasi/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/14-registrasi/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/14-registrasi/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/14-registrasi/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/14-registrasi/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/15-login/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/15-login/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/15-login/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/15-login/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/15-login/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/15-login/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/15-login/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/15-login/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/15-login/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/15-login/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/15-login/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/15-login/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/15-login/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/16-session/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/16-session/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/16-session/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/16-session/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/16-session/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/16-session/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/16-session/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/16-session/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/16-session/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/16-session/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/16-session/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/16-session/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/16-session/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/16-session/logout.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/18-pagination/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/18-pagination/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/18-pagination/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/18-pagination/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/18-pagination/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/18-pagination/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/18-pagination/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/19-live-search-ajax/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/19-live-search-ajax/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/19-live-search-ajax/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/19-live-search-ajax/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/19-live-search-ajax/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/19-live-search-ajax/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/19-live-search-ajax/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/assets/6699c0bc2d67a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/20-live-search-jquery/assets/6699c0bc2d67a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/assets/6699c1117d0e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/20-live-search-jquery/assets/6699c1117d0e4.jpg -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/assets/6699c1182d0b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/20-live-search-jquery/assets/6699c1182d0b6.jpg -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/assets/6699c11ecb71d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/20-live-search-jquery/assets/6699c11ecb71d.jpg -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/assets/6699c124ca00a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/20-live-search-jquery/assets/6699c124ca00a.jpg -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/20-live-search-jquery/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-Dasar/20-live-search-jquery/hapus.php: -------------------------------------------------------------------------------- 1 | 0) { 7 | echo " 8 | 12 | "; 13 | } else { 14 | echo "Gagal: " . mysqli_error($conn); 15 | } 16 | -------------------------------------------------------------------------------- /PHP-Dasar/9-php-mysql/assets/gambar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-Dasar/9-php-mysql/assets/gambar.jpg -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Indexes -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/config/config.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | nama; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/penjelasan.md: -------------------------------------------------------------------------------- 1 | Folder app digunakan sebagai tempat kita menampung keseluruhan kode program atau file utama 2 | 3 | --> controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 | Person Profile 3 |

Ini Adalah Halaman About

4 |

Hello , kamu kerjanya

5 |
-------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

3 |

Ini Adalah Halaman Page

4 |
-------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/public/images/person.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/10-Flash message/public/images/person.png -------------------------------------------------------------------------------- /PHP-MVC/10-Flash message/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | nama; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/app/penjelasan.md: -------------------------------------------------------------------------------- 1 | Folder app digunakan sebagai tempat kita menampung keseluruhan kode program atau file utama 2 | 3 | --> controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 | Person Profile 3 |

Ini Adalah Halaman About

4 |

Hello , kamu kerjanya

5 |
-------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

3 |

Ini Adalah Halaman Page

4 |
-------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/public/images/person.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/11-Delete data/public/images/person.png -------------------------------------------------------------------------------- /PHP-MVC/11-Delete data/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | nama; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/app/penjelasan.md: -------------------------------------------------------------------------------- 1 | Folder app digunakan sebagai tempat kita menampung keseluruhan kode program atau file utama 2 | 3 | --> controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 | Person Profile 3 |

Ini Adalah Halaman About

4 |

Hello , kamu kerjanya

5 |
-------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

3 |

Ini Adalah Halaman Page

4 |
-------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/public/images/person.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/12-Update and searching/public/images/person.png -------------------------------------------------------------------------------- /PHP-MVC/12-Update and searching/public/index.php: -------------------------------------------------------------------------------- 1 | controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/2-Persiapan/public/index.php: -------------------------------------------------------------------------------- 1 | controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/3-Routing/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/3-Routing/public/index.php: -------------------------------------------------------------------------------- 1 | controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/4-Controller/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/4-Controller/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/5-View/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/5-View/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |

Ini adalah halaman about

2 |

Hello , kamu kerjanya

-------------------------------------------------------------------------------- /PHP-MVC/5-View/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |

Ini adalah halaman page

-------------------------------------------------------------------------------- /PHP-MVC/5-View/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |

Selamat datang 👋😁

-------------------------------------------------------------------------------- /PHP-MVC/5-View/app/views/templates/footer.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /PHP-MVC/5-View/app/views/templates/header.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Halaman <?= $data["judul"]; ?> 8 | 9 | 10 | -------------------------------------------------------------------------------- /PHP-MVC/5-View/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/5-View/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/6-Assets/app/core/Constants.php: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/6-Assets/app/core/Constants.php -------------------------------------------------------------------------------- /PHP-MVC/6-Assets/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/6-Assets/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 |

Ini Adalah Halaman About

3 |

Hello , kamu kerjanya

4 |
-------------------------------------------------------------------------------- /PHP-MVC/6-Assets/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

Ini Adalah Halaman Page

3 |
-------------------------------------------------------------------------------- /PHP-MVC/6-Assets/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/6-Assets/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/6-Assets/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/controllers/Mahasiswa.php: -------------------------------------------------------------------------------- 1 | model('Mahasiswa_model')->getAllMahasiswa(); 9 | $this->view('templates/header', $data); 10 | $this->view('mahasiswa/index', $data); 11 | $this->view('templates/footer'); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/core/Constants.php: -------------------------------------------------------------------------------- 1 | nama; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/penjelasan.md: -------------------------------------------------------------------------------- 1 | Folder app digunakan sebagai tempat kita menampung keseluruhan kode program atau file utama 2 | 3 | --> controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 | Person Profile 3 |

Ini Adalah Halaman About

4 |

Hello , kamu kerjanya

5 |
-------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

3 |

Ini Adalah Halaman Page

4 |
-------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/7-Model/app/views/templates/footer.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /PHP-MVC/7-Model/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/7-Model/public/images/person.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/7-Model/public/images/person.png -------------------------------------------------------------------------------- /PHP-MVC/7-Model/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | nama; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/app/penjelasan.md: -------------------------------------------------------------------------------- 1 | Folder app digunakan sebagai tempat kita menampung keseluruhan kode program atau file utama 2 | 3 | --> controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 | Person Profile 3 |

Ini Adalah Halaman About

4 |

Hello , kamu kerjanya

5 |
-------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

3 |

Ini Adalah Halaman Page

4 |
-------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/public/images/person.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/8-Database wrapper/public/images/person.png -------------------------------------------------------------------------------- /PHP-MVC/8-Database wrapper/public/index.php: -------------------------------------------------------------------------------- 1 | view('templates/header', $data); 9 | $this->view('home/index'); 10 | $this->view('templates/footer'); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/app/core/Controller.php: -------------------------------------------------------------------------------- 1 | nama; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/app/penjelasan.md: -------------------------------------------------------------------------------- 1 | Folder app digunakan sebagai tempat kita menampung keseluruhan kode program atau file utama 2 | 3 | --> controllers digunakan untuk menyimpan controllers 4 | --> core untuk menyimpan kode inti program 5 | --> view berisi antarmuka yang akan disajikan 6 | --> models berisi sinkronisasi database 7 | -------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/app/views/about/index.php: -------------------------------------------------------------------------------- 1 |
2 | Person Profile 3 |

Ini Adalah Halaman About

4 |

Hello , kamu kerjanya

5 |
-------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/app/views/about/page.php: -------------------------------------------------------------------------------- 1 |
2 |

3 |

Ini Adalah Halaman Page

4 |
-------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/app/views/home/index.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Selamat Datang di Website Saya 👋😁

4 |

Ini adalah halaman utama dari website saya. Selamat menikmati konten yang ada!

5 |
6 |
-------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/public/.htaccess: -------------------------------------------------------------------------------- 1 | Options -Multiviews 2 | 3 | RewriteEngine On 4 | RewriteCond %{REQUEST_FILENAME} !-d 5 | RewriteCond %{REQUEST_FILENAME} !-f 6 | RewriteRule ^(.*)$ index.php?url=$1 [L] 7 | -------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/public/images/person.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/PHP-MVC/9-Insert data/public/images/person.png -------------------------------------------------------------------------------- /PHP-MVC/9-Insert data/public/index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Percobaan 2 - For Loop 7 | 8 | 9 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-4/percobaan-4/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Pemrograman-Web/Praktikum/pertemuan-4/percobaan-4/image.jpg -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-4/percobaan-4/image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Pemrograman-Web/Praktikum/pertemuan-4/percobaan-4/image2.jpg -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-5/percobaan-3/footer.php: -------------------------------------------------------------------------------- 1 | Ini adalah footer

"; 4 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-5/percobaan-3/header.php: -------------------------------------------------------------------------------- 1 | Google"; 4 | echo "Instagram"; 5 | echo "Twitter"; 6 | echo "Youtube"; 7 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-6/percobaan-1/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Pemrograman-Web/Praktikum/pertemuan-6/percobaan-1/image.png -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-6/percobaan-2/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Pemrograman-Web/Praktikum/pertemuan-6/percobaan-2/image.png -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-6/percobaan-2/koneksi.php: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-7/percobaan/delete.php: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-7/percobaan/koneksi.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-8/.idea/pertemuan-8.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Pemrograman-Web/Praktikum/pertemuan-8/latihan/koneksi.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Container 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Dasar/events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Events 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Dasar/hello-world.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hello World 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Dasar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + React 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Dasar/src/button/AllertButton.jsx: -------------------------------------------------------------------------------- 1 | export default function AllertButton({ text }) { 2 | const handleClick = (e) => { 3 | console.info(e.target); 4 | alert(text); 5 | }; 6 | return ; 7 | } 8 | -------------------------------------------------------------------------------- /React-Dasar/src/button/MyButton.jsx: -------------------------------------------------------------------------------- 1 | export default function MyButton({ text, onSmash }) { 2 | return ; 3 | } 4 | -------------------------------------------------------------------------------- /React-Dasar/src/button/Toolbar.jsx: -------------------------------------------------------------------------------- 1 | export default function Toolbar({ onClick }) { 2 | return ( 3 |
4 | 5 | 6 |
7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /React-Dasar/src/container/Container.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: aqua; 3 | } 4 | 5 | .exception { 6 | color: red; 7 | } -------------------------------------------------------------------------------- /React-Dasar/src/container/Container.jsx: -------------------------------------------------------------------------------- 1 | import "./Container.css"; 2 | 3 | export default function Container({children}) { 4 | return ( 5 |
6 |

Container

7 | {children} 8 |
9 |

Footer

10 |
11 |
12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /React-Dasar/src/container/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from "react"; 2 | import { createRoot } from "react-dom/client"; 3 | import Container from "./Container.jsx"; 4 | import HelloWorld from "../hello-world/HelloWorld.jsx"; 5 | 6 | createRoot(document.getElementById("root")).render( 7 | 8 | 9 | 10 | 11 | 12 | ); 13 | -------------------------------------------------------------------------------- /React-Dasar/src/events/Events.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/React-Dasar/src/events/Events.jsx -------------------------------------------------------------------------------- /React-Dasar/src/form/SearchForm.jsx: -------------------------------------------------------------------------------- 1 | export default function SearchForm() { 2 | const handleSubmit = (e) => { 3 | e.preventDefault(); 4 | console.info("Form submitted"); 5 | }; 6 | return ( 7 |
8 | 9 | 10 |
11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /React-Dasar/src/hello-world/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from "react"; 2 | import { createRoot } from "react-dom/client"; 3 | import HelloWorld from "./HelloWorld.jsx"; 4 | 5 | createRoot(document.getElementById("root")).render( 6 | 7 | 8 | 9 | ); 10 | -------------------------------------------------------------------------------- /React-Dasar/src/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import './index.css' 4 | import App from './App.jsx' 5 | 6 | createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /React-Dasar/src/table/Row.jsx: -------------------------------------------------------------------------------- 1 | export default function Table({ id, text }) { 2 | return ( 3 | 4 | {id} 5 | {text} 6 | 7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /React-Dasar/src/table/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react' 2 | import { createRoot } from 'react-dom/client' 3 | import Table from './Table' 4 | 5 | createRoot(document.getElementById('root')).render( 6 | 7 | 8 | , 9 | ) 10 | -------------------------------------------------------------------------------- /React-Dasar/src/todolist/Todo.jsx: -------------------------------------------------------------------------------- 1 | export default function Todo({ text, isCompleted, isDeleted = false }) { 2 | if (isDeleted) { 3 | return null; 4 | } else { 5 | return
  • {text} {isCompleted && "✅"}
    • ; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /React-Dasar/src/todolist/main.jsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from "react"; 2 | import { createRoot } from "react-dom/client"; 3 | import Container from "../container/Container"; 4 | import HelloWorld from "../hello-world/HelloWorld"; 5 | import TodoList from "./TodoList"; 6 | 7 | createRoot(document.getElementById("root")).render( 8 | 9 | 10 | 11 | 12 | 13 | 14 | ); 15 | -------------------------------------------------------------------------------- /React-Dasar/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Table 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Dasar/todolist.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Todolist 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Redux/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /React-Redux/README.md: -------------------------------------------------------------------------------- 1 | # React + Vite 2 | 3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. 4 | 5 | Currently, two official plugins are available: 6 | 7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh 8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh 9 | -------------------------------------------------------------------------------- /React-Redux/docs/ReactJS Redux.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/React-Redux/docs/ReactJS Redux.pdf -------------------------------------------------------------------------------- /React-Redux/docs/ReactJS Redux.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/React-Redux/docs/ReactJS Redux.pptx -------------------------------------------------------------------------------- /React-Redux/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + React 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Redux/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /React-Router/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /React-Router/README.md: -------------------------------------------------------------------------------- 1 | # React + Vite 2 | 3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. 4 | 5 | Currently, two official plugins are available: 6 | 7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh 8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh 9 | -------------------------------------------------------------------------------- /React-Router/docs/ReactJS Router.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/React-Router/docs/ReactJS Router.pdf -------------------------------------------------------------------------------- /React-Router/docs/ReactJS Router.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/React-Router/docs/ReactJS Router.pptx -------------------------------------------------------------------------------- /React-Router/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + React 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React-Router/src/About.jsx: -------------------------------------------------------------------------------- 1 | export default function About() { 2 | return ( 3 |
    4 |

    About

    5 |

    Welcome to the About page!

    6 |
    7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /React-Router/src/Customer.jsx: -------------------------------------------------------------------------------- 1 | export default function Customer() { 2 | return ( 3 |
    4 |

    Customer

    5 |

    Welcome to the Customer page!

    6 |
    7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /React-Router/src/Data.jsx: -------------------------------------------------------------------------------- 1 | export default function Data() { 2 | return ( 3 |
    4 |

    Data

    5 |

    6 | This is the data page. Click on the links above to see the data for 7 | products, sellers, and customers. 8 |

    9 |
    10 | ); 11 | } 12 | -------------------------------------------------------------------------------- /React-Router/src/Home.jsx: -------------------------------------------------------------------------------- 1 | import { useNavigate } from "react-router"; 2 | 3 | export default function Home() { 4 | const navigate = useNavigate(); 5 | 6 | function handleClick() { 7 | navigate({ 8 | pathname: "/data", 9 | }); 10 | } 11 | 12 | return ( 13 |
    14 |

    Home

    15 |

    Welcome to the Home page!

    16 | 17 |
    18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /React-Router/src/Image.jsx: -------------------------------------------------------------------------------- 1 | import { useParams } from "react-router"; 2 | 3 | export default function Images() { 4 | const params = useParams(); 5 | 6 | return ( 7 |
    8 |

    Image

    9 |

    10 | This is the Image page for {params["*"]}. Click on the links above to 11 | see the data for image. 12 |

    13 |
    14 | ); 15 | } 16 | -------------------------------------------------------------------------------- /React-Router/src/NotFound.jsx: -------------------------------------------------------------------------------- 1 | import { useParams } from "react-router"; 2 | 3 | export default function NotFound() { 4 | const { "*": path } = useParams(); 5 | 6 | return ( 7 |
    8 |

    404 Not Found

    9 |

    Sorry, the page you are looking for does not exist: {path}

    10 |
    11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /React-Router/src/Product.jsx: -------------------------------------------------------------------------------- 1 | export default function Product() { 2 | return ( 3 |
    4 |

    Product

    5 |

    Welcome to the Product page!

    6 |
    7 | ); 8 | } -------------------------------------------------------------------------------- /React-Router/src/ProductDetail.jsx: -------------------------------------------------------------------------------- 1 | import { useParams } from "react-router"; 2 | 3 | export default function ProductDetail() { 4 | const { id } = useParams(); 5 | 6 | return ( 7 |
    8 |

    Product Detail

    9 |

    10 | This is the Product Detail page for id {id}. Click on the links above to 11 | see the data for product. 12 |

    13 |
    14 | ); 15 | } 16 | -------------------------------------------------------------------------------- /React-Router/src/Seller.jsx: -------------------------------------------------------------------------------- 1 | export default function Seller() { 2 | return ( 3 |
    4 |

    Seller

    5 |

    Welcome to the Seller page!

    6 |
    7 | ); 8 | } -------------------------------------------------------------------------------- /React-Router/src/data.css: -------------------------------------------------------------------------------- 1 | a.active { 2 | color: red; 3 | background-color: #fff; 4 | border-color: #fff; 5 | } -------------------------------------------------------------------------------- /React-Router/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /Svelte-Dasar/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /Svelte-Dasar/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["svelte.svelte-vscode"] 3 | } 4 | -------------------------------------------------------------------------------- /Svelte-Dasar/article.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Article Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/auto-counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Auto Counter Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Blog Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/box.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Box Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/context-counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Context Counter Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Counter Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/docs/Svelte Dasar.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Svelte-Dasar/docs/Svelte Dasar.pdf -------------------------------------------------------------------------------- /Svelte-Dasar/docs/Svelte Dasar.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Svelte-Dasar/docs/Svelte Dasar.pptx -------------------------------------------------------------------------------- /Svelte-Dasar/global-counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Global Counter Svelte 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/hello.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Hello Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Svelte 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/mouse.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Mouse Svelte 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pzn-svelte-dasar", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "@sveltejs/vite-plugin-svelte": "^5.0.3", 13 | "svelte": "^5.20.2", 14 | "vite": "^6.2.0" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Svelte-Dasar/say-hello.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Say Hello Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/ContextCounterApp.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 |

    Context Counter App

    10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/GlobalCounterApp.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/StoreCounterApp.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/article.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import Article from "./lib/Article.svelte"; 4 | 5 | const app = mount(Article, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/auto-counter.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import AutoCounter from "./lib/AutoCounter.svelte"; 4 | 5 | const app = mount(AutoCounter, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/blog.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import Blog from "./lib/Blog.svelte"; 4 | 5 | const app = mount(Blog, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/box.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import Box from "./lib/Box.svelte"; 4 | 5 | const app = mount(Box, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/context-counter.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import ContextCounterApp from "./ContextCounterApp.svelte"; 4 | 5 | const app = mount(ContextCounterApp, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/counter.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import Counter from "./lib/Counter.svelte"; 4 | 5 | const app = mount(Counter, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/global-counter.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import GlobalCounterApp from "./GlobalCounterApp.svelte"; 4 | 5 | const app = mount(GlobalCounterApp, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/hello.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import HelloSvelte from "./lib/HelloSvelte.svelte"; 4 | 5 | const app = mount(HelloSvelte, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/AutoCounter.svelte: -------------------------------------------------------------------------------- 1 | 16 | 17 |

    {counter}

    18 | 19 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/ContextCounter.svelte: -------------------------------------------------------------------------------- 1 | 10 | 11 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/GlobalCounter.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 | 11 |

    {counter.count}

    12 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/HelloSvelte.svelte: -------------------------------------------------------------------------------- 1 | 9 | 10 |

    Hello {name.toUpperCase()}

    11 | 12 | {@html content} 13 | 14 | 19 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/Layout.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    {title}

    6 | 7 | {@render content()} 8 | 9 |
    {footer}
    -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/Logo.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 | Svelte logo 7 | 8 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/Mouse.svelte: -------------------------------------------------------------------------------- 1 | 14 | 15 | 16 | 17 | x: {mouse.x}, y: {mouse.y} 18 | 19 |

    20 | x: {mouse.x}, y: {mouse.y} 21 |

    22 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/SayHello.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 10 | 11 |

    Hello {fullName.firstName} {fullName.lastName}

    12 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/StoreCounter.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 | 12 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/Time.svelte: -------------------------------------------------------------------------------- 1 | 14 | 15 |

    Current time:

    16 | 17 |

    It is currently

    18 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/Todo.svelte: -------------------------------------------------------------------------------- 1 | 12 | 13 | {#if done} 14 |     15 | 16 | 17 | {:else} 18 | 19 | 20 | 21 | {/if} 22 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/lib/UserRow.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/main.js: -------------------------------------------------------------------------------- 1 | import { mount } from 'svelte' 2 | import './app.css' 3 | import App from './App.svelte' 4 | 5 | const app = mount(App, { 6 | target: document.getElementById('app'), 7 | }) 8 | 9 | export default app 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/mouse.js: -------------------------------------------------------------------------------- 1 | import { mount } from 'svelte' 2 | import './app.css' 3 | import Mouse from './lib/Mouse.svelte' 4 | 5 | const app = mount(Mouse, { 6 | target: document.getElementById('app'), 7 | }) 8 | 9 | export default app 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/say-hello.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import SayHello from "./lib/SayHello.svelte"; 4 | 5 | const app = mount(SayHello, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/state/counter.js: -------------------------------------------------------------------------------- 1 | import { writable } from "svelte/store"; 2 | 3 | export const counter = writable(0); 4 | counter.subscribe(() => console.log(counter)); 5 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/state/counter.svelte.js: -------------------------------------------------------------------------------- 1 | export const counter = $state({ 2 | count: 0, 3 | }); 4 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/store-counter.js: -------------------------------------------------------------------------------- 1 | import { mount } from 'svelte' 2 | import './app.css' 3 | import StoreCounterApp from './StoreCounterApp.svelte' 4 | 5 | const app = mount(StoreCounterApp, { 6 | target: document.getElementById('app'), 7 | }) 8 | 9 | export default app 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/student.js: -------------------------------------------------------------------------------- 1 | import { mount } from 'svelte' 2 | import './app.css' 3 | import Student from './lib/Student.svelte' 4 | 5 | const app = mount(Student, { 6 | target: document.getElementById('app'), 7 | }) 8 | 9 | export default app 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/time.js: -------------------------------------------------------------------------------- 1 | import { mount } from 'svelte' 2 | import './app.css' 3 | import Time from './lib/Time.svelte' 4 | 5 | const app = mount(Time, { 6 | target: document.getElementById('app'), 7 | }) 8 | 9 | export default app 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/todo.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import TodoApp from "./TodoApp.svelte"; 4 | 5 | const app = mount(TodoApp, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/user.js: -------------------------------------------------------------------------------- 1 | import { mount } from "svelte"; 2 | import "./app.css"; 3 | import UserApp from "./UserApp.svelte"; 4 | 5 | const app = mount(UserApp, { 6 | target: document.getElementById("app"), 7 | }); 8 | 9 | export default app; 10 | -------------------------------------------------------------------------------- /Svelte-Dasar/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /Svelte-Dasar/store-counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Store Counter Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/student.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Student Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | // Consult https://svelte.dev/docs#compile-time-svelte-preprocess 5 | // for more information about preprocessors 6 | preprocess: vitePreprocess(), 7 | } 8 | -------------------------------------------------------------------------------- /Svelte-Dasar/time.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Time Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/todo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Todo Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-Dasar/user.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | User Svelte 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | # Output 4 | .output 5 | .vercel 6 | .netlify 7 | .wrangler 8 | /.svelte-kit 9 | /build 10 | 11 | # OS 12 | .DS_Store 13 | Thumbs.db 14 | 15 | # Env 16 | .env 17 | .env.* 18 | !.env.example 19 | !.env.test 20 | 21 | # Vite 22 | vite.config.js.timestamp-* 23 | vite.config.ts.timestamp-* 24 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/.npmrc: -------------------------------------------------------------------------------- 1 | engine-strict=true 2 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/.prettierignore: -------------------------------------------------------------------------------- 1 | # Package Managers 2 | package-lock.json 3 | pnpm-lock.yaml 4 | yarn.lock 5 | bun.lock 6 | bun.lockb 7 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "singleQuote": true, 4 | "trailingComma": "none", 5 | "printWidth": 100, 6 | "plugins": [ 7 | "prettier-plugin-svelte", 8 | "prettier-plugin-tailwindcss" 9 | ], 10 | "overrides": [ 11 | { 12 | "files": "*.svelte", 13 | "options": { 14 | "parser": "svelte" 15 | } 16 | } 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/docs/Svelte Kit.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Svelte-SvelteKit/docs/Svelte Kit.pdf -------------------------------------------------------------------------------- /Svelte-SvelteKit/docs/Svelte Kit.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Svelte-SvelteKit/docs/Svelte Kit.pptx -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/app.css: -------------------------------------------------------------------------------- 1 | @import 'tailwindcss'; 2 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://svelte.dev/docs/kit/types#app.d.ts 2 | // for information about these interfaces 3 | declare global { 4 | namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface PageState {} 9 | // interface Platform {} 10 | } 11 | } 12 | 13 | export {}; 14 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | %sveltekit.head% 8 | 9 | 10 |
    %sveltekit.body%
    11 | 12 | 13 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/hooks.client.js: -------------------------------------------------------------------------------- 1 | export async function init() { 2 | console.info('Client init'); 3 | } 4 | 5 | export async function handleError(params) { 6 | console.error('Ups', params); 7 | } 8 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/hooks.js: -------------------------------------------------------------------------------- 1 | import { redirect } from '@sveltejs/kit'; 2 | 3 | export async function handle({ event, resolve }) { 4 | if (event.url.pathname === '/home') { 5 | throw redirect(307, '/id/home'); 6 | } 7 | 8 | return resolve(event); 9 | } 10 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/lib/components/Counter.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/lib/index.ts: -------------------------------------------------------------------------------- 1 | // place files you want to import through the `$lib` alias in this folder. 2 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/lib/server/database.js: -------------------------------------------------------------------------------- 1 | import { DB_HOST, DB_PORT } from "$env/static/private"; 2 | 3 | export function connect() { 4 | console.info(`Connecting to database: ${DB_HOST} ${DB_PORT}`); 5 | } -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/params/lang.js: -------------------------------------------------------------------------------- 1 | export function match(lang) { 2 | const value = lang || 'id'; 3 | 4 | return ["en", "id", "es", "fr"].includes(value); 5 | } -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/+layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Svelte-SvelteKit/src/routes/(default)/+layout.js -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/[[lang=lang]]/home/+page.js: -------------------------------------------------------------------------------- 1 | export async function load({ params }) { 2 | const lang = params.lang; 3 | 4 | const hello = { 5 | en: 'Hello', 6 | id: 'Halo', 7 | es: 'Hola', 8 | fr: 'Bonjour' 9 | }; 10 | 11 | return { 12 | hello: hello[lang] 13 | }; 14 | } 15 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/[[lang=lang]]/home/+page.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    {data.hello}

    -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/api/users/login/+server.js: -------------------------------------------------------------------------------- 1 | import { json } from '@sveltejs/kit'; 2 | 3 | export async function POST({ request, cookies }) { 4 | const body = await request.json(); 5 | 6 | cookies.set('user', body.user, { 7 | path: '/' 8 | }); 9 | 10 | return json( 11 | { 12 | user: body.user 13 | }, 14 | { 15 | status: 200 16 | } 17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/counter/+page.js: -------------------------------------------------------------------------------- 1 | export const prerender = true; 2 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/counter/+page.server.js: -------------------------------------------------------------------------------- 1 | import { building } from '$app/environment'; 2 | import { connect } from '$lib/server/database'; 3 | 4 | if (!building) { 5 | connect(); 6 | } 7 | 8 | export async function load() { 9 | return {}; 10 | } 11 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/counter/+page.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/files/[...file]/+page.js: -------------------------------------------------------------------------------- 1 | export async function load({ params }) { 2 | const file = params.file; 3 | 4 | return { 5 | file: file 6 | } 7 | } -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/files/[...file]/+page.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | {data.file} -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/navigation/+page.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 |

    Navigation

    8 | 9 |
    10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/+layout.js: -------------------------------------------------------------------------------- 1 | export function load() { 2 | return { 3 | date: new Date() 4 | }; 5 | } 6 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/+layout.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    Time {data.date}

    6 | {@render children()} 7 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/+page.js: -------------------------------------------------------------------------------- 1 | export function load() { 2 | return { 3 | products: ['1', '2', '3'] 4 | }; 5 | } 6 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/+page.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 |
      13 | {#each data.products as product} 14 |
    • {product}
      • 15 | {/each} 16 |
    17 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/[id]/+error.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    Error: {page.status}

    6 | 7 |

    Message: {page.error?.message}

    -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/[id]/+page.js: -------------------------------------------------------------------------------- 1 | import { error } from '@sveltejs/kit'; 2 | 3 | export async function load({ params, fetch }) { 4 | const response = await fetch(`/api/products/${params.id}.json`); 5 | 6 | if(!response.ok) { 7 | error (404, { 8 | message: 'Product not found', 9 | }) 10 | } 11 | 12 | return await response.json(); 13 | } 14 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/products/[id]/+page.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 | Back to products 13 | 14 |

    {data.name}

    15 |

    {data.description}

    16 |

    Price: ${data.price}

    17 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/+layout.server.js: -------------------------------------------------------------------------------- 1 | import { redirect } from "@sveltejs/kit"; 2 | 3 | export function load({cookies}) { 4 | const user = cookies.get('user'); 5 | 6 | if (!user) { 7 | throw redirect(302, '/users/login'); 8 | } 9 | 10 | return { 11 | user: user 12 | }; 13 | } -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/+layout.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 11 | 12 | {@render children()} 13 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/address/+page.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    Address {data.user}

    -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/user/+page.js: -------------------------------------------------------------------------------- 1 | export function load() { 2 | return { 3 | user: 'Zaki', 4 | name: 'Zaki Alfian', 5 | email: 'zaki@gmail.com' 6 | }; 7 | } 8 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/user/+page.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    User

    6 | 7 |

    Username: {data.user}

    8 |

    Email: {data.name}

    9 |

    Email: {data.email}

    -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/wallet/+page.js: -------------------------------------------------------------------------------- 1 | export async function load({parent}) { 2 | const data = await parent(); 3 | 4 | return { 5 | wallet: `Wallet ${data.user}`, 6 | balance: 1000, 7 | } 8 | } -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/profile/wallet/+page.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    {data.user}

    6 |

    {data.wallet}

    7 |

    {data.balance}

    8 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/todos/+page.js: -------------------------------------------------------------------------------- 1 | export async function load({ data }) { 2 | return { 3 | todos: ["From client", ...data.todos], 4 | }; 5 | } 6 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/users/+error.svelte: -------------------------------------------------------------------------------- 1 |

    Unauthorized

    2 | 3 |

    You are not authorized to view this page.

    4 | 5 | Login -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/users/dashboard/+page.js: -------------------------------------------------------------------------------- 1 | export async function load({ fetch }) { 2 | const response = await fetch('/api/users/current'); 3 | 4 | if (!response.ok) { 5 | throw new Error(response.statusText); 6 | } 7 | 8 | const body = await response.json(); 9 | 10 | return { 11 | user: body.user 12 | }; 13 | } 14 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(default)/users/login/+page.server.js: -------------------------------------------------------------------------------- 1 | import { redirect } from '@sveltejs/kit'; 2 | 3 | export async function load({ cookies, url }) { 4 | const user = url.searchParams.get('user'); 5 | 6 | if (user) { 7 | cookies.set('user', user, { 8 | path: '/' 9 | }); 10 | } 11 | 12 | if (cookies.get('user')) { 13 | throw redirect(302, '/users/dashboard'); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(guest)/+layout.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | Guest Layout 9 | 10 | 16 | 17 | 18 |

    Hi Guest

    19 | 20 | {@render children()} 21 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(guest)/a/+layout.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    Ini layout A

    6 | {@render children()} -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(guest)/a/b/+layout.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

    Ini layout B

    6 | {@render children()} -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(guest)/a/b/c/+page@(guest).svelte: -------------------------------------------------------------------------------- 1 |

    Ini ngikut layout (guest)

    -------------------------------------------------------------------------------- /Svelte-SvelteKit/src/routes/(guest)/about/+page.svelte: -------------------------------------------------------------------------------- 1 |

    Welcome

    2 | 3 |

    This is the about page.

    4 |

    It is a child of the guest layout.

    -------------------------------------------------------------------------------- /Svelte-SvelteKit/static/api/products/1.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": 1, 3 | "name": "Product 1", 4 | "description": "Description for Product 1", 5 | "price": 19.99 6 | } 7 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/static/api/products/2.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": 2, 3 | "name": "Product 2", 4 | "description": "This is the second product in our catalog. It offers great value and quality.", 5 | "price": 29.99 6 | } 7 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/static/api/products/3.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": 3, 3 | "name": "Product 3", 4 | "description": "This is the description for Product 3.", 5 | "price": 29.99 6 | } 7 | -------------------------------------------------------------------------------- /Svelte-SvelteKit/static/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/Svelte-SvelteKit/static/favicon.png -------------------------------------------------------------------------------- /Svelte-SvelteKit/vite.config.ts: -------------------------------------------------------------------------------- 1 | import tailwindcss from '@tailwindcss/vite'; 2 | import { sveltekit } from '@sveltejs/kit/vite'; 3 | import { defineConfig } from 'vite'; 4 | 5 | export default defineConfig({ 6 | plugins: [tailwindcss(), sveltekit()] 7 | }); 8 | -------------------------------------------------------------------------------- /assets/CSS-Dasar/images/grx.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/CSS-Dasar/images/grx.jpg -------------------------------------------------------------------------------- /assets/CSS-Dasar/images/gry.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/CSS-Dasar/images/gry.jpg -------------------------------------------------------------------------------- /assets/CSS-Dasar/images/mflower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/CSS-Dasar/images/mflower.png -------------------------------------------------------------------------------- /assets/CSS3/fonts/VT323/VT323-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/CSS3/fonts/VT323/VT323-Regular.ttf -------------------------------------------------------------------------------- /assets/CSS3/images/vector.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/CSS3/images/vector.jpg -------------------------------------------------------------------------------- /assets/HTML/images/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/HTML/images/image.jpg -------------------------------------------------------------------------------- /assets/dokumentasi-lama.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/dokumentasi-lama.png -------------------------------------------------------------------------------- /assets/images/osama-bin-laden.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackBerck/code-documentation/9411a1c438433335827f0d9612aa1fc4dcc1b887/assets/images/osama-bin-laden.png --------------------------------------------------------------------------------
    {id}{name} - {imoji}{id}{name} - {imoji}
    {id}{name}{address}