Latihan bagian keempat atau terakhir, membuat aplikasi mobile Ionic dengan Vue JS

https://youtu.be/O77kf3Qnv1w

---

Latihan pengenalan Vue JS seperti components, props, dan slots

https://blog.logrocket.com/vue-js-simplified-components-props-and-slots/

---

Latihan dari Programming With Erik tentang penggunaan Vuex di Vue JS 3

https://youtu.be/IatqphZuN64

#vue #vuex #ionic #mobile

Referensi desain sticker untuk komputer laptop software developer

https://dev.to/wolfmath/stickers-on-your-laptop-4gnf

---

Referensi konfigurasi komputer Mac untuk pengembangan aplikasi modern

https://dev.to/junlow/my-mac-setup-for-work-1d7k

---

Beberapa bahan humor candaan seputar dunia Programming

https://levelup.gitconnected.com/an-array-of-programming-jokes-to-make-you-smile-e5bbb0cb42ed


https://levelup.gitconnected.com/101-hilarious-programming-jokes-in-3-minutes-6a2ebcd81f56

#tips

Melakukan Remote Debugging aplikasi Node JS di sisi server dengan VS Code dan ekstensi Remote SSH .

https://medium.com/weekly-webtips/easy-remote-debugging-node-js-using-vs-code-28bc67ced9d3

—-

Deploy aplikasi Node JS ke backend AWS dan dijalankan dengan CI/CD Github Actions dan PM2

https://dev.to/lukasborawski/node-js-app-deployment-with-aws-pm2-and-github-actions-31o2

#nodejs #ssh #vscode #pm2

Latihan membuat blog sederhana dengan menggunakan Gatsby JS dan Markdown

https://medium.com/weekly-webtips/how-to-make-a-blog-from-scratch-using-gatsby-8218ad8d50fb

—-

Latihan menggunakan React Router untuk routing navigasi halaman di React JS sisi client

https://medium.com/weekly-webtips/react-client-side-routing-90873b96b429

—-

Mengenal library Recoil JS untuk state management di React JS

https://medium.com/weekly-webtips/recoil-js-high-performance-state-management-for-react-simplified-cb520464a667

—-

Tips dan trik menulis aplikasi web React JS dengan rapi dan terstruktur

https://medium.com/weekly-webtips/how-to-write-better-react-code-183972c6e3df

—-

Beberapa fitur JavaScript yang sering dipakai di dalam aplikasi web React JS

https://medium.com/weekly-webtips/use-most-useful-js-features-into-react-js-4875e023bae7

—-

Beberapa hal yang perlu diketahui dari fitur React Hooks

https://medium.com/weekly-webtips/all-you-need-to-know-about-react-hooks-988b9b036a71

—-

Cara membuat component React JS melakukan render ulang halaman

https://medium.com/weekly-webtips/force-component-to-re-render-with-hooks-in-react-c57cde48dc9f

—-

Contoh sederhana penggunaan state dari React Hooks

https://medium.com/weekly-webtips/state-in-react-js-e4a18a30eb1f

—-

Contoh sederhana penggunaan Props di React JS
https://medium.com/weekly-webtips/props-in-react-js-b08cbafda65

—-

#react #gatsby #hooks #props #state #recoil #render

Perjalanan pengembang yang terbiasa memakai React ke framework Vue JS

https://medium.com/better-programming/a-journey-from-react-to-vue-js-cec3ba44c377

---

Mengenal fitur fitur yang ada di Vue CLI 3

https://vuejsdevelopers.com/2018/03/26/vue-cli-3/

---

Membuat Web Components dengan Vue CLI 3

https://medium.com/js-dojo/create-publish-web-components-with-vue-cli-3-26f9cfb6583b

---

Membuat modul Vuex secara dinamis sesuai halaman yang membutuhkan

https://www.digitalocean.com/community/tutorials/vuejs-vuex-dynamic-modules.amp

---

Sampel kode aplikasi web Spotify clone yang dibuat dengan Vue JS dan Vuex

https://github.com/gk4m/vue-spotify

---

#vue #vuex #spotify

Pemberian nama fungsi yang baik sesuai dengan prinsip pemrograman SOLID

https://www.samanthaming.com/tidbits/66-no-and-in-function-name/

---

Cara penamaan variabel tipe Boolean dengan prefix is, has, can

https://www.samanthaming.com/tidbits/34-better-boolean-variable-names/

---

