DEV Community: BagasN

Menulis Notasi Matematika Menggunakan MathJax

BagasN — Sun, 07 Nov 2021 15:45:50 +0000

MathJax adalah mesin tampilan open-source berbasis javascript menggunakan notasi LaTeX, MathML, dan AsciiMath yang berfungsi di semua browser modern.

"Beautiful and accessible math in all browsers"

Sesuai dengan slogannya, kamu dapat menulis notasi matematika pada html atau markdown dengan mudah.

Cara Menambahkan MathJax

Ada 2 cara menambahkan MathJax, yaitu:

Web Integration Cara ini merupakan cara yang paling mudah karena kamu cukup menambahkan script pada file html/markdown kalian.

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

Server Integration MathJax tersedia sebagai node package, jadi kamu dapat menambahkannya dengan cara menginstall melalui npm.

npm i mathjax

Cara menulis notasi matematika

Seperti yang sudah dijelaskan, kamu dapat menggunakan notasi LaTeX, MathML, atau AsciiMath. Kali ini saya hanya akan menjelaskan cara menulis menggunakan LaTeX saja.

Caranya cukup mudah yaitu, kamu cukup menulis notasi matematika menggunakan syntax LaTeX kemudian tambahkan masing-masing 1 tanda dolar (mode inline) atau dua tanda dolar (mode display) diantara notasi matematika tersebut $...$ / $$...$$.

<p>$$\lim_{x\to\infty}(\dfrac{1}{x})=0$$</p>

Hasilnya akan seperti berikut,

\lim_{x\to\infty}(\dfrac{1}{x})=0

Syntax LaTeX

Untuk menulis notasi matematika, saya sarankan untuk tidak menghafal syntax-nya tetapi menyiapkan referensi/cheat sheet. Jadi kamu cukup mencari apa yang kamu butuhkan saja.

Referensi

Memulai dan Menjalankan Jupyter Notebook di VS Code

BagasN — Sun, 10 Oct 2021 10:47:14 +0000

Jupyter adalah projek open-source yang menggabungkan teks Markdown dengan kode Python (dapat dieksekusi secara langsung) dalam satu kanvas yang dinamakan notebook. Pada kesempatan kali ini akan dijelaskan bagaimana cara memulai dan menjalankan Jupyter Notebook di VS Code.

Pertama, Unduh dan Install Anaconda.

Kemudian, buka anaconda prompt dan jalankan perintah berikut: ```

conda install ipykernel

Pilih ya saat ditanya untuk melanjutkan.

- Setelah itu, buka VS Code dan install ekstensi Python

![Python Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6v80c39wjxq4eifbef0e.png)

- Pada pojok kiri bawah klik tombol tersebut, pilih Anaconda sebagai Interpreter

![Interpreter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wz5twpg43m51ohw3aqak.png)

- Sekarang Jupyter Notebook bisa dijalankan di VS Code. Buat notebook dengan cara membuat file berformat ipynb atau bisa juga dengan membuka command palette dan pilih create new jupyter notebook.

![Hello World](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ika37beiry7tlnb7jiej.png)

Referensi:
[Channel Youtube VS Code](https://www.youtube.com/watch?v=h1sAzPojKMg)

Apa itu Tech Stack?

BagasN — Sun, 03 Oct 2021 06:26:29 +0000

Ketika membangun rumah, dibutuhkan berbagai alat dan bahan bangunan agar rumah itu bisa dibangun. Sama halnya dengan membangun web digunakan berbagai macam teknologi.

Nah, apa itu tech stack? Menurut StackShare.io, tech stack didefinisikan sebagai kumpulan teknologi yang digunakan oleh suatu organisasi untuk membangun aplikasi web atau mobile. Kumpulan ini adalah kombinasi dari berbagai bahasa pemrograman, framework, library, pattern, server, solusi UI/UX, perangkat lunak, dan alat yang digunakan oleh para developer.

Tech stack terbagi menjadi 2 komponen yaitu frontend dan backend stack.

Frontend

Frontend merupakan bagian dari website yang berinteraksi langsung dengan user atau disebut juga sebagai client-side. Bahasa yang digunakan misalnya HTML, CSS, dan Javascript. Tujuan utama dari frontend adalah agar tampilan web menjadi responsif dan optimal.

Backend

Backend disebut sebagai server-side-nya website. Backend menyimpan dan mengolah data serta berperan agar segala sesuatu yang terjadi pada frontend berjalan dengan lancar. Bahasa yang digunakan umumnya menggunakan PHP, Node.js, Python, dan lain-lain.

Berikut adalah tech stack yang populer digunakan oleh para developer, yaitu:

LAMP

Linux (Sistem Operasi)
Apache (HTTP Server)
MySQL (Manajemen Database Relasional)
PHP/Perl/Python (Bahasa Pemrograman)

LAMP menawarkan efisiensi biaya, fleksibilitas, dan kinerja terbaik. Setiap komponen LAMP gratis dan open source. Stack ini dapat digunakan pada sistem operasi apapun, jadi LAMP dapat diubah menjadi WAMP untuk Windows atau MAMP untuk MacOS.

MERN

MongoDB (Database NoSQL)
Express.js (Backend Framework)
React (Frontend Framework)
Node.js (Cross-platform Server)

Kelebihan dari MERN yaitu menawarkan pendekatan praktis untuk membangun aplikasi yang cepat dan efisien karena menggunakan satu bahasa pemrograman (Javascript) dan teknologi yang mendasarinya open source dan gratis. Terdapat framework yang bisa digunakan sebagai pengganti React yaitu, Angular.js (MEAN) dan Vue.js (MEVN).

Apabila kalian penasaran seperti apa tech stack yang digunakan oleh perusahaan teratas kalian bisa cek di stackshare.io. ~~Bukan promosi~~

Sumber referensi:

Sumber gambar: