Sesi12 javascript

ASSALAMUALAIKUM WR.WB

Minggu,9 september 2018

hallo gengs pertemuan dikali ini saya akan memperkenalkan javascript.nah buat yang kalian yang sudah tau apa itu js/javascript ataupun yang belum tau simak aja ya penjelasan saya ya....

SUSAH Gak Sih Belajar JS?????

Nah jadi gini gengs kalian itu harus tau dulu pengertian js.
- Pengenalan Java Script
- Sejarah Javascript
- Perbedaan Javascript dan Java
- Penulisan Coding Javascript
- Variable
- Kata Kunci pada javascript
- Pemberian nama variable
- Tipe data

Nah banyak juga ya,yang kita perlu tau lebih dalam yak,dari pada saya curhat terus mending kita langsung saja.

1. Pengenalan JavaScript
   Javascript adalah bahasa yang berbentuk kumpulan script yang berjalan pada suatu dokumen     HTML.
   Sepanjang Sejarah internet bahasa ini adalah bahasa skrip pertama untuk bahasa ini adalah bahasa pemograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah-perintah disisi user,yang artinya disisi browser bukan disisi server web.

2. Sejarah JavaScript
    Javaskript diperkenalkan pertama kali oleh BRENDAN EICH yang bekerja di NETSKEP pada tahun 1995.
    Versi terakhir dari bahasa ini versi 1.8 5 yang dirilis tanggal 25 maret 2011.
  Javascript bergantung pada browser (navigator) yang memangil dan menampilkan halaman web yang tidak hanya berisi html tapi juga dapat berupa skrip-skrip javascript.

3.Perbadaan Javaskript dan Java
bisa dilihat hasil screenshootnya ya...

4.Penulisana Coding Javascript

- Javascript adalah bahasa yang "case sensitive"artinya membedakan penamaan variable dan fungsi penggunaan huruf besar dan huruf kecil.
- Penulisan variable atau fungsi dengan nama TEST berbeda dengan variable dengan nama test.
- Setiap instruksi harus diakhiri dengan tanda titik koma(;).
-  Menggunakan tag <SCRIPT> kode javascript dalam HTML dituliskan dengan nama tag<script> dalam format sebagai berikut:

5. Variable
Variable adalah suatu objek yang berisi data-data yang mana dapat dimodifikasikan selama eksekusi program.dijavascript terdapat beberapa kriteria untuk penanaman variable .

6. Katakunci pada Javascript

7. Contoh pemberian nama pada variable

8. Tipe Data












Nah ini gengs codingan yang saya buat nanti bisa kalian pahami dan cermati yaa...

1. Hallo.html

Jadi kalau pingin mengambil dari javascriptnya sendiri kalain bisa memakai kata "src" dan kalau pingin langsung memunculkan bahasa javascriptnya tanpa memanggil terlebih dahulu kalian bisa memakai <script languange="javascript">.
dan Hasil codingannya berikut.

jadi itu ditunjukkan hanya kotak saja itu memakai "alert".

2. Ubastyle.html
berikut codingan/skrip untuk ini.

HASILNYA

dan ketika diklik akan menjadi 

jadi untuk kata"click me" nah itu kita memaai button dan ketika memencet button maka akan berubah warna dari tulisannya. dan jangan lupa memakai "style color" untuk mengubah warna

3.VariableOnJavaScript.html
adapun codingannya sebagai berikut:

HASILNYA

Jadi kalian harus memasikkan variablenya terlebih dahulu kemudian dijumlahkan,kemudian hasil penjumlahannya kalian masukkan  documennya,misallnya kalian punya 3 variable: x = 3; dan y=4;

nah kemudian z = x+y; maka yang anda perlu masukkan saja adalah variable z nya.

4. VariableOnJs2.html

HASILNYA

Sama yang kaya tadi cuma ini langsung hasilnya tidak memakai inisialisasi dan caranya pun juga sama.

5. VariableOnJava with type data.html