Latihan memberi nama nilai variabel dengan baik dan benar

https://www.samanthaming.com/tidbits/36-bad-variable-names-to-avoid/

---

Mengenal Nano Copy, library JavaScript untuk melakukan deep copy dengan mudah dan ringan

https://www.npmjs.com/package/nano-copy

---

#solid #function #boolean #variable

Latihan menggunakan Promise dan Async Await untuk pengolahan data bersifat asinkronus

https://medium.com/weekly-webtips/using-promise-with-async-await-to-get-data-25380ab861c2

—-

Latihan mengenal JavaScript Modern dalam bentuk ringkasan singkat dan jelas

https://medium.com/weekly-webtips/javascript-es6-basics-in-15-minutes-b163b8ddec14

—-

Beberapa kelebihan dari TypeScript , dan kenapa harus dipelajari sambil belajar JavaScript modern

https://medium.com/weekly-webtips/write-typescript-instead-of-javascript-3-reasons-e65a44abaafe

—-

Latihan penting pengenalan fitur Destructuring, Rest Parameter, dan Spread Operator di JavaScript modern

https://medium.com/weekly-webtips/quick-tips-destructuring-rest-parameter-and-spread-operator-4fc767ebd971

—-

Sejarah perkembangan JavaScript dari 1995 sampai tahun 2020 ini yang menjadi bahasa pemrograman yang wajib dipelajari.

https://medium.com/better-programming/javascript-history-and-future-71b0ceb737aa

—-

Memahami prinsip penting pemrograman JavaScript untuk Event Loop dan Callstack eksekusi perintah.

https://medium.com/weekly-webtips/how-javascript-call-stack-and-event-loop-works-da9077c56a8b

—-

Memahami prinsip penting pemrograman JavaScript untuk Single Thread , Event Loop, dan Asynchronous
https://medium.com/better-programming/single-threaded-and-asynchronous-how-does-node-do-it-d964100766a

—-

Memahami konsep Promise API untuk metode eksekusi secara asinkronus kepada Event Loop

https://medium.com/weekly-webtips/mastering-promises-33c565e41c12

—-

Melakukan filter data dengan library 7urtle/lambda dalam bentuk filterMap

https://medium.com/weekly-webtips/filtermap-in-javascript-efficiency-for-functional-programming-b52b7d909d30

—-

#es2015 #promise #async #await #rest #spread #destructuring #filtermap #typescript

Contoh beberapa tools yang biasa dipakai untuk membuat kode tampilan aplikasi web

https://levelup.gitconnected.com/6-tools-to-add-to-your-bag-as-a-web-ui-dev-e12cfc2711ed

---

Latihan membuat header yang bersifat responsive dengan Tailwind CSS

https://dev.to/dailydevtips1/responsive-header-in-tailwind-css-2djn

---

Membuat efek fade in untuk menampilkan halaman yang selesai dimuat

https://www.impressivewebs.com/fading-in-page-on-load-with-css-javascript/

#tools #tailwind #css #fadein

Daftar referensi extension untuk VS Code editor yang berguna untuk web development modern

https://medium.com/weekly-webtips/top-10-vscode-extensions-as-a-web-developer-a317b49ab9e7

—-

Latihan membuat snippets VS Code untuk JavaScript dan React

https://medium.com/weekly-webtips/supercharge-your-vscode-with-snippets-javascript-react-c56e999f6204

—-

#snippet #code #vscode #extension

Perbandingan backend REST API yang dibuat dengan Express JS , Fastify, dan dengan Node JS murni tanpa framework

https://medium.com/javascript-in-plain-english/fastify-express-benchmark-4c4aebb726d6

—-

Membuat sistem antrian proses atau Message Queue dengan Bull , Redis, dan MongoDb di Node JS

https://medium.com/better-programming/message-queue-using-bull-redis-and-mongodb-in-node-js-d7dedaa426ea

—-

Memantau kesehatan dan stabilitas aplikasi Node JS dengan teknik Watchdog timer

https://levelup.gitconnected.com/ensuring-healthy-node-js-program-using-watchdog-timer-9170fa35cf68

—-

Membuat GraphQL Server dengan Express JS

https://medium.com/swlh/graphql-server-with-node-js-5a031881d4b8

#nodejs #fastify #express #graphql #redis #queue #bull #mongodb #watchdog

Channel The Destro Dev Show merilis latihan penting membuat sertifikat Ssl HTTPS sendiri untuk dipakai dalam proses development backend berbasis Node JS

