0% menganggap dokumen ini bermanfaat (0 suara)
4 tayangan16 halaman

Panduan Pembelajaran JavaScript Terintegrasi

Dokumen ini menyajikan panduan pembelajaran untuk mengembangkan keterampilan menghubungkan tabel yang dibangun untuk menyajikan informasi yang diminta dalam sebuah desain. Panduan ini mencakup aktivitas untuk membiasakan diri dengan konsep dasar JavaScript, mengembangkan peta konsep, dan menyelesaikan latihan praktis yang melibatkan variabel, fungsi, dan validasi data menggunakan JavaScript. Tujuannya adalah agar siswa belajar mengimplementasikan program dengan JavaScript dan mengembangkan struktur data yang diperlukan.

Diterjemahkan oleh

ScribdTranslations
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
4 tayangan16 halaman

Panduan Pembelajaran JavaScript Terintegrasi

Dokumen ini menyajikan panduan pembelajaran untuk mengembangkan keterampilan menghubungkan tabel yang dibangun untuk menyajikan informasi yang diminta dalam sebuah desain. Panduan ini mencakup aktivitas untuk membiasakan diri dengan konsep dasar JavaScript, mengembangkan peta konsep, dan menyelesaikan latihan praktis yang melibatkan variabel, fungsi, dan validasi data menggunakan JavaScript. Tujuannya adalah agar siswa belajar mengimplementasikan program dengan JavaScript dan mengembangkan struktur data yang diperlukan.

Diterjemahkan oleh

ScribdTranslations
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

MANAJEMEN PELATIHAN PROFESIONAL INTEGRAL

PROSEDUR PERKEMBANGAN KURIKULUM


PEDOMAN PEMBELAJARAN

1. IDENTIFICACIÓN DE LA GUIA DE APRENIZAJE

Denominación del Programa de Formación:

Kode Program Pelatihan: 228120

Nombre del Proyecto (si es formación Titulada): ADSI ANALISIS Y DESARROLLO DE SISTEMAS DE
INFORMASI

Fase Proyek (jika merupakan pelatihan Berijazah): Analisis, perencanaan, pelaksanaan, dan Evaluasi

Aktivitas Proyek (jika ini adalah Pelatihan Bersertifikat): Mengembangkan struktur data dan tampilan dari
aplikasi modul

Competencia: DESARROLLAR EL SISTEMA QUE CUMPLA CON LA SOLUCIÓN INFORMÁTICA

Hasil Pembelajaran Mencapai: MENGHUBUNGKAN TABEL YANG DIBANGUN UNTUK MENYAJIKAN


INFORMASI YANG DIMINTA DALAM DESAIN.

Durasi Panduan: 40

2. PRESENTACION

Setelah mempelajari dasar-dasar HTML, penting untuk belajar tentang JavaScript. JavaScript
memungkinkan menjalankan berbagai program yang dieksekusi di Sisi Klien yaitu di penjelajah yang sama
Web, tanpa perlu pergi ke Server. Ini memungkinkan efisiensi yang lebih besar dalam beberapa aspek dan tentang
hindari terhubung ke server ketika sebenarnya tidak perlu.

JavaScript memungkinkan Pemrograman Berorientasi Objek, memungkinkan penggunaan DHTML bersama CSS. Ada
berbagai pustaka JavaScript yang sangat digunakan seperti JQUERY, PROTOTYPE, MOOTOOLS antara
lain yang memungkinkan mengurangi waktu dalam pemrograman.

3. RUMUSAN KEGIATAN PEMBELAJARAN

3.1 Kegiatan Refleksi Awal.

Refleksikan

JavaScript memungkinkan perbaikan dalam antarmuka pengguna dan halaman Web dinamis, dikompilasi di sisi
klien.

GFPI-F-019 V3
SERVIS NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

Mengapa JavaScript?

