hapidzfadli.id
News Update
Loading...

Featured

[Featured][recentbylabel]

Featured

[Featured][recentbylabel]

Rabu, 02 Desember 2020

Menggunakan Windows 10? Berikut cara menjalankan aplikasi Android di PC Anda

Menggunakan Windows 10? Berikut cara menjalankan aplikasi Android di PC Anda

 Akses beberapa aplikasi Android secara berdampingan di perangkat Windows 10 Anda, berkat pembaruan aplikasi Telepon Anda yang tersedia untuk ponsel Samsung Galaxy.


Pengguna ponsel Android tertentu sekarang dapat mengakses aplikasi seluler Android langsung dari PC Windows 10 ( $ 158 di Amazon ) mereka , berkat pembaruan aplikasi Telepon Anda yang diluncurkan Microsoft ke masyarakat umum pada bulan Agustus. Dan jika Anda adalah bagian dari program Windows Insider , versi Windows 10 terbaru yang dirilis pada 11 November akan memungkinkan Anda menjalankan beberapa aplikasi seluler Android secara berdampingan di PC Windows 10 Anda dan mendukung perangkat Samsung. 

Pembaruan, yang pertama kali diumumkan selama acara Samsung Unpacked pada 5 Agustus, memungkinkan Anda menyematkan aplikasi seluler Android favorit Anda ke Bilah Tugas atau menu Mulai di komputer Anda untuk akses cepat dan mudah. Aplikasi akan terbuka di jendela terpisah dari aplikasi Telepon Anda, memungkinkan Anda menggunakannya pada dasarnya dengan cara yang sama seperti yang Anda lakukan di ponsel - meskipun aplikasi Telepon Anda tidak terbuka. Versi Windows 10 terbaru memungkinkan Anda mencari aplikasi yang sebelumnya disematkan dari dalam daftar aplikasi Mulai, tanpa perlu menginstal aplikasi di desktop Anda atau masuk lagi. 

Dengan banyak orang yang masih bekerja dari rumah karena pandemi virus corona , kemampuan untuk mengakses aplikasi ponsel di layar desktop atau laptop yang lebih besar, dengan mouse, pena, atau layar sentuh, dapat membantu melakukan banyak tugas. 

Meskipun fitur tersebut umumnya tersedia sekarang, saat ini fitur tersebut hanya tersedia untuk ponsel Samsung Galaxy . Temukan daftar lengkap ponsel yang didukung di situs dukungan Microsoft .

Apa yang diperlukan untuk menjalankan aplikasi Android di PC Windows 10 Anda?

Selain ponsel Samsung Galaxy (setidaknya untuk saat ini), Anda memerlukan PC yang menjalankan Pembaruan Windows 10 Oktober 2019 atau lebih baru. Periksa versi apa yang Anda jalankan di PC Anda dengan membuka Pengaturan > Pembaruan & Keamanan > Periksa pembaruan . (Jika Anda perlu meningkatkan, Anda masih dapat mengunduh Windows 10 secara gratis .) 

Anda juga memerlukan versi terbaru aplikasi Telepon Anda, dan Tautkan ke Windows. Di ponsel Anda, Anda harus menjalankan Android 9.0 atau lebih tinggi, dengan integrasi Tautan ke Windows. 

Terakhir, ponsel dan komputer Anda harus berada di jaringan Wi-Fi yang sama agar fitur tersebut berfungsi.

Cara menjalankan aplikasi Android di PC Windows 10 Anda

Setelah Anda memiliki semua yang Anda butuhkan dan telepon serta komputer Anda terhubung, jendela aplikasi Telepon Anda akan muncul di desktop Anda. Untuk membuka aplikasi Android di desktop Anda: 

  • Klik pintasan Aplikasi dari menu di sebelah kiri. Anda akan melihat daftar semua aplikasi di ponsel Anda. 
  • Klik aplikasi yang Anda inginkan dari daftar, dan itu akan terbuka di jendela terpisah pada PC Anda. 

Perhatikan bahwa tidak semua aplikasi berfungsi dengan mouse atau keyboard Anda, tetapi banyak yang bisa. 

