Tech Stack adalah kombinasi dan

teknologi, bisa software bisa hardware,

teknologi apapun yang kita pakai untuk
mendevelop teknologi ada bahasa
pemrograman tools itu disebut Tech
Stack (bisa googling kembali untuk
detailnya)

Perbandingan Tech Stack dibawah ini

dijelaskan lebih ke Softwarenya, karena
kalau Hardware sangat luas sekali jika
dibahas.
Semua data materi ada di link Github dibawah ini :

https://github.com/catamyst-community/catamyst-techstack-battle

untuk catatan di github command line juga untuk save seperti menggunakan nano di linux
Distro pada linux yang terkenal debian dan ubuntu di atas bisa di lihat, kebanyakan menggunakan
ubuntu untuk pengembang web pada versi sistem operasi yang sering digunakan untuk ngoding.

NixOS itu bisa di bongkar pasang seperti mirip container, selesai dipakai bisa dibuang jadi untuk belajar-
belajar lebih membantu dengan NixOS.

Crome OS basenya Linux juga

System operasi itu disebut Tech Stack

Hardware seperti processor itu juga Tech Stack

SELANJUTNYA TOOLS

Sudah ada banyak sekali tools yang dibeli oleh Microsoft seperti github.com, VS Code yang sekarang
sedang booming banyak yang pakai dan dia Opensource

Basenya VS Code ? Javascrip kalau gak salah di cek lagi

JetBrains Fleet sudah digunakan banyak banyak bahasa pemrograman karena ringan, masih baru,
sekarang belum ada plugin seperti VS Code yang sudah banyak Plugin katanya lebih ringan dan berjalan
di cloud, kedepannya ecosistemnya akan bersaing dengan VS Code.

IntelliJ IDEA digunakan oleh produk JAVA seperti neatbeans

Bedanya kalau bootcamp ada mentornya, jadi bisa langsung di jawab, jika youtube belajar sendiri, dan
jika bertanya di comment dijawabnya tidak special di jawan dan belum tentu dijawab, makanya ada
yang buka belajar selanjutnya di youtube premium.

---------------------------------------------------------------------------------------------------------------------------

Untuk android studio lebih tepat untuk belajar android dengan java

Sublime Text, VIM sudah enteng tapi ketika VS Code keluar pada berbondong-bondong pindah ke VS
Code

Editor atom itu di kembangkan oleh Github, tapi sekarang sudah tenggelam

Notepad++ di awal itu bagus ketika atom, sublime, VS Code belum ada itu enak banget, tapi sekarang
jamannya VS Code yang sudah banyak plugin, memang agak berat, tapi banyak yang menggunakannya
dengan kenyamannya.

Teks Editor Online:

CODEPEN (masing berkembang sampai sekarang)

----------------------------------------------------------------------------------------------------------------
Terminal, dari dulu ya gitu gitu aja:
Command line yang suka coding di terminal hehe full coding

Untuk Warp bisa pakai mouse, jarang terminal bisa menggunakan mouse

SHELL

Yang lg popular saat ini zsh

GIT

Saat ini lagi menang banget, bash nya Microsoft, sangat keren banget Microsoft emang

Untuk GitHub UI nya enak dan sekarang lagi popular banget, GITHUB juga sudah ada dokumentasinya,
lengkap untuk cara cara nulisnya

GitLab milik sendiri bukan milik Microsoft

Untuk Project ini lagi tranding Trello

Untuk Basecamp itu sudah lama banget, tapi masih eksis sampai sekarang (legendaris).

LATEX juga luar biasa signifikan untuk membuat paper dan tesis keren banget saingan dengan
Markdown dan markdown itu bisa digabungan dengan LaTex.

Untuk formula matematika markdown gak bisa, LaTex bisa makanya sering markdown digabungin
dengan LaTeX atau dengan mermaid (bisa membuata diagram, seperti class diagram, ERD, Flowcart,
dll)

Pandoc untuk convert dengan dokumen dokumen yang berbeda-beda dari beda format.