Rspta: Karena ini adalah konsep yang berorientasi objek yang didasarkan pada prototipe dinamis yang diimplementasikan
dari sisi browser web yang memungkinkan antarmuka pengguna dan halaman.

Apakah kita benar-benar membutuhkannya?

Rspta: Jika perlu karena ini sederhana digunakan untuk pengembangan halaman web dan analisis.
basis data dan kompatibel dengan berbagai perangkat.

Masalah apa yang bisa muncul dalam penggunaan JavaScript?

Rspta: masalahnya adalah bahwa setelah halaman web dari server ditambahkan, mereka akan diunduh dan
eksekusi di browser yang memungkinkan kode berbahaya ini menghasilkan kerentanan dalam keamanan
dari sistem operasi.

3.2 Kegiatan kontekstualisasi dan identifikasi pengetahuan yang diperlukan untuk


pembelajaran.)

Aktivitas Pembelajaran No. 1 (Pengembangan Kelompok)

Di bawah ini, Anda akan menemukan sebuah aktivitas, di mana Anda dapat menetapkan dan mengidentifikasi konsep-konsep sebelumnya untuk
pengembangan dan implementasi Program dengan JavaScript. Disarankan untuk menyelidiki dan menginterpretasikan
topik berikut:

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang memungkinkan menyisipkan kode untuk fungsi dari
halaman web dalam HTML dan tidak membuat program independen.

Apakah JavaScript sama dengan Java? Apa perbedaan yang ada?

Tidak, karena java adalah bahasa pemrograman yang pada dasarnya untuk membuat aplikasi
para internet que permite realizar cualquier operación en el ordenador y el JavaScript realiza actividades
kompleks seperti menampilkan pembaruan dari sebuah konten contoh mengontrol berkas.

Apa perbedaan utama antara JavaScript dan PHP?

Rspta: php adalah bahasa sisi server yang memproses kode sumber dan JavaScript adalah bahasa
di sisi browser memberikan respons terhadap HTML.

Bagaimana cara membuat komentar di JavaScript?

Rspta: Garis miring ganda di awal garis atau di depan kode saat mengomentari.
PERKHIDMATAN NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PEDOMAN PEMBELAJARAN

Bagaimana cara mendefinisikan Variabel di JavaScript?

Rspta: Didefinisikan dengan cara yang sama melalui kata VAR yang memberikan nilai yang disimpan.

Apa ekstensi file untuk Fungsi JavaScript?

Rspta: format untuk file adalah JSWebsite yang merupakan file teks yang digunakan
dengan bahasa pemrograman JavaScript ketika menjalankan jenis halaman web termasuk kode dari
fungsi tersebut ke fileJS.

Bagaimana cara mendeteksi kesalahan di JavaScript?

Rspta: karena JavaScript adalah bahasa pemrograman yang diinterpretasikan, sebagian besar tidak dapat terdeteksi.
kesalahan dalam kode hingga skrip dijalankan di peramban ketika terjadi kesalahan
peramban menyediakan informasi berguna untuk menemukan titik kesalahan yang tepat untuk solusi
Kesalahan disebut sebagai memperbaiki skrip atau men-debug skrip yang berarti menghapus kesalahan dari sebuah aplikasi.

Apa arti JSON?

Rspta: berarti JavaScript Objek Notasi yang berarti notasi objek JavaScript adalah format
ringan pertukaran data. Ini adalah subset dari bahasa pemrograman adalah format yang
sepenuhnya independen dari bahasa.

Konsultasikan untuk apa kata kunci berikut digunakan dalam JavaScript:

"[Link]()": digunakan untuk memecah rangkaian teks yang panjang.

"ParseInt()": Ini adalah yang menemukan karakter yang bukan angka dari basis data tertentu.

“Prompt()”: Menampilkan jendela modal dengan pesan teks untuk bidang masukan untuk
pengunjung dan tombol TERIMA/BAIK.

