Successfully reported this slideshow.
Your SlideShare is downloading. ×

FULLSTACK DEVELOPMENT.pptx

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 12 Ad

More Related Content

Recently uploaded (20)

Advertisement

FULLSTACK DEVELOPMENT.pptx

  1. 1. FULLSTACK DEVELOPMEN T Sigit Kurniawan, M.Kom
  2. 2. SIGIT KURNIAWAN, M.KOM Jakarta 36th Jakarta Timur Married Universitas Nusa Mandiri • Bachelor of Information Systems • Master of Computer Science • Senior Developer of Martina Berto, Tbk • Lecturer at STMIK Bani Saleh Bekasi • Lecturer at STIE Muhammadiyah Jakarta/Universitas Teknologi Muhammadiyah
  3. 3. PROJECTS PT. INTISEL PRODAKTIFAKO M PERTAMINA EP CEPU PERTAMINA DRILLING SERVICE INDONESIA KEMENTRIAN SOSIAL REPUBLIK INDONESIA Website Company profile Human Resource Service Desk Web Based Application Digital Workshop Web Based Application Multiple Data Correction Web Based Application
  4. 4. WHAT IS FULL STACK DEVELOPMENT ???
  5. 5. FULL STACK DEVELOPME NT WEBSITE Fronten d Backen d Databas e
  6. 6. WEB ARCHITECTURE CLIENT SIDE SERVER SIDE REQUEST REQUEST RESPONSE RESPONSE
  7. 7. CLIENT SIDE HTML CSS JAVASCRIPT REACT JS ANGULAR JQUERY VUE SWIFT
  8. 8. SERVER SIDE PHP PYTHON RUBY ASP .NET NODE JS JAVA MYSQL ORACLE POSTGRE MONGODB API
  9. 9. Pustaka atau library Javascript yang dimanfaatkan untuk membuat desain interface website. Keunggulan ReactJS Declarative views Component- based Learn once, write anywhere
  10. 10. Runtime environment untuk JavaScript yang bersifat open-source dan cross- platform. Dengan Node.js kita dapat menjalankan kode JavaScript di mana pun, tidak hanya terbatas pada lingkungan browser. Fitur-fitur NodeJS Asynchronous & Event-driven Very Fast Single Threaded but Highly Scalable
  11. 11. REACTJS WITH NODEJS FRONT END React JS BACK END Node JS API DATABASE Reques t Respons e
  12. 12. THANK YOU

Editor's Notes

  • Declarative views – Ini membuat kode menjadi lebih mudah diprediksi dan di-debug. React membantu pembuatan desain UI yang interaktif di setiap state dalam aplikasi. Jika ada objek state yang berubah, React akan memperbarui dan merender ulang komponen.

    Component-based – Memungkinkan developer membangun Encapsulated Component yang bisa mengelola state-nya sendiri, dan menggunakannya untuk membuat UI yang kompleks.

    Learn once, write anywhere – Mengembangkan fitur baru tanpa perlu menulis ulang kode sebelumnya. React juga dapat bekerja dengan Node.js dan mobile apps menggunakan React Native.
  • Asynchronous & Event-driven Semua API dari Node.js bersifat asynchronous, artinya tidak memblokir proses lain sembari menunggu satu proses selesai. Server Node.js akan melanjutkan ke ke pemanggilan API berikutnya lalu memanfaatkan mekanisme event notification untuk mendapatkan respon dari panggilan API sebelumnya.

    Very Fast Eksekusi kode dengan Node.js sangat cepat karena berjalan pada V8 JavaScript Engine dari Google Chrome.

    Single Threaded but Highly Scalable Node.js menggunakan model single thread dengan event looping. Mekanisme ini membantu server untuk merespon secara asynchronous dan menjadikan server lebih scalable dibandingkan server tradisional yang menggunakan banyak thread untuk menangani permintaan.

×