Runtime

. Ruby

KITA BAHAS DARI Note.js sejak 2009 masih active sampai sekarang, saingannya Deno saat ini (di
suppot sendiri oleh perusahaan Deno)
Bun katanya powerfull jauh lebih jauh performancenya dari deno dan note.js (tapi masih baru banget)

Cloudfare Workers itu di anggap runtime, jadi bisa menjalankan code, banyak yang bilang ini
javascript, tapi gak murni javascript.

Vercel bisa menjalankan javascriot

AWS Lambda

Bisa menjalankan sementara/temporary di cloud

PHP ini runtime juga bisa menjalankan web server (jadi yang bisa menjalankan web server di sebut
runtime)

Kenapa W3Scholl (banyak iklan dan gak lengkap penjelasan teorinya lebih langsung praktek),
harusnya MDN Plus (lebih tepat untuk pemula belajar HTML dan CSS) lengkap

Tailwind adalah CSS Framework, dengan utility nya atau turunannya yaitu UnoCSS, daisyUI (ada
javascriptnya dan themesnya banyak, cocok yang buru2 desain yang di kejar dateline) dan Master CSS
(master css bisa gabungan sintak dari bootstrap dan tailwind)

Bootrap adalah framework CSS da nada javascriptnya, masih unggulan di pakai backend developer
yang butuh cepet, Cuma customize nya agak susah, harus pakai SAAS agar lebih mudah untuk
customize css pada bootstrap.

Bagi yang bosen pakai bootstrap bisa pakai bulma atau foundation framework (kelebihannya bisa
mendesain layout tampilan email) atau semantic UI (masih mirip) tapi dengan adanya ReactJS jadi
ketinggalan dan banyak yang beralih menggunakan ReactJS untuk desain FrontEnd karena lebih
interaktif.
JAVASRIPT

DOKUMENTASI JavaScript lengkapnya di MDN Plus

JavaScript sekarang turunannya TypeScript dan ecosystem typescript sudah berjalan disemua runtime
yang tadi di pelajari di atas.

Web Developer sekarang jarangan pakai typescript, padahal sangat membantu ada informasi2 yang
membantu.

---------------------------------------------------------

REACT

Dokumentasi di beta.reactjs.org bisa langsung ngoding di editor online yang sudah di siapkan.

Untuk membuat mobile app dengan JavaScript sedan booming saat ini menggunakan react native

UI Components styling yang saat ini lebih interactive ariakit.org dan Radix-ui.com

Ini bisa di styling lagi pada CSS nya seperti :

Dropdown :
Dan bisa dilihat tampilan tampilan UI Component di web headlessui.com

MUI JS di mui.com

