diff --git a/css/css bg/download.jpg b/css/css bg/download.jpg new file mode 100644 index 0000000..1b92cd1 Binary files /dev/null and b/css/css bg/download.jpg differ diff --git a/css/css bg/index.html b/css/css bg/index.html new file mode 100644 index 0000000..c67cd5e --- /dev/null +++ b/css/css bg/index.html @@ -0,0 +1,22 @@ + + + + + + + Document + + + +

Contoh

+ + + \ No newline at end of file diff --git a/css/css border/color.html b/css/css border/color.html new file mode 100644 index 0000000..33db8cb --- /dev/null +++ b/css/css border/color.html @@ -0,0 +1,28 @@ + + + + + + + Document + + + +

violet

+

red

+

blue

+ + \ No newline at end of file diff --git a/css/css border/index.html b/css/css border/index.html new file mode 100644 index 0000000..3e56752 --- /dev/null +++ b/css/css border/index.html @@ -0,0 +1,36 @@ + + + + + + + Document + + + +

border dot

+

border dash

+

border solid solid solid

+

border double

+

border grove

+

border ridge

+

border inset

+

border outset

+

border none

+ +

border mix

+ + \ No newline at end of file diff --git a/css/css border/rounded.html b/css/css border/rounded.html new file mode 100644 index 0000000..fb7dbd1 --- /dev/null +++ b/css/css border/rounded.html @@ -0,0 +1,18 @@ + + + + + + + Document + + + +

rounded

+ + \ No newline at end of file diff --git a/css/css border/short.html b/css/css border/short.html new file mode 100644 index 0000000..248a3b2 --- /dev/null +++ b/css/css border/short.html @@ -0,0 +1,17 @@ + + + + + + + Document + + + +

border

+ + \ No newline at end of file diff --git a/css/css border/sides.html b/css/css border/sides.html new file mode 100644 index 0000000..510d53f --- /dev/null +++ b/css/css border/sides.html @@ -0,0 +1,17 @@ + + + + + + + Document + + + +

4 style

+ + \ No newline at end of file diff --git a/css/css border/width.html b/css/css border/width.html new file mode 100644 index 0000000..d4f5fcb --- /dev/null +++ b/css/css border/width.html @@ -0,0 +1,25 @@ + + + + + + + Document + + + +

border 4px

+

border medium

+

border thick

+ + \ No newline at end of file diff --git a/css/css color/index.html b/css/css color/index.html new file mode 100644 index 0000000..99590a9 --- /dev/null +++ b/css/css color/index.html @@ -0,0 +1,11 @@ + + + + Document + + +

Hello world

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque odit esse laborum, at incidunt quidem eum quibusdam quaerat libero reprehenderit iusto fuga harum illo, perspiciatis optio sapiente quae quisquam beatae.

+ + \ No newline at end of file diff --git a/css/css home/index.html b/css/css home/index.html new file mode 100644 index 0000000..afcd0dd --- /dev/null +++ b/css/css home/index.html @@ -0,0 +1,26 @@ + + + + + + + Document + + + +

contoh

+

contoh 2

+ + \ No newline at end of file diff --git a/css/css how to/index.html b/css/css how to/index.html new file mode 100644 index 0000000..df838eb --- /dev/null +++ b/css/css how to/index.html @@ -0,0 +1,22 @@ + + + + + + + Document + + + + +

css external

+

css internal

+

css inline

+ + \ No newline at end of file diff --git a/css/css how to/style.css b/css/css how to/style.css new file mode 100644 index 0000000..1126a38 --- /dev/null +++ b/css/css how to/style.css @@ -0,0 +1,5 @@ +h1{ + color: red; + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + text-align: center; +} \ No newline at end of file diff --git a/css/css intro/index.html b/css/css intro/index.html new file mode 100644 index 0000000..7426b50 --- /dev/null +++ b/css/css intro/index.html @@ -0,0 +1,26 @@ + + + + + + + Document + + + +

contoh

+

contoh 2