https://dev.to/destrodevshow/enable-https-in-localhost-with-openssl-for-a-nodejs-app-with-video-3hch

---

Latihan yang lain adalah deploy aplikasi front end React JS ke Heroku server

https://youtu.be/IZNrZvk7pmw

---

Latihan deploy backend Node JS ke layanan Heroku server

https://youtu.be/j1uLXEGPQ30

---

Latihan panjang membuat aplikasi fullstack JS dengan MERN Stack dan Node JS

https://www.freecodecamp.org/news/learn-how-to-use-react-and-graphql-to-make-a-full-stack-social-network

---

Cara menggunakan Ngrok untuk melakukan publikasi aplikasi web Node JS ke internet publik, untuk proses development dan testing.

https://youtu.be/MGLCe2c7YoU

---

#nodejs #ssl #https #mern #ngrok #openssl #heroku

Channel Codedamn merilis roadmap atau alur belajar menjadi fullstack web developer modern dengan teknologi berbasis Node JS dan JavaScript. Beberapa teknologi dan framework yang dipakai dapat dilihat pada tautan berikut

https://youtu.be/kYIDqbHlZtk

---

Prediksi perkembangan teknologi aplikasi web di tahun 2021 yang akan datang oleh Codedamn

https://youtu.be/RqSUZ3mn5kM

---

Latihan panjang dari Codedamn tentang pengenalan HTML dan konsep penggunaan CSS untuk mengatur tampilan element HTML

https://youtu.be/XhqEuyWjbdo

---

#roadmap #fullstack #nodejs #mern #mean #mevn #learning

Membuat aplikasi JAMStack dengan Gatsby JS, Netlify dan Fauna Db

https://css-tricks.com/how-to-create-a-client-serverless-jamstack-app-using-netlify-gatsby-and-fauna/

---

Menambahkan fitur offline mode pada Gatsby JS

https://blog.logrocket.com/going-offline-in-gatsby/

---

Perbedaan antara Next JS dan Gatsby JS serta beberapa fitur unggulan masing masing

https://dev.to/pagepro_agency/next-js-vs-gatsby-which-one-to-choose-2a78

#jamstack #nextjs #gatsby #react #netlify

Memahami penggunaan Flexbox CSS untuk mengatur posisi dan tampilan halaman web

https://medium.com/weekly-webtips/how-to-master-using-flexbox-in-css-cee4eacfba45

—-

Membuat animasi Progress Bar dengan CSS dan HTML

https://medium.com/weekly-webtips/how-to-make-an-animated-loading-bar-in-css-635b1256ad0e

#flexbox #layout #progressbar #loading #bar

Node Weekly 368
12/14/2020

• News An Introduction to Event Loop Utilization
• News Node v15.4.0 (Current) Released
• News Build Code and Ship In App Messaging in a Few Hours
• News How to Handle Request Validation in Your Express API
• News npm v7.1.0 Released with Two Small New Features
• News Serverless Node.js You Can Run Anywhere
• News Automatically Generating Social Share Images Serverlessly
• News Puppeteer vs Selenium vs Playwright, A Browser Automation Speed Comparison
• News 10 React Security Best Practices
• News How to Make Your Code Reviewer 'Fall in Love with You'
• News cfonts: Striking Text Banners for the Terminal
• News Nodesource Brings arm64 Support to its Node Binary Distributions
• News htmlparser2 6.0.0: A Forgiving HTML and XML Parser
• News Node.js + Express: An OpenTelemetry Deep Dive
• News node-oracledb 5.1: An Oracle Database Driver for Node
• News pg-listen: Postgres LISTEN and NOTIFY for Node.js
• News Principal NodeJS Software Engineer (Remote)
• News Find Your Next Job Through Vettery


Tags: #weekly #nodejs
NodeJs Indonesia Community

Mengenal perbedaan Promise All, Promise All Settled , Promise.race dan Promise.any untuk menjalankan Promise secara paralel .

https://medium.com/weekly-webtips/javascript-promises-promise-all-vs-promise-allsettled-vs-promise-race-vs-promise-any-d42b8e272bf8

---

Latihan menggunakan Async Await dan Promise untuk proses asinkroknus di JavaScript

https://www.freecodecamp.org/news/learn-promise-async-await-in-20-minutes/

---

Daftar panjang trik penulisan kode JavaScript yang sering dipakai sehari hari.

