Scribd Logo
Unggah

Selamat datang di Scribd!

  • Review Javascript

    Diunggah oleh

    Yazi Adityas
    18 tayangan15 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    18 tayangan15 halaman

    Review Javascript

    Diunggah oleh

    Yazi Adityas

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 15

    REVIEW MATERI

    Deleted[adityas-yazi]: HTML 03 DAN

    PHP
    29 Desember 2019 Deleted[adityas-yazi]: 24

    NAMA : Deleted[adityas-yazi]: November


    Yazi Adityas

    Studi Kasus :
    JavaScript, jQuery, and AJAX
    JavaScript, jQuery, dan AJAX
    Apa itu javaScript?
    Javascript adalah bahasa pemrograman yang awalnya dirancang giliran di atas browser.
    Namun, seiring waktu, javascript tidak hanya berjalan di browser. Javascript juga dapat
    digunakan di Server, Game, IoT, sisi Desktop, dll. Javascript awalnya bernama Mocha,
    kemudian diubah menjadi LiveScrip ketika browser Netscape Navigator 2.0 dirilis dalam
    versi beta (September 1995). Namun, setelah itu berganti nama menjadi Javascript

    Mengapa Belajar JavaScript?


    JavaScript adalah salah satu dari 3 bahasa yang harus dipelajari semua pengembang web:
    1. HTML untuk mendefinisikan konten halaman web
    2. CSS untuk menentukan tata letak halaman web
    3. JavaScript untuk memprogram perilaku halaman web.
    Halaman web bukan satu-satunya tempat di mana JavaScript digunakan. Banyak program
    desktop dan server menggunakan JavaScript. Node.js adalah yang paling dikenal. Beberapa
    basis data, seperti MongoDB dan CouchDB, juga menggunakan JavaScript sebagai bahasa
    pemrograman.

    Tahukah kamu..?
    JavaScript dan Java adalah bahasa yang sama sekali berbeda, baik dalam konsep maupun
    desain. JavaScript ditemukan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECM
    pada tahun 1997. ECMA-262 adalah nama resmi standar tersebut. ECMAScript adalah nama
    resmi bahasa tersebut.
    Mengenal Konsol JavaScript
    dijelaskan: fungsi console.log () akan menampilkan pesan ke konsol javascript. Selagi
    dokumen. perintah write () berfungsi untuk menulis ke dokumen HTML, itu akan ditampilkan

    document.write("Hello World!"); console.log("Saya belajar Javascript");

    Menulis Kode JavaScript dalam HTML


    Ada 3 cara untuk menulis kode javascript dalam html termasuk:
    1. Embedded/Tertanam (kode Javascript disisipkan langsung dalam HTML)
    2. Inline/Sebaris (kode Javascript yang ditulis dalam atribut HTML)
    3. Eksternal (kode Javascript ditulis secara terpisah dengan file HTML
    Embedded JavaScript
    Gunakan tag <script> untuk menanamkan kode Javascript dalam HTML. Tag ini dapat
    ditulis di dalam tag <head> dan <body>.
    Inline JavaScript
    Menulis kode javascript di dalam atribut HTML. Metode ini biasanya digunakan untuk
    memanggil fungsi pada acara tertentu.

    External JavaScript
    JavaScript Dapat Mengubah Nilai Atribut HTML
    Dalam contoh ini, JavaScript mengubah nilai atribut src (source) dari tag <img>

    Document.getElementById () adalah untuk mengambil nilai untuk input dalam HTML


    tentu saja asalkan elemen input memiliki ID

    .match () menguji untuk melihat apakah string yang diberikan cocok dengan ekspresi reguler.
    Dalam contoh Anda, ia menguji apakah image.src berisi "bulbon". Jika ada kecocokan, ia
    mengubah image.src menjadi "pic_bulboff.gif

    JavaScript Function
    Apa itu Function?
    Functions adalah sub-program yang dapat digunakan kembali baik di dalam program itu
    sendiri maupun di program lain. Fungsi dalam Javascript adalah objek. Karena memiliki sifat
    dan metode.
    4 Cara Membuat Fungsi dalam Javascript.
    Ada 4 cara yang bisa kita lakukan untuk membuat fungsi dalam Javascript:
    1. Menggunakan metode yang biasa;
    2. Gunakan ungkapan;
    3. Gunakan panah (=>);
    4. dan gunakan konstruktor
    Fungsi JavaScript

    Metode ini paling sering digunakan,


    terutama bagi mereka yang baru
    belajar Javascript.

    Fungsi ini sebenarnya merupakan


    fungsi anonim atau fungsi anonim.

    Sebenarnya hampir sama dengan


    menggunakan ekspresi. Bedanya,
    kita menggunakan panah (=>)
    alih-alih fungsi. Membuat fungsi
    dengan cara ini disebut fungsi
    panah.

    Metode ini sebenarnya tidak


    direkomendasikan oleh
    Pengembang Mozilla, karena
    tampilannya kurang bagus.

    JavaScript Function
    Contoh: buat struktur direktori seperti di bawah ini

    Sc: Index.php
    Sc : function.js

    Runing

    jQuery
    Apa itu jQuery?
    JQuery adalah pustaka kerangka javascript. JQuery adalah pengembangan script yang
    sengaja dibuat untuk membuatnya lebih mudah bagi kami untuk mengembangkan situs web
    dan ingin membuat efek dan kebutuhan penggunaan javascript lainnya mengembangkan situs
    web.
    ● Pustaka jQuery berisi fitur-fitur berikut:
    ● manipulasi HTML / DOM
    ● manipulasi CSS
    ● metode acara HTML
    ● Efek dan animasi
    ● AJAX
    ● Utilitie
    Tip: Selain itu, jQuery memiliki plugin untuk hampir semua tugas di luar sana
    Mengapa jQuery?
    Ada banyak perpustakaan JavaScript lain di luar sana, tetapi jQuery mungkin yang
    paling populer, dan juga yang paling bisa diperpanjang. Banyak perusahaan terbesar di Web
    menggunakan jQuery, seperti: Google, Microsoft, IBM, Netflix
    Cara menggunakan JQuery
    • Offline
    Menggunakan jquery offline artinya dengan mengunduh file jquery dan kemudian
    menghubungkan file html atau php dengan file jquery.
    • Online
    Menggunakan jquery online berarti menggunakan jquery dengan menghubungkan file HTML
    atau PHP dengan tautan online langsung dari jquery. Jika Anda tidak ingin mengunduh dan
    meng-host jQuery sendiri, Anda dapat memasukkannya dari CDN (Content Delivery
    Network). Google dan Microsoft menjadi tuan rumah jQuery. Untuk menggunakan jQuery
    dari Google atau Microsoft, gunakan salah satu dari yang berikut:
    https://jquery.com/download
    Instalasi jQuery menggunakan CDN

    Sintaks jQuery
    Sintaks jQuery dibuat khusus untuk memilih elemen HTML dan melakukan beberapa
    tindakan pada elemen(s). Sintaks dasarnya adalah: $ (selektor) .action ()
    A sign Tanda $ untuk mendefinisikan / mengakses jQuery
    A (pemilih) ke "query (atau menemukan)" elemen HTML
    A Tindakan jQuery () yang akan dilakukan pada elemen tersebut
    Examples:
    $(this).hide() -menyembunyikan elemen saat ini .
    $("p").hide() - menyembunyikan semua elemen paragraf <p>.
    $(".test").hide() - menyembunyikan semua element berdasarkan kelas ="test".
    $("#test").hide() - menyembunyikan elemen berdasarkan id="test.
    Acara Siap Dokumen

    Ini untuk mencegah kode jQuery dari berjalan sebelum dokumen selesai dimuat (siap).
    Ini adalah praktik yang baik untuk menunggu dokumen dimuat penuh dan siap sebelum
    bekerja dengannya. Ini juga memungkinkan Anda untuk memiliki kode JavaScript di bagian
    depan dokumen Anda, di bagian kepala.
    The element Selector

    Elemen jQuery memilih elemen yang dipilih


    berdasarkan nama elemen. Anda dapat memilih
    semua elemen <p> pada halaman seperti ini
    The #id Selector

    Pemilih jQuery #id menggunakan atribut id


    dari tag HTML untuk menemukan elemen
    tertentu.

    Id harus unik di dalam apage, jadi Anda


    harus menggunakan #idselector ketika Anda
    ingin menemukan elemen unik dan tunggal

    jQuery Metode Event


    Acara Apa itu Event ?
    Semua tindakan pengunjung yang berbeda yang halaman web dapat menanggapi peristiwa
    dipanggil.
    Suatu peristiwa mewakili saat yang tepat ketika sesuatu terjadi.
    Contoh:
    • menggerakkan mouse ke atas elemen
    • memilih radio tetapi
    • mengklik elemen
    Berikut adalah beberapa event DOM yang umum.
    Cara event jQuery digunakan

    click () Metode click () melampirkan


    fungsi eventhandler ke elemen HTML.
    Fungsi dijalankan ketika pengguna
    mengklik elemen HTML

    Catatan: silakan coba fungsi yang ada di tabel fungsi

    jQuery hide() and show()

    Dengan jQuery, Anda


    dapat menyembunyikan
    dan menampilkan
    elemen HTML dengan
    metode hide () dan
    show ()

    Metode Fading jQuery


    Dengan jQuery Anda dapat memudar(fade) elemen masuk dan keluar dari visibilitas. jQuery
    memiliki metode fade berikut:
    • fadeIn () • fadeOut ()
    • fadeToggle () • fadeTo ()
    jQuery Metode fadeIn()

    $(selector).fadeIn(speed,callback);
    Metode jQuery fadeIn () digunakan untuk memudar dalam elemen
    tersembunyi. Parameter kecepatan opsional menentukan durasi efek. Ini
    dapat mengambil nilai-nilai berikut: "lambat","cepat", atau milidetik.
    Parameter panggilan balik opsional berfungsi untuk dijalankan setelah
    fading selesai

    Catatan: coba semua fungsi fide ()

    jQuery Metode Sliding


    Dengan jQuery Anda dapat membuat efek geser pada
    elements.jQuery memiliki metode slide berikut:
    • slideDown () • slideUp () • slideToggle ()

    Filterable Table
    AJAX
    Apa itu AJAX ?
    AJAX adalah singkatan dari Asynchronous Javascript dan XML.
    AJAX berfungsi untuk:
    • Ambil data dari server di latar belakang,
    • Perbarui tampilan web tanpa harus mereload browser,
    • Kirim data ke server di latar belakang

    Anda mungkin juga menyukai