This is not an exhaustive list, and you certainly don’t need to know everything on this list to start to become a full stack developer. Start small!
Most common JavaScript tech stacks
There are several different stacks that incorporate JavaScript both on the frontend and the backend.
MEAN Stack
The MEAN Stack makes use of
- MongoDB
- Express.js
- Angular
- and Node.js.
MongoDB is a NoSQL Document-based database. Express.js is Node.js’s web server framework. Angular is a JavaScript framework that assists in creating performant front-end applications.
MEAN is somewhat newer, and many users flout its flexibility, CLI, and documentation. It is used by companies like Accenture, UNIQLO, and Fiverr.
MEEN Stack
The only difference between the MEAN Stack and the MEEN Stack is the JavaScript library that is used. Ember is what the second ‘E’ stands for here. Ember uses a component-service pattern to build web applications.
MERN Stack
Once again, the only thing that changes in the MERN Stack is the type of JavaScript framework that is used. In this instance, it’s a JavaScript library called React.
There is a large debate about what the difference between the library and the framework is, but generally a library has more freedom.
You can pick and choose what you would like to use out of React’s library to implement and reuse, whereas with a framework you don’t have a choice in the matter.
MEVN Stack
As with all of the previous stacks listed, the only change here is the type of JavaScript framework used. This one uses a framework called Vue.js.
It’s a model-view-view-model [MVVM] framework that separates the UI from the business logic that makes the application functional.
PERN Stack
The PERN Stack uses the same structure as the MERN Stack, but it changes out the database. Instead of a NoSQL-based database, we are using a SQL-based PostgreSQL database.
You would use a SQL-based database when you are looking to be more ACID compliant when conducting transactions. MySQL would work just as well here too.
What to learn next
Congrats! You should now have a good sense of what it takes to be a full stack web developer. As you build your web pages, consider implementing a full stack approach. The next things to learn depends on your current skill level.
If you are new to web dev, start by mastering JavaScript. If you already know the language, consider taking on a framework or library.
Educative’s course JavaScript in Detail: From Beginner to Advanced is a great place to start to get a handle on the frontend aspects of JavaScript. Throughout this course, you will be tasked with 4 projects that will test different parts of your understanding.
Happy learning!
Continue reading about JavaScript
- The journey to become a full-stack JS developer starts here
- What is jQuery? Learn the most popular JavaScript library
- Comparing the most popular frontend JavaScript frameworks
Apa itu Full Stack Development?
Pengembangan tumpukan penuh mengacu pada pengembangan bagian ujung depan dan ujung belakang suatu aplikasi. Proses pengembangan web ini melibatkan ketiga lapisan-Lapisan Presentasi [bagian ujung depan yang berhubungan dengan antarmuka pengguna], Lapisan Logika Bisnis [bagian ujung belakang yang berhubungan dengan validasi data] dan Lapisan Basis Data. Ini menangani semua langkah dari konsepsi ide hingga produk jadi yang sebenarnya.
Memiliki seorang spesialis yang bekerja pada masing-masing subsistem yang berbeda dari proses pengembangan web terbukti cukup rumit dan mahal. Perusahaan menuntut pengembang tumpukan penuh yang mahir dalam bekerja di banyak tumpukan.
Apa itu full-stack developer?
Full-Stack web developer adalah pengembang atau insinyur web yang bekerja di front-end dan back-end situs web atau aplikasi — artinya
mereka dapat menangani proyek yang melibatkan basis data, membangun situs web yang menghadap pengguna, atau bahkan bekerja dengan klien selama tahap perencanaan proyek. Menjadi Full-Stack Developer tidak berarti Anda harus menguasai semua yang dibutuhkan untuk bekerja dengan front-end atau back-end, tetapi itu berarti Anda dapat bekerja di kedua sisi dan memahami apa yang terjadi saat membangun sebuah aplikasi.
Faktanya, "full-stack" mengacu pada kumpulan serangkaian teknologi yang dibutuhkan untuk menyelesaikan sebuah proyek. "Stack" mengacu pada kumpulan sub-modul. Sub-modul atau komponen perangkat lunak ini digabungkan bersama untuk mencapai fungsi yang ditetapkan tanpa memerlukan modul lain.
Teknologi yang terkait dengan pengembangan tumpukan penuh:
Ada beberapa teknologi penting yang
harus Anda pelajari untuk menyebut diri Anda sebagai pengembang tumpukan penuh. Berikut adalah panduan singkat tentang teknologi apa yang harus Anda pelajari.
HTML dan CSS
Untuk memulai karir Anda dalam pengembangan web, Anda harus memiliki pengetahuan dasar tentang HTML dan CSS. Mereka adalah blok bangunan dasar web yang memungkinkan Anda menambahkan konten dan gaya ke halaman web Anda. Jadi, mulailah perjalanan Anda menjadi full-stack developer dengan mendapatkan
pemahaman yang baik tentang konsep front end ini.
JavaScript
Fakta bahwa JavaScript dapat digunakan baik dalam pengembangan front-end dan back-end membuatnya sangat populer. Ini adalah salah satu teknologi terpanas di pasar di mana inovasi berkelanjutan berlangsung. Dengan alat dan kerangka kerja baru yang dirilis setiap tahun, seseorang membutuhkan pengetahuan yang baik di bidang ini.
Pengetahuan tentang kerangka kerja JS seperti AngularJS dan ReactJS akan membantu seseorang untuk menulis kode panjang dengan mudah. Pemahaman yang kuat tentang jQuery akan menjadi keuntungan tambahan.
Bahasa pemrograman backend
Setelah mendapatkan pijakan yang kuat di arena front end, selanjutnya datang bahasa backend seperti Ruby, Python, PHP, dll. yang menangani logika aplikasi, otentikasi pengguna, dan operasi data. Mulailah dengan bahasa yang lebih mudah
dipelajari. Apa pun bahasa yang Anda pilih, pastikan Anda benar-benar memahami nuansanya. Anda dapat mempelajari NodeJS yang didasarkan pada JavaScript yang telah Anda pelajari sebelum mencapai titik ini.
Penyimpanan Basis Data & Web
Untuk merancang dan mengembangkan situs web dinamis, orang pasti harus tahu bagaimana situs web berbasis basis data menyimpan dan mengakses data. Pelajari manfaat sistem manajemen basis data relasional seperti SQL. Memahami cara
menghubungkan bahasa backend dengan database. Dapatkan pengetahuan tentang penyimpanan web sehingga Anda tahu cara menyimpan cookie, sesi, dan data yang di-cache di browser.
HTTP dan REST
Anda harus mendapatkan wawasan tentang HTTP yaitu protokol yang diperlukan untuk memfasilitasi komunikasi antara klien dan server. Anda juga harus tahu betapa pentingnya REST bagi protokol HTTP dan aplikasi
web. Pengetahuan tentang Chrome DevTools dan sertifikat SSL akan bermanfaat. Keterampilan tambahan yang ditetapkan untuk diadopsi sebagai pengembang tumpukan penuh adalah sebagai berikut.
Arsitektur Aplikasi
Mengembangkan aplikasi yang kompleks akan membutuhkan pengetahuan mendalam tentang bagaimana kode harus disusun, bagaimana data perlu disusun dalam database, bagaimana memisahkan file, di mana melakukan tugas komputasi dan di mana menyimpan file media besar. Jadi
pengembang web tumpukan penuh pasti membutuhkan pengetahuan yang mendalam tentang arsitektur aplikasi web.
Sistem Versi Kontrol
Full-stack web developer harus berpengalaman dengan sistem kontrol versi. Pemahaman tentang GIT akan membantu Anda melacak setiap perubahan yang Anda buat pada basis kode.
Memperoleh keahlian dalam begitu banyak teknologi dan menjadi ahli di semua lapisan pengembangan
web mungkin tampak seperti tugas yang menakutkan pada awalnya. Ini akan menjadi kerja keras untuk mempelajari semua ini, tetapi pada akhirnya akan bermanfaat dan Pengembangan Full-Stack itu menyenangkan!