https://dev.to/blessingartcreator/8-useful-javascript-tricks-you-didn-t-know-in-4-minutes-3npb

—-

Daftar trik penggunaan dan manipulasi Array pada JavaScript

https://dev.to/kais_blog/14-awesome-javascript-array-tips-you-should-know-about-1d0m

—-

Cara konfigurasi TypeScript dengan ESLint dan Prettier di VS Code

https://dev.to/sam_piggott/setting-up-typescript-with-eslint-prettier-for-visual-studio-code-1e3h

—-

Latihan membuat jam stopwatch dengan JavaScript

https://dev.to/gspteck/create-a-stopwatch-in-javascript-2mak

---

Mengenal tentang penggunaan "this" object di dalam JavaScript

https://dev.to/alexdevero/a-quick-guide-to-this-keyword-in-javascript-what-this-is-and-when-7i5

---

#promise #async #await #tips #trick #array #this

Membuat fitur lazy loading component dan router dengan Angular

https://www.thirdrocktechkno.com/blog/lazy-load-component-with-angular-10/

---

Tips optimasi aplikasi web Angular yang memiliki performa lambat

https://www.thirdrocktechkno.com/blog/top-reasons-why-your-angular-app-is-slow/

---

Membuat fitur drag and drop dengan Angular

https://www.thirdrocktechkno.com/blog/building-interactive-lists-with-the-new-angular-7-drag-and-drop-tool/

---

Mengenal aa itu MEAN Stack yang merupakan fullstack JavaScript

https://www.thirdrocktechkno.com/blog/what-is-mean-stack-mean-stack-components-and-benefits/

---

Menggunakan fitur server side rendering di Angular

https://www.thirdrocktechkno.com/blog/server-side-rendering-with-angular-10/

---

Membuat fitur lokalisasi bahasa atau i18n di Angular

https://www.thirdrocktechkno.com/blog/how-to-implement-localization-in-angular-10/

---

Contoh penggunaan Getter Setter di TypeScript

https://levelup.gitconnected.com/advantages-of-typescript-getters-and-setters-in-angular-668f4639ad0c

#angular #lazyload #component #ssr #i18n #mean #dragdrop #getter #setter

Tips dan trik terbaik dalam melakukan desain dan struktur backend berbasis REST API

https://medium.com/weekly-webtips/9-best-practices-for-rest-api-design-7fb0b462099b

#restapi #bestpractices

Referensi library JavaScript murni tanpa jquery untuk membuat efek Carousel.

https://dev.to/mycodemagic/top-10-javascript-carousel-libraries-1ech

#library #carousel #nojquery #es6

Ingin kontribusi di Jawa Barat? Yuk, gabung dengan tim Jabar Digital Service!⁣⁣⁣⁣⁣⁣
⁣⁣⁣⁣⁣⁣
Di sini, kamu bakal bantu proses pengambilan kebijakan jadi jauh lebih akurat dan efektif karena berbasis data dan teknologi.
⁣⁣⁣⁣⁣⁣
Simak posisi apa saja yang tersedia dan persyaratan rekrutmennya pada laman resmi kami: digitalservice.jabarprov.go.id/karir
⁣⁣⁣⁣⁣⁣
Catat juga tanggal-tanggal pentingnya ya!⁣⁣⁣⁣⁣⁣

Pendaftaran dan seleksi administrasi:
11-17 Desember 2020 ⁣⁣⁣⁣⁣
Pengumuman Hasil Seleksi Administrasi:
21 Desember 2020⁣⁣⁣⁣⁣
Tes Kompetensi & Wawancara:
21-23 Desember 2020⁣⁣⁣⁣⁣
Pengumuman Hasil Wawancara:
24 Desember 2020⁣⁣⁣⁣⁣
Verifikasi & Validasi:"
28-29 Desember 2020⁣⁣⁣⁣⁣
Pengumuman Akhir:
30 Desember 2020⁣⁣⁣⁣⁣

Sampai jumpa di Jabar Digital Service!⁣⁣⁣⁣⁣⁣
⁣⁣⁣⁣⁣⁣

Halo teman-teman, pada kesempatan kali ini aku mau sharing tetang cara membuat CI/CD Pipeline untuk Aplikasi Typescript dengan container di gitlab. Gak hanya itu aja, aku disini make envoy proxy untuk ngedeploy di 2 environment yang berbeda (Staging & Production)

Semoga bermanfaat :D
https://youtu.be/Sy_Uay0fxlg