Beberapa cara untuk manipulasi CSS di Angular dengan ngClass
https://levelup.gitconnected.com/manipulate-css-classes-in-angular-119cc20fe50b
#css #class #ngclass #angular
https://levelup.gitconnected.com/manipulate-css-classes-in-angular-119cc20fe50b
#css #class #ngclass #angular
Medium
Manipulate CSS Classes in Angular
End-to-end sample to add class in 4 different ways in Angular Framework by using ngClass directive
Membuat visualisasi dari Log aktivitas dari aplikasi web Node JS yang ada di dalam Docker Container , dengan Elastic Stack dan Kibana
https://blog.soshace.com/visualizing-logs-from-a-dockerized-node-application-using-the-elastic-stack/
#docker #nodejs #log #logging #elasticstack #kibana
https://blog.soshace.com/visualizing-logs-from-a-dockerized-node-application-using-the-elastic-stack/
#docker #nodejs #log #logging #elasticstack #kibana
Latihan membuat aplikasi web sederhana dengan Ionic React dan mendeploy ke layanan AWS Amplify
https://alligator.io/ionic/ionic-4-react-aws-amplify/
#ionic #react #amplify
https://alligator.io/ionic/ionic-4-react-aws-amplify/
#ionic #react #amplify
alligator.io
Ionic 4, React, and AWS Amplify
How to deploy your Ionic 4 React app with AWS Amplify, a popular platform for mobile or web apps.
Melakukan konfigurasi untuk ukuran font maksimum di CSS
https://css-tricks.com/how-do-you-do-max-font-size-in-css/
#font #maxsize #css
https://css-tricks.com/how-do-you-do-max-font-size-in-css/
#font #maxsize #css
CSS-Tricks
How Do You Do max-font-size in CSS? | CSS-Tricks
CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky.
Menggunakan Broadcast Channel API untuk komunikasi data antar komponen JavaScript . Bisa disebut juga dengan EventBus .
https://alligator.io/js/broadcastchannel-api/
#broadcast #channel #eventbus
https://alligator.io/js/broadcastchannel-api/
#broadcast #channel #eventbus
alligator.io
How to use the BroadcastChannel API in JavaScript
An overview of the basic use cases and functionalities of the BroadcastChannel API to allow communication between windows/tabs/iframes of the same origin.
Membuat Docker Container untuk Node JS dan Nest JS backend .
https://blog.logrocket.com/containerized-development-nestjs-docker/
#docker #nestjs #container
https://blog.logrocket.com/containerized-development-nestjs-docker/
#docker #nestjs #container
LogRocket Blog
Containerized development with NestJS and Docker - LogRocket Blog
Using Visual Studio Code's internal debugger when developing with NestJS and Docker has the potential to greatly improve productivity.
Latihan melakukan manajemen Docker Image , seperti menghapus container, menghentikan container yang berjalan, menghapus storage volume yang dipakai container, dst
https://www.freecodecamp.org/news/docker-image-guide-how-to-remove-and-delete-docker-images-stop-containers-and-remove-all-volumes/
#docker #image #container
https://www.freecodecamp.org/news/docker-image-guide-how-to-remove-and-delete-docker-images-stop-containers-and-remove-all-volumes/
#docker #image #container
freeCodeCamp.org
Docker Image Guide: How to Delete Docker Images, Stop Containers, and Remove all Volumes
Docker has been widely adopted and is a great vehicle to deploy an application to the cloud (or some other Docker-ready infrastructure). It is also useful for local development. You can start complex applications quickly, develop in isolation, and still have…
Panduan menggunakan Docker untuk pengembangan aplikasi web bagian front end
https://dev.to/blacksonic/frontend-development-with-docker-simplified-254i
#docker #compose #frontend
https://dev.to/blacksonic/frontend-development-with-docker-simplified-254i
#docker #compose #frontend
DEV Community 👩💻👨💻
Frontend Development with Docker simplified
Docker is a great tool that helps developers build, deploy, and run applications more efficiently in...
Beberapa cara untuk error handling di JavaScript
https://blog.logrocket.com/exception-handling-in-javascript/
#error #handler #exception
https://blog.logrocket.com/exception-handling-in-javascript/
#error #handler #exception
LogRocket Blog
Exception handling in JavaScript - LogRocket Blog
Errors are part of the programming journey. When done properly, exception handling can help make your code more maintainable, extensible, and readable.
Menggunakan Vuelidate untuk melakukan validasi Form di Vue JS
https://learnvue.co/2020/01/getting-smart-with-vue-form-validation-vuelidate-tutorial/
#vuelidate #form #vue
https://learnvue.co/2020/01/getting-smart-with-vue-form-validation-vuelidate-tutorial/
#vuelidate #form #vue
learnvue.co
A Guide To Vue 3 Form Validation - Vuelidate Tutorial
Vue Form Validation is an essential part of any form system. Luckily for Vue developers, the Vuelidate library does most of the hard work for us.
Latihan menggunakan String Match di JavaScript dengan Regexp
https://alligator.io/js/string-match/
#string #match #regex
https://alligator.io/js/string-match/
#string #match #regex
alligator.io
A Quick Guide to the String Match Method in JavaScript
In as few words as possible, this post will teach you how the JavaScript match method works to retrieve regular expression match(es) from within a string.
Contoh kasus penggunaan Spread Operator di JavaScript
https://levelup.gitconnected.com/10-uses-for-javascripts-spread-operator-f7027ffc8dca
#spread #operator #es2015
https://levelup.gitconnected.com/10-uses-for-javascripts-spread-operator-f7027ffc8dca
#spread #operator #es2015
Medium
10 Uses for JavaScript’s Spread Operator
Which one is your favorite?
Latihan awal membuat aplikasi modern serba JavaScript dengan MERN Stack
https://www.freecodecamp.org/news/create-a-react-frontend-a-node-express-backend-and-connect-them-together-c5798926047c/
Latihan membuat aplikasi blog stack modern dengan Express JS , React , dan Postgre SQL .
https://www.freecodecamp.org/news/fullstack-react-blog-app-with-express-and-psql/
Latihan membuat mesin pencarian dinamis dengan React , Express, dan Postgre SQL https://www.freecodecamp.org/news/react-express-fullstack-search-engine-with-psql/
#nodejs #express #mern #postgre
https://www.freecodecamp.org/news/create-a-react-frontend-a-node-express-backend-and-connect-them-together-c5798926047c/
Latihan membuat aplikasi blog stack modern dengan Express JS , React , dan Postgre SQL .
https://www.freecodecamp.org/news/fullstack-react-blog-app-with-express-and-psql/
Latihan membuat mesin pencarian dinamis dengan React , Express, dan Postgre SQL https://www.freecodecamp.org/news/react-express-fullstack-search-engine-with-psql/
#nodejs #express #mern #postgre
freeCodeCamp.org
How to create a React frontend and a Node/Express backend and connect them
By João Henrique In this article, I’ll walk you through the process of creating a simple React app and connecting it to a simple Node/Express API that we will also be creating. I won't go into much detail about how to work with any of the technologie...
Snippet dan Contekan Cheatsheet penting untuk membuat Child Process di Node JS untuk menghindari blocking main thread di Node JS
https://levelup.gitconnected.com/nodejs-snippet-child-process-46ebf735ea15
#child #process #snippet
https://levelup.gitconnected.com/nodejs-snippet-child-process-46ebf735ea15
#child #process #snippet
Medium
NodeJS Snippet: Child Process
Offload tasks to spawned process to unblock main process
Latihan menggunakan Vue Composition API di Vue JS 3.0
.https://itnext.io/how-to-migrate-from-vue-2-0-to-vue-3-0-composition-api-with-ts-part-1-integration-b4bb74d2bcd8
#vue #composition
.https://itnext.io/how-to-migrate-from-vue-2-0-to-vue-3-0-composition-api-with-ts-part-1-integration-b4bb74d2bcd8
#vue #composition
Medium
How to properly use Vue 3.0 Composition API with TypeScript
First of all, I deeply think Vue core team is really amazing ! Congratulations on Vue 3.0 pre-alpha release !
Latihan bagian keempat membuat aplikasi peta di Angular dengan Open Street Map dan Leaflet JS
https://alligator.io/angular/angular-and-leaflet-shape-service/
#angular #maps #leaflet #openstreetmap
https://alligator.io/angular/angular-and-leaflet-shape-service/
#angular #maps #leaflet #openstreetmap
alligator.io
Building Maps in Angular using Leaflet, Part 4: The Shape Service
In this post you'll learn how to use Leaflet with Angular to generate shapes on a dynamic and mobile-friendly map.
Memahami apa itu CSS Variables dan cara implementasinya ke dalam HTML
https://dev.to/nirazanbasnet/understanding-css-variables-4cj0
#css #variables #cssvariables
https://dev.to/nirazanbasnet/understanding-css-variables-4cj0
#css #variables #cssvariables
DEV Community
Understanding CSS Variables
CSS variables, or “CSS Custom Properties”. It allows you to work with variables directly in CSS. They...
Memahami Immutability di JavaScript
https://css-tricks.com/understanding-immutability-in-javascript/
#immutability
https://css-tricks.com/understanding-immutability-in-javascript/
#immutability
CSS-Tricks
Understanding Immutability in JavaScript | CSS-Tricks
If you haven’t worked with immutability in JavaScript before, you might find it easy to confuse it with assigning a variable to a new value, or reassignment.
Membuat Daftar isi atau Table of Content yang tetap terhadap gerakan scrolling isinya.
https://css-tricks.com/sticky-table-of-contents-with-scrolling-active-states/
#sticky #tableofcontent #scrolling
https://css-tricks.com/sticky-table-of-contents-with-scrolling-active-states/
#sticky #tableofcontent #scrolling
CSS-Tricks
Sticky Table of Contents with Scrolling Active States | CSS-Tricks
Say you have a two-column layout: a main column with content and a sidebar. Say it has a lot of content, with sections that requires scrolling. The sidebar
Latihan menggunakan JavaScript modern ES2016 dengan beberapa contoh kasus.
https://dev.to/carlillo/es2016-features-with-simple-examples-3ifc
#es2016
https://dev.to/carlillo/es2016-features-with-simple-examples-3ifc
#es2016
DEV Community
ES2016 Features with simple examples
ES2016 aka ES7 is the version of ECMAScript corresponding to the year 2016. This version does not include as many new features as those that appeared in ES6 (2015). However, some useful features have been incorporated.