"Alert()": Ini adalah kata kunci yang menampilkan pesan dan menghentikan eksekusi skrip hingga
biarkan pengguna menekan ok.

"Var": adalah kata reservasi untuk mendefinisikan sebuah variabel.

“//”: Es para agregar un comentario.

==: Equivalensi.

"a++": Istilah yang diberikan kepada variabel dalam operator untuk peningkatan atau pengurangan nilai
untuk operator dan memungkinkan mereka untuk meningkatkan atau mengurangi.
SERVIS NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PEDOMAN PEMBELAJARAN

3.3. Aktivitas penguasaan pengetahuan (Konseptualisasi dan Teorisasi).

Aktivitas Pembelajaran No. 2 (Pengembangan Individu)

Mengambil sebagai dasar tema kontekstualisasi dan identifikasi Pengetahuan tentang


Javascript, buatlah peta konseptual, ini akan mewakili bukti pengetahuan, se
saran menggunakan alat IHMC Cmap Tools, yang dapat diunduh secara gratis dari
URL Resmi berikut. Sebagai gantinya, alat lain seperti autoforma dapat digunakan di dalam
paket MS Office atau MS Visio di antara banyak lainnya

3.3 Kegiatan transfer pengetahuan.

Aktivitas Pembelajaran No. 3 (Pengembangan Kelompok)

- Buatlah sebuah latihan bebas yang menggunakan var, switch, while, if, alert.
SERVIS NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PEDOMAN PEMBELAJARAN

2. - Buatlah sebuah latihan di mana dua variabel diambil dan dijumlahkan melalui sebuah fungsi dan kemudia
melalui fungsi lain menampilkan hasil dengan sebuah alert.
SERVIS NASIONAL PENDIDIKAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

3.- Buatlah program dalam Javascript yang menangkap 4 data (a, b, c, d) melalui fungsi prompt
Saya melakukan operasi berikut:

Z1=a+b

Z2=a-d

Z3=d/b

Z4=c*d

Kemudian cetak hasilnya menggunakan opsi peringatan.


SERVEDI NACIONAL PENGAJARAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

4. Tangkap data a dan b dengan textbox dan tampilkan hasil jumlahnya di sebuah Textbox