Dan berikut adalah beberapa tip lagi untuk berinteraksi dengan aplikasi seluler Anda di desktop dengan mouse dan keyboard Anda, menurut Microsoft : 

  • Satu klik akan berperilaku sama seperti interaksi satu sentuhan / ketukan.
  • Klik kanan di mana saja di layar ponsel Anda untuk menavigasi ke halaman sebelumnya.
  • Klik dan tahan akan berperilaku sama seperti interaksi ketuk / tahan.
  • Klik dan tahan dan seret untuk memilih konten.
  • Gulir mouse  untuk berpindah antar halaman secara vertikal atau horizontal.

Selasa, 17 November 2020

Membuat Menu Accordion Menggunakan Vanila Javascript

Membuat Menu Accordion Menggunakan Vanila Javascript



Para front-end developer sering membuat accordion untuk project yang mereka buat. Accordion sengat lah bermanfaat untuk tampilan aplikasi yang kita buat contoh dalam ketika memiliki pertanyaan yang sering di ajukan dan kami akan menampilkan jawabnaya di dalam website. Kami bisa hanya menampilkan pentanyaan saja terlebih dahulu lalu jika user mengklik sebuah icon jawabanya muncul. Singkatnya accordion adalah proses beralih antara menyembunyikan dan menampilkan konten dalam jumlah besar. Untuk membuat accordion kita dapat menggunkan bahasa pemrograman javascript.

Sebelum mencoba membuat projek, kalian harus memiliki pemahaman terlebih dahulu mengenai HTML, CSS dan tentunya javascript. Berikut di bawah demo aplikasi yang akan coba kita buat

This Is Demo Project




Seperti yang Anda lihat pada contoh di atas, ide proyek ini sangat sederhana. Anda memiliki beberapa elemen yang mengandung pertanyaan. Ketika Anda mengklik ikon tersebut, jawaban atas pertanyaan itu akan ditampilkan. Tampaknya lebih mudah, tetapi banyak logika yang terjadi di sana.

Mulai Menggunakan HTML


Pertama, kita akan membuat div bernama container yang akan berisi tiga div (3 elemen kita). Setiap elemen berisi pertanyaan dan jawabannya yang memiliki kelas untuk menyembunyikan teks. Anda dapat melihat HTML di bawah ini untuk memahaminya.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Background Changer</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/e391ce7786.js" crossorigin="anonymous"></script>
    <script src="script.js" defer></script>
</head>
<body>
    <div class="container">
      
        <div class="element">
            <div class="question">
                <h3>dolor sit amet consectetur adipisicing elit. Alias, reiciendis ?</h3>
                <button><i class="fas fa-plus-circle"></i></button>
            </div>
            <div class="answer hideText">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae fugiat 
                   debitis voluptatibus in, rem nihil itaque deserunt facere porro laborum.</p>
            </div>
        </div>

        <div class="element">
            <div class="question">
                <h3>dolor sit amet consectetur adipisicing elit. Alias, reiciendis ?</h3>
                <button><i class="fas fa-plus-circle"></i></button>
            </div>
            <div class="answer hideText">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae fugiat 
                   debitis voluptatibus in, rem nihil itaque deserunt facere porro laborum.</p>
            </div>
        </div>

        <div class="element">
            <div class="question">
                <h3>dolor sit amet consectetur adipisicing elit. Alias, reiciendis ?</h3>
                <button><i class="fas fa-plus-circle"></i></button>
            </div>
            <div class="answer hideText">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae fugiat 
                   debitis voluptatibus in, rem nihil itaque deserunt facere porro laborum.</p>
            </div>
        </div>


    </div>

Menata Elemen Kita