+ + \ No newline at end of file diff --git a/css/css komen/style.css b/css/css komen/style.css new file mode 100644 index 0000000..fea09e2 --- /dev/null +++ b/css/css komen/style.css @@ -0,0 +1,2 @@ +/* komen */ +/* ketik ctrl+/ */ \ No newline at end of file diff --git a/css/css margin/index.html b/css/css margin/index.html new file mode 100644 index 0000000..d0b76b5 --- /dev/null +++ b/css/css margin/index.html @@ -0,0 +1,32 @@ + + + + + + + Document + + + +

margin 4 side

+

short margin

+

h1

+

h2

+ + \ No newline at end of file diff --git a/css/css select/index.html b/css/css select/index.html new file mode 100644 index 0000000..4759157 --- /dev/null +++ b/css/css select/index.html @@ -0,0 +1,33 @@ + + + + + + + Document + + + +

paragrap biasa

+

paragrap dengan id

+

paragrap dengan class

+

h1 dengan class tengah

+ + \ No newline at end of file diff --git a/css/css syntax/index.html b/css/css syntax/index.html new file mode 100644 index 0000000..6b3dbd9 --- /dev/null +++ b/css/css syntax/index.html @@ -0,0 +1,19 @@ + + + + + + + Document + + + +

ini text

+ + \ No newline at end of file diff --git a/css/tes/tes.css b/css/tes/tes.css new file mode 100644 index 0000000..e69de29 diff --git a/html/hello_world/index.html b/html/hello_world/index.html new file mode 100644 index 0000000..7c915b4 --- /dev/null +++ b/html/hello_world/index.html @@ -0,0 +1,9 @@ + + + + Document + + +

Hello world

+ + \ No newline at end of file diff --git a/html/html_atribut/index.html b/html/html_atribut/index.html new file mode 100644 index 0000000..bbfa84b --- /dev/null +++ b/html/html_atribut/index.html @@ -0,0 +1,15 @@ + + + + + + + Document + + + html atribut di w3school + gambar +

Paragrap merah

+

paragrap title

+ + \ No newline at end of file diff --git a/html/html_basic/index.html b/html/html_basic/index.html new file mode 100644 index 0000000..b2c036c --- /dev/null +++ b/html/html_basic/index.html @@ -0,0 +1,11 @@ + + + + Document + + +

HTML Basic

+

ini gambar

+ gambar + + \ No newline at end of file diff --git a/html/html_block/index.html b/html/html_block/index.html new file mode 100644 index 0000000..a10dcad --- /dev/null +++ b/html/html_block/index.html @@ -0,0 +1,15 @@ + + + + Document + + +

Hello world

+
hello world
+ hello world +
+

london

+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aut, sequi. Repudiandae officia maiores sed, dolor architecto natus pariatur saepe. Facere cumque sequi quisquam et perspiciatis fugit repudiandae maiores alias! Cum?

+
+ + \ No newline at end of file diff --git a/html/html_class/index.html b/html/html_class/index.html new file mode 100644 index 0000000..cb8d67f --- /dev/null +++ b/html/html_class/index.html @@ -0,0 +1,26 @@ + + + + Document + + + +
+

London

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni fugit cupiditate est veritatis dolorum! Officiis harum ullam maiores unde. Illo praesentium optio vero quae porro atque dolorum itaque vitae suscipit?

+
+
+

Paris

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus quis fugiat quam laboriosam earum quos totam nobis animi? Sit aut perferendis omnis sed non deleniti nulla autem nam qui laboriosam!

+
+

London is Important

+ + \ No newline at end of file diff --git a/html/html_code/index.html b/html/html_code/index.html new file mode 100644 index 0000000..d7c1196 --- /dev/null +++ b/html/html_code/index.html @@ -0,0 +1,22 @@ + + + + + + + Document + + + 
+    
+        x=5;
+        y=6;
+        z=x+y;
+    
+
+

save by pressing ctrl+s

+

msg from computer:

+

File not found
press any key to continue

+

contoh variabel xy