React UI tools agak berat dan agak lebih sulit di custome (tidak sedetail headless, dari google banget.

CSS-in-JS runtime jadi meletakan CSS didalam JS.

Cakra UI dulu kompleks, saat ini kurang, karena tidak bisa di custome

………………………………………..

Ant Desain ini yang sangat banyak component UI yang siap pakai untuk cepat digunakan untuk projek
yang mau cepet di pakai desainnya.

…………………………………………………….

PREACT temennya REACT

………………………………………………………

VUE.JS web nya vuejs.org (banyak web nya) agak kagok lebih enak pakai react.js

Kebanyakan di vue.js yang di pakai ecosystem saja, jadi tetap pakai react.js

Seperti slider di vue.js bagus untuk component UI nya

Tailwind UI sangat bagus murni CSS lebih ngebantu desain desain yang kompleks di tailwindui.com

Dari button, hover, dll lengkap, dan bisa bikin sendiri component di tailwind

Svelte dulu menantang React, tidak bisa, karena lebih ke compiler, memang lebih ringan dan serupa
dengan React, Cuma masalah ecosystem nya belum sebesar React dan Vue.

……………………………………………………..
SOLIDJS mirip REACT tapi beda, hanya mirip secara sintaks

……………………………

Lit pada dasarnya web component jadi beda dengan React

………………………………………………

Qwik juga ada

…………………………

TAPI UNTUK MENCARI RESOURCE atau tutorial lebih banayak di REACT, karena ecosistemnya sudah
besar banget.

……………………………………

WEB BACKEND

dengan JavaScript

Express.js sedang popular saat ini

Kalau nestJS secara sintak harus pakai nanostation

PHP ecosistemnya Framework Laravel, karena sangat komplit ecosistemnya di laravel.com

Nantinya ketika praktik agak di tinggalin CodeIgniter, karena gak rapih, JADI langsung saja ke
LARAVEL.

Kalau yang lebih simple yaitu symphony tapi sudah lama sekali

…………………………………….
SERING SERING LIHAT SURVEY SETIAP TAHUNNYA UNTUK UPDATE KNOWLEDGE

https://survey.stackoverflow.co/2022/#education-ed-level-learn
JADI JELAS JAVASCRIPT SEDANG NAIK DAUN SAAT INI DI 2022
GO-LANG , FRAMWORKNYA BANYAK ADA ECHO, REVEL, GIN

………………………………

RUST ini multiperpouse

Frameworknya Rocket dan Activx

………………..

Framework kalau star nya dibawah 10.000 itu kecil

…………………
Bahasa pemrograman yang lama2 itu banyak ada erlang, dll

……………………………………..

JAVASCRIPT SAAT INI TERATAS (YUK BELAJAR)

Framework Next.Js versi 13 saat ini baru launch (popular banget) seperti mau bikin web atau aplikasi
web (lebih fleksibel)

Next.JS hanya REACT (React di buat dari Team nya Facebook)

………………….

Framwork Django dari Python sudah nyiapin template ORM yg siap pakai jika buru2 mau buat
beckend

…………………………………….
XSTATE serunya ada VISUALIZER

Jadi kebayang ada visualnya dari coding yang kita buat

………………………………….

Pada intinya bikin aplikasi pasti CRUD

………………………………………………………………
……………….

Tailwind support :

……………..

bisa dijelaskankak, urutan belajar javascript dari pembuatan front-end s/d back-end framework yg tepat di
pelajari saat ini dan databasenya menggunakan apa? keren survey nya paling atas di tahun 2022?

Banyak opini sebenarnya

Ada di catamyst.com/learn/web-app

https://catamyst.com/learn/web-app
Bisa jelas urutan belajar javascrip, lengkap karena bisa focus hanya belajar javascript saja

…………………….

Pakai Mapbox dengan reactJS lebih mudah dibandingkan pakai google maps

……………………
…………………………………..

……………………………………………..
……………..

MySQL saat ini dimiliki oleh Oracle

Planetscale.com bisa untuk ngoding query mysql untuk butuh cepet cocok buat developer yang ingin
cepet develop.
Supabase.com untuk postgreSQL

Railway.app/new kita bisa deploy bikin langsung butuh cepet bisa pakai railway untuk bikin aplikasi
database

Render.com juga bisa digunakan deploy

………………….

Prisma.io ini membantu developer untuk ORM enak dipakainya prisma ini bisa ngonekin database
lebih mudah. (kalau ada waktu pelajari PRISMA yang saat ini sedang booming)

……………………………………………
Firebase ini bisa buat buat games unity menggunakan C#

………….

Kontenbase bisa dengan cepat buat bikin back-end

………….

CMS

WORDPRESS

Headless Wordpress (jadi bukan wordpress murni)

Hygraph.com buat pengganti wordpress bagus, tapi bayar

………………..
Mobile

KALAU ingin bertanya di github di menu issues, TAPI BERTANYANYA DENGAN BHS INGGRIS

https://github.com/catamyst-community/catamyst-techstack-battle

Jika ingin nyetel ulang video webinar youtubenya ada di :

https://www.youtube.com/watch?v=5GfwX55Yumc
M HAIDAR HANIF

https://mhaidarhanif.com/

https://www.youtube.com/mhaidarhanif