Jadi sekarang, kita akan memberi style pada elemen kita menggunakan CSS. Anda dapat membaca kode di bawah ini untuk melihat stylesheet kami.
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    height: 100Vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container{
    width: 600px;
    max-width: 600px;
    height: auto;
    padding: 10px;
}
.element{
    padding: 10px;
    background: crimson;
    color: white;
    margin: 10px 0;
    border-radius: 5px;
}
.element .question{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.question h3{
    font-family: sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 17px;
    text-align: center;
}
.question button{
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}
.question i{
    color: white;
    font-size: 20px;
}
.element .answer{
    padding: 10px 20px;
    animation: animate .7s;
}
p{
    font-family: sans-serif;
}
.hideText{
    display: none;
}
@keyframes animate{
    from{
        opacity: 0;
        transform: scale(0.6);
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
}

Bagian JavaScript

Sekarang, ini adalah bagian menarik yang akan membuat akordeon kami berfungsi. Dalam logika JavaScript kami, kami telah memilih semua div (elemen) kemudian kami menggunakan metode forEach untuk menambahkan event klik untuk setiap pertanyaan.

Kami juga mengubah kelas hideText yang telah kami tambahkan di HTML dan CSS, lalu kami mengubah ikon (plus-minus) berdasarkan kelas itu. Sulit untuk menjelaskan kode Anda, itulah mengapa saya mendorong Anda untuk membaca kode JavaScript di bawah ini untuk memahaminya.
const elements = document.querySelectorAll('.element');

elements.forEach(element =>{
    let btn = element.querySelector('.question button');
    let icon = element.querySelector('.question button i');
    var answer = element.lastElementChild;
    var answers = document.querySelectorAll('.element .answer');
    
    btn.addEventListener('click', ()=>{
        answers.forEach(ans =>{
            let ansIcon = ans.parentElement.querySelector('button i');
            if(answer !== ans){
                ans.classList.add('hideText');
                ansIcon.className = 'fas fa-plus-circle';
            }
        });
        
        answer.classList.toggle('hideText');
        icon.className === 'fas fa-plus-circle' ? icon.className = 'fas fa-minus-circle' 
        : icon.className ='fas fa-plus-circle';
    });
});

Sekarang Selamat, Anda telah dengan mudah membuat Accordion sederhana dengan Vanilla JavaScript.

Kesimpulan 


Cara terbaik untuk menjadi pengembang yang baik adalah dengan mempraktikkan apa yang telah Anda pelajari. Latihan membuat sempurna. membangun proyek JavaScript akan membantu Anda berlatih dan meningkatkan keterampilan pengkodean Anda secara umum. Terimakasih telah membaca artikel ini.



Kamis, 12 November 2020

Perhatikan 7 Pertanda Bahwa Ipad Anda Harus Di Upgrade

Perhatikan 7 Pertanda Bahwa Ipad Anda Harus Di Upgrade


Apakah Ipad anda terasa lebih lambat atau berat? Performa dan desain yang dulu menawan tidak lagi membuat anda terkesan, dan karena kurangnya pilihan aplikasi berarti ipad anda sudah ketinggalan zaman.

Pastikan bahwa anda tidak terjebak pada perangkat yang tidak di dukung. Berikut beberapa tanda bahwa ipad anda harus segera di ganti oleh yang baru.

Berapa Lama Ipad Bisa Bertahan?

Lama atau tidaknya sebuah ipad bertahan itu tergantung pemakaian anda menggunakan perangkat tersebut. Jika anda menggunakan Ipad hanya sesekali mungkin akan bertahan cukup lama. Tetapi perlu di perhatikan juga masalah pada sistem operasi, aplikasi, penyimpanan, dan perangkat keras yang sudah tidak mendukung di ipad versi lama.

Kami akan memberitahukan beberapa contoh masalah di bawah ini untuk membantu anda menentukan apakah sudah waktunya mengganti ipad anda:

  1. Masalah kompatibilitas iOS
  2. Aplikasi macet
  3. Penyimpanan rendah/penuh
  4. Aksesoris yang tidak kompatibel
  5. Daya tahan baterai buruk
  6. Masalah tampilan
  7. Tombol tidak responsif/ngelag

Jika anda menggunakan Ipad lebih dari lima tahun mengkin anda akan menyadari bahwa kinerja ipad anda lebih lambat.

Berikut pertanda bahwa ipad anda harus segera di ganti:


1. Masalah Kompatibilitas iOS

Semua sistem operasi perlu ditingkatkan dari waktu ke waktu. Ini masalah pembaharuan keamanan, menambahkan fitur baru, dan terkadang menghapus fitur lama. Sistem operasi iPad (dikenal sebagai iPadOS sejak September 2019 dan iOS sebelumnya) tidak berbeda.

Jika iPad Anda terlalu tua untuk versi terbaru iPadOS, Anda mungkin melewatkan patch keamanan penting dan fitur praktis. Misalnya, pada saat penulisan, iPadOS 13 2019 berjalan pada perangkat yang kembali ke iPad Air 2, yang dirilis pada 2014.

Jika Anda memiliki model yang lebih lama, dan tidak dapat meningkatkan ke versi iPadOS terbaru, mungkin inilah saatnya untuk mendapatkan iPad baru.


2. Aplikasi Ipad Macet

Saat model iPad baru menjadi lebih canggih, begitu pula aplikasi dan game. Mengupgrade perangkat Anda adalah satu-satunya cara untuk tetap mengikuti tren.

Saat model iPad baru menjadi lebih canggih, begitu pula aplikasi dan game. Mengupgrade perangkat Anda adalah satu-satunya cara untuk tetap mengikuti kurva.

Sayangnya, ini adalah fakta teknologi bahwa ketika sistem operasi diperbarui, perangkat lunak lama berhenti bekerja. Misalnya, aplikasi yang awalnya dirancang untuk iOS 7 mungkin telah diperbarui oleh pengembang untuk iPadOS 13. Tetapi jika iPad Anda tidak dapat menjalankan OS terbaru, Anda tidak akan mendapatkan pembaruan seperti itu di perangkat Anda.

Seperti halnya memiliki versi terbaru iOS, terus memperbarui aplikasi Anda menghadirkan fitur baru, perbaikan bug, dan keamanan. Jika aplikasi iPad Anda sering mogok, mungkin pertimbangkan iPad baru.


3. Penyimpanan Ipad Anda Sudah Habis

Tanda lain bahwa Anda siap untuk iPad baru adalah kehabisan penyimpanan secara teratur. Berlari melebihi batas penyimpanan Anda sekali atau dua kali adalah setara untuk kursus dalam beberapa hal, tetapi jika itu terjadi lebih sering, Anda mungkin mengalami masalah.

Meskipun Anda tidak dapat memperluas penyimpanan iPad seperti pada tablet Android, Anda memiliki banyak solusi penyimpanan cloud serta opsi penyimpanan eksternal untuk iPad .

Tetapi jika iPad Anda secara teratur meledak, ukuran aplikasi yang Anda instal bisa menjadi penyebabnya. Jika ini adalah alat yang Anda gunakan secara teratur, menghapus instalan bukanlah pilihan. Seringkali, pembaruan aplikasi lebih besar dari versi yang dirilis sebelumnya. Akibatnya, Anda mungkin harus menggunakan aplikasi di iPad Anda yang tidak memiliki kapasitas untuk menginstal dan menjalankannya.

Jika ruang menjadi masalah dan tip untuk membersihkan penyimpanan iPad Anda tidak membantu, sudah pasti saatnya untuk mendapatkan iPad baru.


4. Aksesoris Baru Tidak Sesuai

Aksesori biasa untuk iPad termasuk casing dan pengisi daya. Tetapi ketika perubahan pada desain iPad dilakukan, Anda akan menemukan ketidakcocokan menjadi masalah.

Misalnya, jika pengisi daya 30-pin lama Anda sudah usang, mungkin sulit untuk menemukan pengganti Apple yang asli. Sebagian besar pengecer hanya menyediakan pengisi daya Lightning modern. Ada juga masalah stasiun dok dan speaker.

Atau, Anda mungkin melihat casing baru yang bagus untuk iPad Air Anda, namun nanti ternyata casingnya terlalu kecil. Anda mungkin juga menemukan bahwa pelindung layar tidak kompatibel dengan iPad lama Anda.

Jika ini sering terjadi, iPad Anda semakin tua. Anda dapat menjelajahi eBay dan Amazon dengan hati-hati untuk mendapatkan aksesori yang sesuai --- atau sekadar meningkatkan.


5. Baterai Tidak Berthan Lama

iPads dikirimkan dengan baterai Li-Po yang dapat diisi ulang yang menawarkan banyak waktu penggunaan, tetapi Anda akan menemukan bahwa baterai tersebut tidak bertahan lama setelah bertahun-tahun digunakan.

Baterai Li-Po menurun seiring waktu; setiap baterai memiliki jumlah siklus pengisian yang terbatas. Jadi semakin tua perangkatnya, semakin banyak siklus yang dilaluinya. Suhu panas dan dingin yang ekstrem juga dapat berdampak negatif pada baterai, seperti dapat mengosongkan sel sepenuhnya.

Apakah iPad Anda menghabiskan banyak daya dalam beberapa jam, bahkan saat Anda tidak menjalankan aplikasi apa pun? Jika demikian, sepertinya upgrade adalah jawabannya.


6. Masalah Tampilan

Layar sensitif sentuhan yang berfungsi penuh diperlukan agar Anda dapat menggunakan iPad Anda. Jika layar berhenti mendeteksi sentuhan dan gerakan, atau jika layar berhenti menampilkan elemen layar dengan benar, maka Anda mendapat masalah.

Seperti TV, laptop, dan layar LCD lainnya, iPad lama bisa berakhir dengan piksel mati atau macet. Meskipun memijat layar dapat meringankan hal ini, penemuan piksel yang macet berulang kali menunjukkan bahwa sudah waktunya untuk iPad baru.

Layar dengan goresan, retakan, atau bahkan keripik di dalamnya akan kesulitan merespons kontak. Bahkan jika Anda tidak menggunakan iPad kuno, perangkat dengan layar yang rusak pasti dalam waktu yang singkat.


7. Tombol Perangkat Keras Tidak Merespons

Salah satu kekhawatiran dengan perangkat portabel apa pun adalah tombol perangkat kerasnya mungkin aus. Dalam beberapa tahun terakhir, pabrikan telah bergerak untuk mengurangi jumlah kontrol fisik, sebagian didorong oleh meminimalkan kesalahan tersebut.

Meskipun Anda dapat mengatasi masalah dengan kontrol volume dan rotasi, ketidakmampuan untuk mengakses layar beranda adalah masalah lain.

Salah satu solusinya adalah mengganti tombol Home dengan alternatif di layar menggunakan Settings> Accessibility> Touch> AssistiveTouch. Namun, perhatikan bahwa ketika tombol tidak berfungsi dengan benar, ini dapat menunjukkan masalah dengan perangkat keras lain.
Daripada mendapati diri Anda tidak dapat menyalakan atau mengoperasikan iPad Anda, lebih baik mencari peningkatan. Tombol yang tidak merespons adalah tanda utama bahwa iPad Anda mulai rusak.

IPad Baru Mana Yang Harus Anda Beli?

Jika Anda mempertimbangkan iPad baru, penting untuk mengetahui model apa yang saat ini tersedia. Daftar perangkat berubah setiap beberapa tahun, dengan lima saat ini tersedia:

  • iPad Pro 12,9 inci
  • iPad Pro 11 inci
  • iPad Air
  • iPad
  • iPad Mini
Perangkat ini disesuaikan untuk anggaran dan penggunaan yang berbeda. Misalnya, perangkat iPad Pro dimaksudkan sebagai pengganti laptop --- perangkat produktivitas tinggi yang cukup portabel untuk dibawa ke mana saja. Sementara itu, iPad standar cukup terjangkau untuk diberikan sebagai hadiah kepada orang tersayang, sedangkan iPad Air menawarkan perpaduan masa pakai baterai dan portabilitas.

Namun, setiap model memiliki batasan utama. Penyimpanan rendah adalah penyebab umum, terutama di antara model tingkat bawah. Pastikan untuk meneliti setiap model dengan cermat saat tiba waktunya untuk membeli iPad baru.
6 Tips Membuat Aplikasi Web Node JS Anda Menjadi Lebih Cepat

6 Tips Membuat Aplikasi Web Node JS Anda Menjadi Lebih Cepat



Dalam beberapa tahun kebelakang ini. Javascript merupakan bahasa pemrograman yang sangat penting. Bahasa ini sangat populer melebihi bahasa lainya. Pengembang maupun perusahaan saat ini banyak menggunakan bahasa javascript untuk membuat aplikasi mereka. 

Dengan munculnya freamwork dan library pada javascript. Bahasa ini semakin sering di gunakan khususnya Node Js sebagai pemrograman backend dari javascript. Banyak perusahaan yang memiliki trafik cukup tinggi menggunkan Node Js.

Node JS biasa digunkan untuk membuat aplikasi aplikasi obrolan dan streaming. Ini lah yang membuat node js terkenal di kalangan para developer. 

Dalam artikel ini saya akan memberi tahu anda bagaimana agar aplikasi yang anda buat menggunakan node js lebih efisien, sehingga kinerja aplikasinya lebih bagus.

Module Bundler dan Task Runner

Agar loading browser semakin cepat sangat penting bahwa file pada front-end di buat sekecil mungkin misalnya pada file gambar kita harus membuat ukuranya sekecil mungkin. Module Bundler dan Task Runner merupakan hal yang penting dalam proses ini.

Module Bundler digunakan untuk memproses sekelompok modul dan dependensi dalam sebuah file. Semua ini dilakukan oleh node.js. Setelah prosedur minifikasi selesai, maka siap untuk diproduksi. Proses minifikasi tergantung pada alat yang Anda gunakan.

Proses Minification sepenuhnya mengubah kode. Ini mempersingkat kode tetapi tidak merusaknya. Ini memotong nama variabel multi-karakter, memotong kode besar dengan menulisnya secara berbeda, atau menggabungkan beberapa file JavaScript. Metode ini tidak mengurangi kualitas kode, tetapi ukuran file menjadi kecil. Pengembang node js secara cerdas menggunakan proses minifikasi ini untuk mengoptimalkan aplikasi dan membuatnya lebih cepat.

Modul CSS

Saat Anda ingin mengurangi permintaan browser selama pemuatan halaman, minifikasi CSS adalah langkah selanjutnya. PostCSS, Sass, dan LESS membantu menyederhanakan kode. Mereka mengkompilasi semua file menjadi hanya satu file CSS, sehingga browser tidak perlu berputar-putar untuk mengambil kode, dan menyajikan file dengan cepat.

Gambar

Gambar adalah langkah selanjutnya yang perlu diefisienkan untuk mendapatkan kecepatan yang lebih cepat. Semakin kecil ukuran file gambarnya, semakin cepat aplikasi web Node.js berfungsi. Gambar dapat dikompresi menjadi lebih kecil, yang merupakan metode terbaik untuk mengoptimalkan gambar untuk kecepatan yang lebih baik.

SSL / TLS dan HTTP / 2

Menggunakan HTTP / 2 merupaka metode yang sangat berguna ketika membuat aplikasi menggunakan Node.js. Metode ini dapat mengurangi penggunaan bandwidth dan membuat browser lebih cepat ketika di gunakan. Ini juga bisa meningkatkan kinerja dan menyelesaikan masalah pada HTTP / 1.x.

Kompresi header - Ini menghapus header yang tidak berguna dan menentukan bahwa semua header HTTP dikirim dalam format terkompresi.

Multiplexing - Memungkinkan pengiriman beberapa permintaan untuk mendapatkan sumber daya dan pesan respons dalam satu koneksi TCP.

Multiplexing digunakan untuk mengurangi jumlah permintaan yang dikirim ke server. Jika tidak, waktu yang dibutuhkan untuk membuat koneksi HTTP lebih lama dari waktu yang dibutuhkan untuk mengirimkan data. Untuk memanfaatkan HTTP / 2, perlu untuk mengimplementasikan protokol Transport Layer Security (TLS) dan Secure Socket Layer (SSL).

Caching

Caching adalah metode yang biasa digunakan untuk meningkatkan kinerja dan kecepatan aplikasi apa pun. Halaman HTML, lembar gaya CSS, dan skrip JS disimpan sementara di sisi klien, yang disebut cache sisi klien. Contoh caching klien adalah ketika browser sering menyimpan data yang digunakan secara lokal atau disimpan di CDN. Tujuan utamanya adalah ketika pengguna mengunjungi kembali situs yang sama setelah mengunjunginya sebelumnya, situs web harus dimuat dari toko lama alih-alih mengunduh seluruh situs lagi. Ini meningkatkan kecepatan aplikasi web atau situs web.

Ini dapat dilakukan melalui header cache, dan HTTP bertanggung jawab untuk membuatnya mungkin. Ada dua cara untuk menemukan header cache:

Kedaluwarsa : Muncul ketika sumber daya harus diminta lagi.

Cache-Control: max-age : Ini menceritakan tentang validitas sumber daya dalam hitungan detik.

Kita harus menerapkan caching sisi server bersama dengan caching sisi klien. Ini perlu dilakukan untuk merender data untuk setiap pengguna berbeda yang mengakses aplikasi.

Mengoptimalkan Metode Penanganan Data

Dengan mengoptimalkan aplikasi apa pun, kinerja dan efisiensinya dapat ditingkatkan. Banyak hal yang dapat dioptimalkan dalam aplikasi yang tidak Anda sadari.

Operasi yang terikat CPU / IO (kueri database atau panggilan API lambat) dapat membuat program Node.js menjadi lambat.

Permintaan API digunakan untuk mengambil data di sebagian besar aplikasi node.js. Penomoran halaman adalah salah satu metode untuk mengoptimalkan fitur ini.

Pemfilteran adalah metode lain. Menampilkan hasil berdasarkan pencarian pengguna dan tidak mengirimkan materi lain disebut pemfilteran. Pagination & Filtering lebih umum digunakan dalam desain REST API.

Aktifkan GZIP

Kompresi GZIP adalah cara lain untuk meningkatkan kecepatan situs web. Tetap aktifkan. Saat diaktifkan, dan browser meminta sumber daya, server akan memampatkannya sebelum mengirimnya kembali. Sebaliknya, jika tidak diaktifkan, akan membutuhkan waktu yang relatif lebih lama untuk mengirim sumber daya kembali ke browser.

Penyeimbang beban

Membuat aplikasi yang dapat menangani bahkan sejumlah besar lalu lintas masuk merupakan tantangan besar bagi pengembang node js. Untuk ini, banyak pengembang mendistribusikan lalu lintas yang menyeimbangkan koneksi. Node.js memungkinkan Anda untuk menduplikasi aplikasi sehingga Anda dapat menyeimbangkan beban. Anda dapat melakukan ini di satu server multicore atau beberapa server. Dengan bantuan modul cluster yang diperkenalkan, Anda dapat menskalakan aplikasi node.js ke server multicore.

Kesimpulan

Pada artikel ini, kami telah membahas beberapa cara untuk membuat aplikasi Web Node.js lebih cepat. Kami telah menyertakan metode, proses, dan prosedur yang biasanya digunakan oleh pengembang Node.js dan juga diperlukan dan penting.

Saat pengembang membuat aplikasi web, dia lebih tahu cara mengoptimalkannya dan meningkatkan kecepatan. Jadi kami menyarankan Anda menghubungi perusahaan pengembang web yang bagus dan terkenal dengan pengembang node.js yang berpengalaman atau menyewa pengembang node.js jarak jauh yang lebih baik.

Kamis, 29 Oktober 2020

Tutorial Dart #6 Booleans

Tutorial Dart #6 Booleans

Setelah angka dan teks, ada satu tipe data utama lagi yang penting untuk dipelajari, yaitu boolean. Nama boolean ini diambil dari nama seorang matematikawan asal Inggris yang bernama George Boole. Beliau dikenal karena penciptaan aljabar boolean, yakni cabang aljabar di mana nilai variabel selalu benar atau salah.

Boolean pada Dart dideklarasikan dengan kata kunci bool. Sesuai dengan penjelasan di atas, variabel boolean hanya bisa menyimpan dua nilai, yaitu true dan false.

bool alwaysTrue = true;
var alwaysFalse = false;
var notTrue = !true;
bool notFalse = !false;

Tanda ! di atas disebut dengan operator “not” atau “bang”. Operator ini berfungsi untuk menegasikan nilai boolean, sederhananya membalik nilai boolean. Misalnya !true sama saja bernilai false.

Kita akan banyak menggunakan boolean dalam pengembangan aplikasi untuk operasi perbandingan dan juga pengondisian aplikasi.

if(true) {
  print("It's true");
} else {
  print("It's False");
 }
Tutorial Dart #5 String

Tutorial Dart #5 String

Kita telah banyak menggunakan String pada materi-materi sebelumnya dan seperti kita tahu, String digunakan untuk menyimpan data dalam bentuk teks. String pada Dart dapat didefinisikan dengan menggunakan tanda petik satu maupun petik dua.

String singleQuote = 'Ini adalah String';
String doubleQuote = "Ini juga String";

Anda dapat menggunakan tanda petik secara bergantian, khususnya jika Anda memiliki teks yang mengandung tanda petik.

print('"What do you think of Dart?" he asked');

Lalu bagaimana jika teks kita memiliki kedua tanda petik ini?

print('"I think it's great!" I answered confidently');

Tentunya kode di atas akan menghasilkan eror. Solusinya, gunakanlah backslash (\) untuk mengurangi ambiguitas dalam tanda petik. Mekanisme ini juga dikenal dengan nama escape string. Sehingga kode di atas akan menjadi seperti berikut:

print('"I think it\'s great!" I answered confidently');

Backslash sebelum tanda petik ini akan mengatakan kepada Dart bahwa itu hanyalah tanda petik dan tidak boleh ditafsirkan sebagai pembatas string. Selain tanda petik, backslash juga berguna untuk mengabaikan simbol lain yang menimbulkan ambigu di dalam string, contohnya seperti backslash itu sendiri.

print("Windows path: C:\\Program Files\\Dart");

Fitur lain dari String adalah String interpolation di mana kita bisa memasukkan nilai dari variabel atau expression ke dalam string. Interpolation ini bisa kita terapkan dengan simbol $.

var name = 'Messi';
print('Hello $name, nice to meet you.');
print('1 + 1 = ${1 + 1}');

Jika Anda perlu menampilkan harga dalam dollar, maka apa yang akan Anda lakukan? Yup, backslash akan memberitahu Dart mana tanda $ sebagai interpolation atau sebagai mata uang. Selain itu Anda juga menggunakan cara seperti berikut:

print(r'Dia baru saja membeli komputer seharga $1,000.00');

Huruf ‘r’ sebelum String akan memberitahu Dart untuk menganggap String sebagai raw, yang berarti akan mengabaikan interpolation.

Selain itu, kita juga bisa menambahkan sebuah Unicode ke dalam String. Pada Dart Unicode ini dikenal dengan runes. Unicode mendefinisikan nilai numerik unik untuk setiap huruf, angka, dan simbol yang digunakan dalam semua sistem penulisan dunia. Cara umum untuk mengekspresikan unicode adalah \uXXXX, di mana XXXX adalah nilai heksadesimal 4 digit. Misalnya karakter hati (♥) adalah \u2665.

print('Hi \u2665');

/*
  output :
    Hi ♥
*/
Tutorial Dart #4 Numbers

Tutorial Dart #4 Numbers

Tipe data number adalah tipe data yang berisi bilangan, dalam bahasa dart tipe data number bisa disimpan dalam dua jenis yaitu int dan double.

 Integers adalah nilai bilangan bulat yang tidak lebih besar dari 64 bit tergantung platform yang digunakan. Untuk Dart VM variabel integer dapat menyimpan nilai mulai dari -2^63 hingga 2^63 - 1, sementara jika dikompilasi ke JavaScript integer memiliki nilai dari -2^53 sampai 2^53 - 1.

Integer atau bilangan bulat adalah bilangan yang tidak memiliki titik desimal. Contohnya seperti berikut:

var number = 2020;
var hex = 0xDEADBEEF;

Sedangkan double adalah tipe data yang berisi bilangan desimal (bilangan yang memiliki angka di belakang koma). Double memiliki ukuran sebesar 64bit. Di bawah ini contoh tipe data double:

var decimal = 1.2;
var pi = 3.14;

Sejak versi Dart 2.1, kita bisa menuliskan tipe data double tanpa menuliskan angka di belakang koma secara literal. Sebelum versi tersebut, kita harus menuliskan bilangan desimal secara literal.

double withoutDecimal = 7; // Sama dengan double withoutDecimal = 7.0

Int dan double adalah subtipe dari tipe data num. Ketiga tipe data ini dapat kita gunakan untuk melakukan perhitungan dasar seperti penjumlahan, perkalian, hingga menggunakan fungsi seperti abs(), ceil(), floor(), dan banyak fungsi lainnya. Jika Anda membutuhkan operasi perhitungan namun tidak tersedia pada tiga tipe data ini maka Anda bisa memanfaatkan library dart:math. Pada materi sebelumnya kita memiliki kebutuhan untuk mengonversi tipe String menjadi int. Konversi tipe data ini adalah hal yang penting dan kita akan banyak membutuhkannya. Selain konversi String menjadi int, kita juga bisa melakukan konversi double menjadi String atau sebaliknya.

// String -> int
var eleven = int.parse('11');
  
// String -> double
var elevenPointTwo = double.parse('11.2');
  
// int -> String
var elevenAsString = 11.toString();
  
// double -> String
var piAsString = 3.14159.toStringAsFixed(2); // String piAsString = '3.14'



Notification
This is just an example, you can fill it later with your own note.
Done