+ + \ No newline at end of file diff --git a/html/html_colors/index.html b/html/html_colors/index.html new file mode 100644 index 0000000..e056c08 --- /dev/null +++ b/html/html_colors/index.html @@ -0,0 +1,11 @@ + + + + Document + + +

Hello world

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque odit esse laborum, at incidunt quidem eum quibusdam quaerat libero reprehenderit iusto fuga harum illo, perspiciatis optio sapiente quae quisquam beatae.

+ + \ No newline at end of file diff --git a/html/html_comments/index.html b/html/html_comments/index.html new file mode 100644 index 0000000..f0daa9f --- /dev/null +++ b/html/html_comments/index.html @@ -0,0 +1,20 @@ + + + + Document + + + + +

quote Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid quis numquam, eveniet dicta laborum ipsum aspernatur quod fugit officiis minus ab doloremque beatae. Magnam vitae ipsa ad excepturi voluptatem itaque!

+

The WHO was founded in 1948.

+
+ ditulis oleh habibi
+ hari sabut +
+

habibiadalah pembuatnya

+ + \ No newline at end of file diff --git a/html/html_css/index.html b/html/html_css/index.html new file mode 100644 index 0000000..1121a3b --- /dev/null +++ b/html/html_css/index.html @@ -0,0 +1,17 @@ + + + + Document + + + + +

heading biru

+

parapraph merah

+

heading menggunkan css internal

+ + \ No newline at end of file diff --git a/html/html_css/style.css b/html/html_css/style.css new file mode 100644 index 0000000..1009af2 --- /dev/null +++ b/html/html_css/style.css @@ -0,0 +1,3 @@ +body{ + background-color: violet; +} \ No newline at end of file diff --git a/html/html_elements/index.html b/html/html_elements/index.html new file mode 100644 index 0000000..d130266 --- /dev/null +++ b/html/html_elements/index.html @@ -0,0 +1,10 @@ + + + + Document + + +

Heading satu

+

Paragrap satu
Paragrap enter

+ + \ No newline at end of file diff --git a/html/html_favicon/index.html b/html/html_favicon/index.html new file mode 100644 index 0000000..3d27392 --- /dev/null +++ b/html/html_favicon/index.html @@ -0,0 +1,10 @@ + + + + Document + + + +

Hello world

+ + \ No newline at end of file diff --git a/html/html_file/download.jpg b/html/html_file/download.jpg new file mode 100644 index 0000000..fe2d61e Binary files /dev/null and b/html/html_file/download.jpg differ diff --git a/html/html_file/index.html b/html/html_file/index.html new file mode 100644 index 0000000..67dcf3f --- /dev/null +++ b/html/html_file/index.html @@ -0,0 +1,12 @@ + + + + Document + + + + pemandangan + + pemandangan + + \ No newline at end of file diff --git a/html/html_formatting/index.html b/html/html_formatting/index.html new file mode 100644 index 0000000..be7294e --- /dev/null +++ b/html/html_formatting/index.html @@ -0,0 +1,17 @@ + + + + Document + + + text tebal + text penting
+ italic
+ text ditekankan
+ text kecil +

jangan lupa coding

+

warna kesukaan ku biru merah

+

ini adalah sub

+

ini adalah sup

+ + \ No newline at end of file diff --git a/html/html_head/index.html b/html/html_head/index.html new file mode 100644 index 0000000..4f9aeaf --- /dev/null +++ b/html/html_head/index.html @@ -0,0 +1,19 @@ + + + + + + Judul Halaman + + + +

Hello world

+ + \ No newline at end of file diff --git a/html/html_heading/index.html b/html/html_heading/index.html new file mode 100644 index 0000000..a704696 --- /dev/null +++ b/html/html_heading/index.html @@ -0,0 +1,14 @@ + + + + Document + + +

Heading 1

+

Heading 2

+

Heading 3

+

Heading 4