HASILNYA

 Jadi ini hanya memunculkan kata-kata,dan memanggil variable nama dengan menggunakkan dociment dan untuk tanda (//) itu menunjukkan untuk komen dan tidak akan mincul dihtmlnya tp hanya yang coding yang mengetahuinya.

QUIZ

 

Wassalamualikum WR.WB

SESI 11 CSS FORM

ASSALAMUALAIKUM WR.WB

Minggu,2 September 2018

Hai guys kita ketemu lagi di sesi 11 ini,dan disesi kali ini saya akan menjelaskan dengan Menyajikan Untuk Memformat Tampilan Form. Nah Teman-teman dicss form ini mungkin anda bisa mudah mengerjakannya dan juga ada yang sulit Yang penting kita banyak berlatih dan banyak bertanya. Okelah Langsung saja kita kematerinya.

Dan Hal yang perlu ketahui adalah CSS Pada Halaman Form:

- Jenis Border

- Warba Border

- Lebar Form

- batas form pada sisi layout

- dan warna background dari form

1. ExtCSSonForm1.html

HASILNYA

2.ExtCSSonForm2.html

Dan Untuk CSSnya

3. ExtCSSonForm3.html

Adapun CSSnya

HASILNYA

4. ExtCSSonButton.html

Adapun CSS

HASILNYA

5. ExtCSSonButtonHover.html

Adapun CSSnya

HASILNYA

Penjelasan Sediki Ya....

Jadi Ketikan Anda klik kembali makan akan kelink sebelumnya atau itu tergantung kalian bagaimana mengubah linknya.

6. ExtCSSonRadioButton.html

Adapun CSSNYA

HASILNYA

7. QUIZZZZ.....

SESI 10 Menyajjikan CSS Tabel

ASSALAMUALIKUM WR.WB

Bandung,29 agustus 2018

Nah Bray Kali ini kita akan membahas masih berhubungan tentang css dan kita disini akan lebih ke tabel,seperti halnya yang ada dihtml,cuman kita disini gengs lebih memakai css untuk penampilan yang lebih bagus dan lebih mudah. nah untuk mempersingkat waktu kita mulai saja ya...

Nah Teman-Teman kalian kalau ingin mengambil gambar/memasukkan gambar itu gimana sih??????

Nah untuk coding menampilkan gambar dan anda harus ingat-ingat!!!

<img src="nama-file-gambar" width="lebar“ height="tinggi“ alt="text" title="text" border="1" />.

ya kita langsung saja test ya lewat coding dan saya akan menampilkan hasilnya.

1. Emb imagecss.html  

HASILNYA

2.ExtImageCSS.html

HASILNYA

Nah Kali ini saya akan mengajarkan mengganti background menjadi image yang kita inginkan.

nah perlu diingat untuk menggenti background menjadi img kalian tekan.

<body background="bgimage.jpg">

Nah untuk Codingan dan Hasilnya saya akan tampilkan.

3.Inlinecss forbgimage.html

dan saya mengingatkan kembali jika anda ingin memasukkan gambar itu harus dalam satu folder yang sama didalam codingan kamu,sehingga ketika dimasukkan akan muncul gambarnya.

4.EmbCSSForbgImage.html

HASILNYA

dan selajutnya gambar pada background.

Nah itu yang anda perlu ketahui.oke lanjuttt....

5.EmbBgImageasImage.html

HASILNYA

6. EmbVdeo.html

HASILNYA

7.EmbVideoYoutube.html

HASILNYA

syarat:ketika anda ingin memasukkan video youtube anda bisa melihat pada "teruskan" kemudian anda copy linknya ke clipboard dan untuk lebih ideal lagi anda bisa tekan embed dan mencopy embednya.

Sekarang Kita Pindah ke Cara membuat tabel pada css 

Untuk Lebih pahamnya lagi saya akan memberikan konsep dasar model box.

jadi gambarannya seperti berikut:

Margin :Daerah yang paling luar dan membatasi pada pada jarak tabel

Border : border mengelilingi padding dan content dan merupakan garis pinggir yang bisa diwarna dan ditebalkan

Padding : Area yang mengelilingi content

Content : Isi dari box.merupakan text atau gambar.

8.TabelCollapse.html

9.extTablewithclass.html

10.extTabelwithclass2.html

11.extTabelwithclass3.html

12. Quiz individu

Nah itu guys dari saya bila ada kesalahan saya moho maaf sebesar-besarnya

Dan saya pamit dulu dan saya ucapkan selamat menjalankan aktifitas👊👊👊👊

WASSALAMUALIKUM WR.WB