5. Buatlah program dalam javascript yang memungkinkan untuk membandingkan nilai yang ditangkap dengan kotak teks bernama
cedula dan telepon dengan data yang disimpan dalam variabel a="Alexander", b="1014", c="2327405". Harus
validasi data untuk mengetahui apakah sama atau tidak, dan menunjukkan alert dengan jawaban. (Mengambil sebagai
Referensi latihan 72 bab 2 dari latihan contoh.
LEMBAGA NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

[Link] Kalkulator Web dalam Javascript yang memungkinkan menjumlah, mengalikan, mengurangi, dan membagi.
LAYANAN NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN
LAYANAN NASIONAL PENDIDIKAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

7. Membuat Sebuah Situs Web yang memungkinkan pengambilan data nama, nomor identitas, Telepon, alamat, email
elektronik dan kemudian divalidasi untuk memverifikasi:

a. Cedula dan telepon hanya dapat dituliskan dengan angka

b. Alamat email harus memiliki simbol arroba


LAYANAN NASIONAL PELATIHAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN
PELAYANAN NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PEDOMAN PEMBELAJARAN

4. AKTIVITAS EVALUASI

Ambil referensi dari teknik dan instrumen evaluasi yang disebutkan dalam panduan Pengembangan Kurikulum

Bukti Pembelajaran Criterios de Evaluación Teknik dan Alat dari


Evaluasi

Bukti Pengetahuan : Kejelasan dalam 3.2 Aktivitas dari


presentasi dari Kontekstualisasi: 30 Poin
Kenali sintaksis Javascript dan konsep
perbedaan mereka dengan bahasa lain. terkait dengan 3.3 Kegiatan Akomodasi
Laporan del Conocimiento 20 Puntos
Bukti Kinerja: - Menggunakan yang
3.4 Kegiatan dari
Gunakan teknik pemrograman prosedur Transferensi dari
para ser eficiente y detectar didirikan di Pengetahuan 50 Poin
Panduan Kerja
kesalahan dalam proses
Kedisiplinan dalam
pengkodean dengan Javascript
pengiriman Pekerjaan
Bukti Produk:
BUAT ANTARMUKA DARI
APLIKASI, MENGIKUTI
LEMBAGA NACIONAL PENDIDIKAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN BELAJAR

Program di Javascript PARAMETER YANG DITETAPKAN


DI

DESAIN YANG MEMENUHI


KEBUTUHAN PENGGUNA
FINAL.

GUNAKAN ALAT-ALAT
PEMBANGUNAN, UNTUK
KODIFIKASI DARI
MODUL

SISTEM, MENERAPKAN
FUNGSI KHUSUS DARI
BAHASA PEMOGRAMAN

- TERPILIH, DARI
PERJANJIAN DENGAN
KEBUTUHAN DARI
SISTEM
INFORMASI

5. GLOSARIO KATA

Java: Bahasa Pemrograman

Jquery: Libreria de Javascript muy utilizada

Prototype: Perpustakaan Javascript yang sangat digunakan

Mootools: Perpustakaan Javascript yang sangat banyak digunakan

DHTML: HTML dinamis, memungkinkan untuk membuat halaman yang lebih interaktif

CSS: Cascading Style Sheets

Jika: Klausul Kondisi

Sementara: Klausul Siklus


SERVIS NASIONAL PEMBELAJARAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

Kotak Teks untuk menulis dalam sebuah program

“Js”: File dengan ekstensi .js berisi file fungsi Javascript

[Link]()"; Memungkinkan untuk mencetak teks atau nilai variabel di layar.

“ParseInt()”: Pasa de una Variable tipo String a una variable Numérica.

Prompt()"; Menangkap nilai melalui kotak dialog.

“Alert()”; Memungkinkan untuk menampilkan kotak dialog dengan pesan.

“Var”; Semua variabel dideklarasikan menggunakan perintah var.

“//”: Permite crear un comentario en Javascript.

“==”; Ini adalah operator logika yang membandingkan nilai dan mengembalikan salah atau benar sesuai dengan kondisinya.

"a++"; Memungkinkan untuk menambah 1 pada variabel setiap kali pernyataan dijalankan.

6. REFERENSI BIBLIOGRAFI

JavaScript Profesional untuk Pengembang Web, Nicholas C. Zakas (ISBN: 978-0-7645-7908-0).


Meskipun merupakan buku tua, tetap menjadi referensi yang baik untuk belajar JavaScript
untuk para pengembang aplikasi web

JavaScript: Panduan Definitif (Edisi Kelima), David Flanagan (ISBN-13: 9780596101992).


Referencia completa de JavaScript en más de 1.000 páginas que explican con detalle cualquier
aspecto de este lenguaje de programación.

JQUERY
[Link]

Langkah-langkah untuk Menjalankan Jquery

[Link]

Panduan Javascript
[Link]

7. PENGENDALIAN DOKUMEN

Nama Kargo Ketergantungan Tanggal


LAYANAN NASIONAL PELATIHAN SENA
Prosedur Pengembangan Kurikulum
PANDUAN PEMBELAJARAN

Penulis (nya) ERNESTO CORTES INSTRUKTOR CEET 28/8/2018

8. KONTROL PERUBAHAN (isi hanya jika melakukan penyesuaian pada panduan)

Nama Kargo KetergantunganFecha Razón del Cambio

Pengarang (s)
PENGELOLAAN PELATIHAN PROFESIONAL INTEGRAL
PROSEDUR PENGEMBANGAN KURIKULUM
PEDOMAN PEMBELAJARAN

GFPI-F-019 V3

Anda mungkin juga menyukai