+
Heading 5
+
Heading 6
+ + \ No newline at end of file diff --git a/html/html_id/index.html b/html/html_id/index.html new file mode 100644 index 0000000..d272a5e --- /dev/null +++ b/html/html_id/index.html @@ -0,0 +1,19 @@ + + + + + + + Document + #myheader{ + background-color: aqua; + color: yellowgreen; + border: 2px solid black; + margin: 20px; + padding: 20px; + } + + +

My Header

+ + \ No newline at end of file diff --git a/html/html_iframe/index.html b/html/html_iframe/index.html new file mode 100644 index 0000000..0ace114 --- /dev/null +++ b/html/html_iframe/index.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git a/html/html_iframe/index2.html b/html/html_iframe/index2.html new file mode 100644 index 0000000..c89ebda --- /dev/null +++ b/html/html_iframe/index2.html @@ -0,0 +1,24 @@ + + + + Document + + + +
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
+
kopi
+
Kopi hitam panas
+
Susu
+
Susu putih dingin
+
+ + \ No newline at end of file diff --git a/html/html_images/index.html b/html/html_images/index.html new file mode 100644 index 0000000..eaff03e --- /dev/null +++ b/html/html_images/index.html @@ -0,0 +1,9 @@ + + + + Document + + + gambar + + \ No newline at end of file diff --git a/html/html_js/index.html b/html/html_js/index.html new file mode 100644 index 0000000..fb310ee --- /dev/null +++ b/html/html_js/index.html @@ -0,0 +1,16 @@ + + + + Document + + +

hello world

+ + + + \ No newline at end of file diff --git a/html/html_layout/index.html b/html/html_layout/index.html new file mode 100644 index 0000000..b06edc0 --- /dev/null +++ b/html/html_layout/index.html @@ -0,0 +1,35 @@ + + + + + + + Document + + + +

CSS Layout

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Excepturi necessitatibus fugit error et obcaecati nobis, eveniet nesciunt sequi quas maxime quam repellat cum animi unde assumenda doloribus? Voluptatum, in temporibus.

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem necessitatibus ipsum laudantium praesentium ipsam iure quas sapiente, minus aliquam corrupti dolorum quibusdam voluptatum distinctio non illum, reiciendis eum velit maxime.

+
+

cities

+
+
+ +
+

London

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, esse, odit inventore est maiores error illum ullam ad hic aliquam praesentium. Aperiam, voluptas! Fuga officiis nostrum impedit repellendus voluptates consequuntur?

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid voluptatem eius totam adipisci unde fugiat cum nesciunt saepe earum ex quod esse temporibus, tempora dolorem molestias vitae aspernatur odit! Rerum.

+
+
+ + + \ No newline at end of file diff --git a/html/html_layout/style.css b/html/html_layout/style.css new file mode 100644 index 0000000..03edaed --- /dev/null +++ b/html/html_layout/style.css @@ -0,0 +1,54 @@ +* { + box-sizing: border-box; +} +body{ + font-family: Arial, Helvetica, sans-serif; +} +/* style header */ +header{ + background-color: grey; + padding: 30px; + text-align: center; + font-size: 35px; + color: white; +} +/* colom */ +nav{ + float: left; + width: 30%; + height: 300px; + background: #ccc; + padding: 20px; +} +/* style list menu */ +nav ul{ + list-style-type: none; + padding: 0; +} +article{ + float: left; + padding: 2opx; + width: 70%; + background-color: #f1f1f1; + height: 300px; +} +/* float kosong sesudah kolom */ +section::after{ + content: ""; + display: table; + clear: both; +} +/* footer */ +footer{ + background-color: #777; + padding: 10px; + text-align: center; + color: white; +} +/* responsif colom */ +@media(max-width:600px){ + nav,article{ + width: 100%; + height: auto; + } +} \ No newline at end of file diff --git a/html/html_link/index.html b/html/html_link/index.html new file mode 100644 index 0000000..ed6716f --- /dev/null +++ b/html/html_link/index.html @@ -0,0 +1,16 @@ + + + + Document + + +Go to W3Schools +
+Go to html colors +
+gambar +
+Send email + + + \ No newline at end of file diff --git a/html/html_link/index2.html b/html/html_link/index2.html new file mode 100644 index 0000000..e056c08 --- /dev/null +++ b/html/html_link/index2.html @@ -0,0 +1,11 @@ + + + + Document + + +

Hello world

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque odit esse laborum, at incidunt quidem eum quibusdam quaerat libero reprehenderit iusto fuga harum illo, perspiciatis optio sapiente quae quisquam beatae.

+ + \ No newline at end of file diff --git a/html/html_lists/index.html b/html/html_lists/index.html new file mode 100644 index 0000000..c89ebda --- /dev/null +++ b/html/html_lists/index.html @@ -0,0 +1,24 @@ + + + + Document + + + +
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
+
kopi
+
Kopi hitam panas
+
Susu
+
Susu putih dingin
+
+ + \ No newline at end of file diff --git a/html/html_ordered/index.html b/html/html_ordered/index.html new file mode 100644 index 0000000..9a6e7a4 --- /dev/null +++ b/html/html_ordered/index.html @@ -0,0 +1,52 @@ + + + + Document + + +
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. teh
    2. +
  2. kopi
    3. +
  3. susu
    4. +
+
    +
  1. kopi
    2. +
  2. teh
    3. +
      +
    1. teh hitam
      2. +
    2. teh hijau
      3. +
    +
  3. susu
    4. +
+ + \ No newline at end of file diff --git a/html/html_quotations/index.html b/html/html_quotations/index.html new file mode 100644 index 0000000..053a48b --- /dev/null +++ b/html/html_quotations/index.html @@ -0,0 +1,19 @@ + + + + Document + + +

Hello

+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Inventore eius velit quae, cupiditate similique iste nihil nesciunt, eaque itaque quia ducimus laboriosam, autem odio consectetur dicta. Vitae ipsam recusandae maxime! Ex vero reprehenderit, quidem reiciendis, necessitatibus quibusdam beatae impedit dignissimos dolorem, inventore quos officiis suscipit voluptatum enim qui repellendus illum sit eius iusto placeat totam ea vitae ut saepe. Quaerat, commodi nam ipsum et molestias architecto dignissimos aliquid a. Porro eum ad modi voluptatibus? Quod blanditiis accusamus alias, hic laudantium, sequi possimus voluptate quisquam nisi eius ducimus atque obcaecati modi quibusdam amet doloremque libero omnis asperiores placeat velit iusto beatae. +
+

quote Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid quis numquam, eveniet dicta laborum ipsum aspernatur quod fugit officiis minus ab doloremque beatae. Magnam vitae ipsa ad excepturi voluptatem itaque!

+

The WHO was founded in 1948.

+
+ ditulis oleh habibi
+ hari sabut +
+

habibiadalah pembuatnya

+ + \ No newline at end of file diff --git a/html/html_responsive/index.html b/html/html_responsive/index.html new file mode 100644 index 0000000..87aa547 --- /dev/null +++ b/html/html_responsive/index.html @@ -0,0 +1,36 @@ + + + + + + + + Document + + +
+

W3Schols demo

+

resive table responsive

+
+
+
+

London

+

+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis mollitia, labore incidunt cumque, nostrum beatae animi harum doloremque nam ad consectetur, perferendis voluptatem provident asperiores rerum magnam laborum minus ex? +

+
+
+

Tokyo

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, quam porro totam obcaecati quisquam animi harum asperiores culpa, consequuntur temporibus nobis dolore iste, odio hic cum explicabo vel rerum aperiam. +

+
+
+

Paris

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusamus atque consequuntur sed laboriosam, quos aperiam recusandae natus unde maxime sequi nisi iusto, est ex reprehenderit repellendus tempora rerum, non molestiae. +

+
+
+ + \ No newline at end of file diff --git a/html/html_semantics/index.html b/html/html_semantics/index.html new file mode 100644 index 0000000..690f11c --- /dev/null +++ b/html/html_semantics/index.html @@ -0,0 +1,70 @@ + + + + + + + Document + + + + +
+

WWF

+

+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maiores autem ad fuga sapiente enim totam quaerat at doloremque cupiditate, eaque deleniti fugiat tempore mollitia itaque sequi, omnis officia similique perferendis! +

+
+
+

WWF Panda simbolh

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque, vel quisquam ullam, temporibus doloribus voluptates reprehenderit hic quibusdam maxime sunt corporis exercitationem. Debitis eligendi repellat, corrupti corporis totam eius consequuntur. +

+
+ +
+
+

apa itu wwf

+

wwf mission

+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat aliquid tenetur hic ullam reiciendis dolor saepe nobis obcaecati quo laboriosam. Explicabo officia omnis dolore architecto veniam velit assumenda voluptatibus laboriosam.

+
+
+

WWF Panda Simbol

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo corporis fugiat, dolorem explicabo soluta beatae esse qui aliquam sapiente quibusdam aliquid magnam dolorum saepe quisquam officiis eligendi incidunt, voluptate nesciunt? +

+
+
+ spong bob +
sepong bob
+
+ + + \ No newline at end of file diff --git a/html/html_styles/index.html b/html/html_styles/index.html new file mode 100644 index 0000000..0e8b345 --- /dev/null +++ b/html/html_styles/index.html @@ -0,0 +1,10 @@ + + + + Document + + +

Heading

+

Paragraph

+ + \ No newline at end of file diff --git a/html/html_tables/index.html b/html/html_tables/index.html new file mode 100644 index 0000000..0e828a0 --- /dev/null +++ b/html/html_tables/index.html @@ -0,0 +1,20 @@ + + + + Document + + + + + + + + + + + + + +
namakelas
HabibiProgramming
+ + \ No newline at end of file diff --git a/html/html_unordered/index.html b/html/html_unordered/index.html new file mode 100644 index 0000000..b515860 --- /dev/null +++ b/html/html_unordered/index.html @@ -0,0 +1,42 @@ + + + + Document + + + + + + + + + + \ No newline at end of file diff --git a/java/aritmatika/sc.js b/java/aritmatika/sc.js new file mode 100644 index 0000000..38f2930 --- /dev/null +++ b/java/aritmatika/sc.js @@ -0,0 +1,22 @@ +// + untuk menambah +let a=1+2; +// - untuk mengurang +let b=1-2; +// * untuk kali +let c=1*2; +// / untuk bagi +let d=1/2; +// % untuk modulus atau sisa bagi +let e=1%2; +// untuk increment atau tambah 1 +let f=2; +f++; +// untuk decrement atau kurang 1 +let g=2; +g++; +// ** untuk memangkatkan bilangan pertama dengan bilangan kedua +let h=2; +h**2; +// ** memiliki fungsi yang sama dengan Math.pow(a,b) +let i=2; +Math.pow(i,2); diff --git a/java/assignment/sc.js b/java/assignment/sc.js new file mode 100644 index 0000000..b6a3ea8 --- /dev/null +++ b/java/assignment/sc.js @@ -0,0 +1,23 @@ +// = operator untuk menetapkan sebuah nilai +let a=1; +// += untuk menambahkan nilai ke variable +let b=1; +b+=2; +// untuk mengurangi nilai ke variable +let c=2; +c-=1; +// untuk mengali nilai ke variable +let d=2; +d*=3; +// untuk membagi nilai ke variable +let e=2; +e/=4; +// untuk modulus atau sisa bagi +let f=2; +e%=5; +// &= untuk operator ands +let g=2; +g&=5; +// != untuk operator or +let h=2; +h!=5;; diff --git a/java/const/sc.js b/java/const/sc.js new file mode 100644 index 0000000..e181beb --- /dev/null +++ b/java/const/sc.js @@ -0,0 +1,19 @@ +// const tidak bisa di deklarasi ulang +const a=a; +// const a=b; +// const a=c; +// const nilai nya harus ditulis saat deklarasi +const pi=3.14; +// salah +// const b; +// b=c; +// const bisa mengubah isi array tapi tidak bisa deklarasi ulang array +const cars=["audi","toyota","lamborghini"]; +cars[0]="honda"; +// bisa juga menambah array +cars.push("mazda"); +// const bisa mengubah properti +const car={type:"audi",model:"560",color:"red"}; +car.color="blue"; +// bisa menambah properti +car.owner="habibi"; \ No newline at end of file diff --git a/java/intro/index.html b/java/intro/index.html new file mode 100644 index 0000000..96a162e --- /dev/null +++ b/java/intro/index.html @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/java/intro/intro.js b/java/intro/intro.js new file mode 100644 index 0000000..a02f0a7 --- /dev/null +++ b/java/intro/intro.js @@ -0,0 +1,6 @@ +// menukar element html +document.getElementById("demo").innerHTML="hello world"; +// menukar style(css) +document.getElementById("demo").style.fontSize="35px"; +// menukar display sytle +document.getElementById("demo").style.display="none"; \ No newline at end of file diff --git a/java/intro/pic_bulboff.gif b/java/intro/pic_bulboff.gif new file mode 100644 index 0000000..65cacdd Binary files /dev/null and b/java/intro/pic_bulboff.gif differ diff --git a/java/intro/pic_bulbon.gif b/java/intro/pic_bulbon.gif new file mode 100644 index 0000000..72ecfc4 Binary files /dev/null and b/java/intro/pic_bulbon.gif differ diff --git a/java/komen/sc.js b/java/komen/sc.js new file mode 100644 index 0000000..39bd4e5 --- /dev/null +++ b/java/komen/sc.js @@ -0,0 +1,4 @@ +// komen untuk sebaris +/* +untuk komen panjang +*/ \ No newline at end of file diff --git a/java/let/sc.js b/java/let/sc.js new file mode 100644 index 0000000..ce7a1a1 --- /dev/null +++ b/java/let/sc.js @@ -0,0 +1,25 @@ +// let tidak bisa di deklarasi ulang +// let yang di dekalrasi dalam blok{}tidak bisa di akses dari luar sedangkan var bisa +{ + let x=1; +} +// var masih bisa diakses dari luar blok +{ + var y=2; +} +// deklarasi let di dalam blok tidak akan mengubah nilai diluar blok +let a=10 +// nilai 10 +{ + let a=5; + // nilai 5 +} +// nilai 10 +// tapi tidak dengan var var akan tetap mengubah nilai diluar dan dalam +var b=2; +// nilai 2 +{ + var b=3; + // nilai 3 +} +// nilai 3 diff --git a/java/operator/sc.js b/java/operator/sc.js new file mode 100644 index 0000000..d039e16 --- /dev/null +++ b/java/operator/sc.js @@ -0,0 +1,11 @@ +// = untuk mengisi variable +let a=1; +// aritmarika seperti +,*,-,/ juga bisa dipakai di js +var b=7+8; +// asignment operator seperi =+,=* juga bisa dipakai di js +var c; +c +=5; +// + juga bisa untuk menambah string +let d="manusia"; +let e="laki laki"; +let f=d+""+e; \ No newline at end of file diff --git a/java/output/index.html b/java/output/index.html new file mode 100644 index 0000000..579b297 --- /dev/null +++ b/java/output/index.html @@ -0,0 +1,25 @@ + + + + + + + Document + + +

hello

+

+ +
+ + + + + \ No newline at end of file diff --git a/java/statement/index.html b/java/statement/index.html new file mode 100644 index 0000000..56efbdb --- /dev/null +++ b/java/statement/index.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git a/java/statement/script.js b/java/statement/script.js new file mode 100644 index 0000000..a2faa20 --- /dev/null +++ b/java/statement/script.js @@ -0,0 +1,8 @@ +document.getElementById("demo").innerHTML="hello world"; +let a,b,c; +a=5; +b=6; +c=a+b; +function myFunction(){ + document.getElementById("b").innerHTML="hello" +} \ No newline at end of file diff --git a/java/syntax/sc.js b/java/syntax/sc.js new file mode 100644 index 0000000..3290eeb --- /dev/null +++ b/java/syntax/sc.js @@ -0,0 +1,18 @@ +// angka bisa ditulis desimal atau tidak +10.10 +1010 +// string bisa dengan ""atau'' +"habibi" +'habibi' +// js menggunakan var,let,dan const untuk deklarasi variabel +var a; +let b; +a=10; +b=11; +// operator js (+*/-) +a+b +// = untuk mengisi value +let c; +c=a+b; +// komen menggunakan // atau /* */ +// js bersifat casesensitive diff --git a/java/var/sc.js b/java/var/sc.js new file mode 100644 index 0000000..2dd1eb3 --- /dev/null +++ b/java/var/sc.js @@ -0,0 +1,13 @@ +// deklarasi variabel bisa menggunakan let,var,const,atau tanpa apa apa +var x=6; +let y=7 +const z=x+y; +a=10; +// bisa deklarasi banyak variabel di 1 statement +var a=3,b=4,c=car; +// var bisa di deklarasi berulang dan nilai nya takkan hilang tapi tidak dengan let atau +var car=mobil; +var car; +// nama dengan $ dan _ adalah valid variable +let $l=0; +let _n=1; \ No newline at end of file diff --git a/java/where to/index.html b/java/where to/index.html new file mode 100644 index 0000000..f6519e5 --- /dev/null +++ b/java/where to/index.html @@ -0,0 +1,22 @@ + + + + + + + Document + + + + + +

paragraph

+ + + + + \ No newline at end of file diff --git a/java/where to/java.js b/java/where to/java.js new file mode 100644 index 0000000..98f83c9 --- /dev/null +++ b/java/where to/java.js @@ -0,0 +1,3 @@ +function myFunction() { + document.getElementById("demo"),innerHtml="paragraph berubah"; +} \ No newline at end of file diff --git a/landing_page/download.jpg b/landing_page/download.jpg new file mode 100644 index 0000000..1b92cd1 Binary files /dev/null and b/landing_page/download.jpg differ diff --git a/landing_page/index.html b/landing_page/index.html new file mode 100644 index 0000000..57a6cac --- /dev/null +++ b/landing_page/index.html @@ -0,0 +1,26 @@ + + + + + + + Document + + + +
+
F&D
+
+
Home
+
Menu
+
Service
+
Contact
+
+ +
+
Register
+ +
+
+ + \ No newline at end of file diff --git a/landing_page/shopping-bag.png b/landing_page/shopping-bag.png new file mode 100644 index 0000000..a23d6ad Binary files /dev/null and b/landing_page/shopping-bag.png differ diff --git a/landing_page/style.css b/landing_page/style.css new file mode 100644 index 0000000..4ec50eb --- /dev/null +++ b/landing_page/style.css @@ -0,0 +1,64 @@ +.headerMenu{ + display: flex; + justify-content: space-between; + margin-left: 30px; + margin-right: 30px; +} +.left{ + color: #EC994B; + font-size: 24px; + font-weight: 700; +} +.right{ + display: flex; + align-items: center; +} +.menu{ + width: 50px; + text-align: center; + margin-left: 10px; + margin-right: 10px; +} +.active{ + border-bottom: 2px solid #EC994B; +} +.box-cart{ + height: 48px; + width: 48px; + background-color: gray; + border-radius: 24px; + display: flex; + justify-content: center; + align-items: center; + margin-left: 5px; + margin-right: 10px; +} +.img-cart{ + width: 24px; + height: 24px; +} +.button{ + width: 128px; + height: 48px; +} +.register{ + border: 1px solid #EC994B; + border-radius: 41px; + justify-content: center; + align-items: center; + display: flex; + font-size: 16px; + font-weight: 600; + color: #EC994B; + margin-right: 10px; +} +.login{ + background-color: #EC994B; + border-radius: 41px; + display: flex; + justify-content: center; + align-items: center; + color: white; + font-size: 16px; + font-weight: 600; +} \ No newline at end of file