Latihan dari Online Tutorials membuat dialog Pop Up Modal tema subscribe newsletters, dengan HTML, CSS, dan JavaScript
https://youtu.be/bGNeZ6P3nqU
---
Membuat landing page dengan tema Netflix Movie dari Online Tutorials
https://youtu.be/44OcU1PJWCA
---
Membuat halaman Login Form dengan efek Glassmorphism yang transparan
https://youtu.be/yh6lyefeUKc
---
Cara menampilkan scrollbars ketika terjadi efek hover
https://css-tricks.com/scrollbars-on-hover/
#css #modal #dialog #landingpage #glassmorphism #scrollbar #hover
https://youtu.be/bGNeZ6P3nqU
---
Membuat landing page dengan tema Netflix Movie dari Online Tutorials
https://youtu.be/44OcU1PJWCA
---
Membuat halaman Login Form dengan efek Glassmorphism yang transparan
https://youtu.be/yh6lyefeUKc
---
Cara menampilkan scrollbars ketika terjadi efek hover
https://css-tricks.com/scrollbars-on-hover/
#css #modal #dialog #landingpage #glassmorphism #scrollbar #hover
YouTube
How To Create Modal Popup Box with CSS & Javascript | Newsletter Popup Box
In this video you will learn how to create a modal popup box using CSS and Javascript.
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D…
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D…
Memperkenalkan library Hot Toast untuk Angular, membuat pop toast dengan mudah di framework Angular terbaru. Selengkapnya bisa dilihat di bawah ini fiturnya.
https://netbasal.com/introducing-angular-hot-toast-the-best-angular-toast-in-town-1e3a8ede424e
—-
Melakukan binding data CSS ke tampilan layout Angular
https://netbasal.com/binding-css-variables-in-angular-69dfd4136e21
—-
Latihan menggunakan LocalForage di Angular untuk mengakses IndexedDb dan LocalStorage
https://codeburst.io/use-localforage-with-angular-pwa-25a997dfab2e
---
Mengatur UI State di Angular dengan async ui state
https://medium.com/weekly-webtips/angular-handling-async-ui-states-6bd5316140aa
—-
Latihan membuat fungsi upload di Angular dengan fitur progress bar ketika upload sedang berjalan
https://nils-mehlhorn.de/posts/angular-file-upload-progress
#angular #toast #modal #popup #localforage #localstorage #binding #css #upload
https://netbasal.com/introducing-angular-hot-toast-the-best-angular-toast-in-town-1e3a8ede424e
—-
Melakukan binding data CSS ke tampilan layout Angular
https://netbasal.com/binding-css-variables-in-angular-69dfd4136e21
—-
Latihan menggunakan LocalForage di Angular untuk mengakses IndexedDb dan LocalStorage
https://codeburst.io/use-localforage-with-angular-pwa-25a997dfab2e
---
Mengatur UI State di Angular dengan async ui state
https://medium.com/weekly-webtips/angular-handling-async-ui-states-6bd5316140aa
—-
Latihan membuat fungsi upload di Angular dengan fitur progress bar ketika upload sedang berjalan
https://nils-mehlhorn.de/posts/angular-file-upload-progress
#angular #toast #modal #popup #localforage #localstorage #binding #css #upload
Medium
🚀 Introducing Angular Hot Toast — The Best Angular Toast in Town
A few weeks ago, I came across a neat React library — react-hot-toast. At that moment, I told myself I had to mimic it for the Angular…
Latihan membuat modal dialog dengan Vue JS 3, Teleport API, dan Tailwind CSS
https://dev.to/alvarosaburido/create-modals-with-vue3-teleport-tailwindcss-48aj
---
Membuat aplikasi chat dengan MEVN Stack dan Socket IO
https://medium.com/js-dojo/build-a-real-time-chat-app-with-vue-3-socket-io-and-nodejs-adc259dd1d07
---
Beberapa design pattern di Vue JS yang dapat diimplementasi di aplikasi skala besar
https://medium.com/js-dojo/7-vue-patterns-that-you-should-be-using-more-often-b13cde4d2ae6
---
Cara deploy aplikasi Nuxt JS ke VPS production
https://medium.com/js-dojo/how-to-deploy-nuxt-application-to-server-production-mode-on-db67633421fd
#nodejs #vue #mevn #nuxt #modal #teleport #tailwind #designpattern
https://dev.to/alvarosaburido/create-modals-with-vue3-teleport-tailwindcss-48aj
---
Membuat aplikasi chat dengan MEVN Stack dan Socket IO
https://medium.com/js-dojo/build-a-real-time-chat-app-with-vue-3-socket-io-and-nodejs-adc259dd1d07
---
Beberapa design pattern di Vue JS yang dapat diimplementasi di aplikasi skala besar
https://medium.com/js-dojo/7-vue-patterns-that-you-should-be-using-more-often-b13cde4d2ae6
---
Cara deploy aplikasi Nuxt JS ke VPS production
https://medium.com/js-dojo/how-to-deploy-nuxt-application-to-server-production-mode-on-db67633421fd
#nodejs #vue #mevn #nuxt #modal #teleport #tailwind #designpattern
DEV Community
Create modals with Vue3 Teleport + TailwindCSS
Vue 3 brought us a lot of amazing new features, but one of my favorites still is the Teleport. Why?...
Contoh penggunaan Vue JS dengan TSX
https://areknawo.com/vue-with-tsx-the-perfect-duo/
---
Latihan menggunakan state management dengan Vuex
https://javascript.plainenglish.io/vue-js-state-management-with-vuex-a-beginners-guide-a1a281d7e91d
-
Referensi latihan tentang penggunaan Vuex
https://levelup.gitconnected.com/when-and-how-to-use-vuex-270f83c8d12a
---
Membuat dialog konfirmasi dengan Vue JS dan Tailwind CSS
https://javascript.plainenglish.io/build-a-confirmation-modal-with-vue-js-and-tailwind-7f7077f80d35
---
Membuat Countdown Timer dengan Vue JS
https://javascript.plainenglish.io/create-a-countdown-timer-app-with-vue-3-and-javascript-b064642d3a12
---
Form validation di Vue JS 3 dengan Vee Validate
https://medium.com/front-end-weekly/form-validation-in-a-vue-3-app-with-vee-validate-4-validation-and-submission-1a0068c871e4
#vue #vuex #dialog #modal #tailwind #countdown #tsx #validation #veevalidate
https://areknawo.com/vue-with-tsx-the-perfect-duo/
---
Latihan menggunakan state management dengan Vuex
https://javascript.plainenglish.io/vue-js-state-management-with-vuex-a-beginners-guide-a1a281d7e91d
-
Referensi latihan tentang penggunaan Vuex
https://levelup.gitconnected.com/when-and-how-to-use-vuex-270f83c8d12a
---
Membuat dialog konfirmasi dengan Vue JS dan Tailwind CSS
https://javascript.plainenglish.io/build-a-confirmation-modal-with-vue-js-and-tailwind-7f7077f80d35
---
Membuat Countdown Timer dengan Vue JS
https://javascript.plainenglish.io/create-a-countdown-timer-app-with-vue-3-and-javascript-b064642d3a12
---
Form validation di Vue JS 3 dengan Vee Validate
https://medium.com/front-end-weekly/form-validation-in-a-vue-3-app-with-vee-validate-4-validation-and-submission-1a0068c871e4
#vue #vuex #dialog #modal #tailwind #countdown #tsx #validation #veevalidate
Areknawo
Vue with TSX - the perfect duo!?
Combining the best of React with the best of Vue - how does the Vue + TSX combo play out? Diving into Vue 2 and Vue 3 and their TypeScript and TSX support!
Latihan membuat modal dialog dengan menggunakan HTML dan JavaScript
https://javascript.plainenglish.io/create-native-modals-in-html-with-example-242b465be938
#modal #dialog #html
https://javascript.plainenglish.io/create-native-modals-in-html-with-example-242b465be938
#modal #dialog #html
Medium
Native Modals in HTML with Example
Part 2: Styling the modal & the main button
Rmodal, library untuk membuat modal dialog dengan ringkas dan cepat
https://github.com/zewish/rmodal.js
#modal #library #rmodal
https://github.com/zewish/rmodal.js
#modal #library #rmodal
GitHub
GitHub - zewish/rmodal.js: A simple 1.2 KB modal dialog with no dependencies
A simple 1.2 KB modal dialog with no dependencies. Contribute to zewish/rmodal.js development by creating an account on GitHub.
Referensi beberapa library Animations untuk Vue JS
https://javascript.plainenglish.io/top-15-vue-js-animation-libraries-e173fdefb49b
---
Membuat dialog modal component dengan Vue JS
https://javascript.plainenglish.io/how-to-build-a-modal-component-with-vue-js-39ba5f7c6a47
---
#vue #modal #animation
https://javascript.plainenglish.io/top-15-vue-js-animation-libraries-e173fdefb49b
---
Membuat dialog modal component dengan Vue JS
https://javascript.plainenglish.io/how-to-build-a-modal-component-with-vue-js-39ba5f7c6a47
---
#vue #modal #animation
Medium
Top 15 Vue.js Animation Libraries
Useful libraries for Vue.js developers
Latihan bersama Dcode membuat modal dialog dengan HTML, CSS, dan JavaScript murni
https://youtu.be/q8gv3B3DBoo
#dcode #modal #dialog #css #nojquery
https://youtu.be/q8gv3B3DBoo
#dcode #modal #dialog #css #nojquery
YouTube
How to Create a Modal Window For Your Websites - HTML, CSS & JavaScript Tutorial
In this video I'll show you how to create a custom modal window for use on your websites using plain HTML, CSS & JavaScript. This is very easy to do and can be added to your existing web projects.
Let me know if you have any other ideas for web design/projects!…
Let me know if you have any other ideas for web design/projects!…
Latihan bersama John Komarnicky membuat modal component di Vue JS 3 dengan Slots dan Composition API
https://youtu.be/NFdvWBh-D6k
---
Panduan menggunakan Supabase sebagai fitur Authentication di Vue JS
https://blog.logrocket.com/ultimate-guide-authentication-vue-js-supabase/
---
Tips dan trik dalam menggunakan Vue JS
https://javascript.plainenglish.io/vue-js-best-practices-you-should-adopt-3f3b3a8abace
#vue #tips #supabase #auth #modal #johnKomarnicky #slots #composition
https://youtu.be/NFdvWBh-D6k
---
Panduan menggunakan Supabase sebagai fitur Authentication di Vue JS
https://blog.logrocket.com/ultimate-guide-authentication-vue-js-supabase/
---
Tips dan trik dalam menggunakan Vue JS
https://javascript.plainenglish.io/vue-js-best-practices-you-should-adopt-3f3b3a8abace
#vue #tips #supabase #auth #modal #johnKomarnicky #slots #composition
YouTube
Build a Reusable Modal Component Using Vue 3, The Composition API & Slots
In this video we build out a dynamic & reusable modal component using vue 3. We create this using the composition api, slots & props.
-----------------------------------------------------------------------------------------------------
Join my channel…
-----------------------------------------------------------------------------------------------------
Join my channel…
Latihan panjang membuat Blog dengan Next JS
https://www.smashingmagazine.com/2021/06/creating-multi-author-blog-nextjs/
---
Menggunakan Modal Component di React JS
https://dev.to/itays123/using-modals-in-react-js-the-right-way-zero-prop-drilling-3ah9
---
Beberapa tips penting untuk optimasi React JS
https://blog.logrocket.com/5-react-performance-optimization-techniques/
---
Membuat sistem login Auth pada MERN Stack
https://dev.to/crackingdemon/register-and-login-system-in-mern-stack-1n98
---
Menggunakan Preact JS untuk library view pengganti React pada Next JS
https://javascript.plainenglish.io/next-js-preact-f993c95a3f93
---
#react #nextjs #preact #auth #mern #performance #modal #dialog
https://www.smashingmagazine.com/2021/06/creating-multi-author-blog-nextjs/
---
Menggunakan Modal Component di React JS
https://dev.to/itays123/using-modals-in-react-js-the-right-way-zero-prop-drilling-3ah9
---
Beberapa tips penting untuk optimasi React JS
https://blog.logrocket.com/5-react-performance-optimization-techniques/
---
Membuat sistem login Auth pada MERN Stack
https://dev.to/crackingdemon/register-and-login-system-in-mern-stack-1n98
---
Menggunakan Preact JS untuk library view pengganti React pada Next JS
https://javascript.plainenglish.io/next-js-preact-f993c95a3f93
---
#react #nextjs #preact #auth #mern #performance #modal #dialog
Smashing Magazine
Creating A Multi-Author Blog With Next.js — Smashing Magazine
This article explains how we can connect different types of content in a Next.js application. With this technique, we can add any kind of one-to-one, one-to-many, or even many-to-many relationship to our projects.
Latihan dari Kevin Powell dalam membuat pop up modal dialog dengan mudah tanpa tambahan library
https://youtu.be/TAB_v6yBXIE
#modal #popup #kevinPowell
https://youtu.be/TAB_v6yBXIE
#modal #popup #kevinPowell
YouTube
dialog = the easiest way to make a popup modal
Ever needed to make a modal? Well, we have a native HTML element that does the job with the dialog element! It does a lot of things out of the box that are really awesome, so let’s see how it works!
🔗 Links
✅ Codepen: https://codepen.io/kevinpowell/pen/KKyOYvM…
🔗 Links
✅ Codepen: https://codepen.io/kevinpowell/pen/KKyOYvM…
Latihan dari John Komarnicky tentang membuat modal dialog dengan mudah
https://youtu.be/N9f1cY7wOdA
#modal #dialog
https://youtu.be/N9f1cY7wOdA
#modal #dialog
YouTube
The New and Easier Way To Create a Modal
💡 Join My Weekly Dev Newsletter: https://www.johnkomarnicki.com/#news-letter
In this video we dive into the dialog element which helps us easily create modals compared to an older approach using some divs.
Docs:
https://developer.mozilla.org/en-US/do…
In this video we dive into the dialog element which helps us easily create modals compared to an older approach using some divs.
Docs:
https://developer.mozilla.org/en-US/do…
Membuat slider Carousel dengan HTML, CSS, JavaScript, dan Swiper JS
https://blog.logrocket.com/building-modern-sliders-html-css-swiper/
---
Mengenal dialog element di HTML dan contoh penggunaannya
https://blog.logrocket.com/using-the-dialog-element/
---
Latihan membuat radial Gradient dengan CSS
https://www.freecodecamp.org/news/css-radial-gradient/
---
#swiper #carousel #slider #css #html #gradient #radial #dialog #modal
https://blog.logrocket.com/building-modern-sliders-html-css-swiper/
---
Mengenal dialog element di HTML dan contoh penggunaannya
https://blog.logrocket.com/using-the-dialog-element/
---
Latihan membuat radial Gradient dengan CSS
https://www.freecodecamp.org/news/css-radial-gradient/
---
#swiper #carousel #slider #css #html #gradient #radial #dialog #modal
LogRocket Blog
Building modern sliders with HTML, CSS, and Swiper - LogRocket Blog
Learn how to create modern, responsive sliders using HTML, CSS, and Swiper for an enhanced web design experience.
Latihan dari Lama Dev membuat web portfolio dengan tampilan menarik
https://youtu.be/JbtKDbtqLiQ
---
Beberapa referensi portfolio berbasis JavaScript yang dibahas oleh James Quick
https://youtu.be/rEa99-NQ9Bk
---
Tips dan trik penting penggunaan Spread Operator JavaScript
https://javascript.plainenglish.io/7-es6-spread-operator-tricks-and-tips-every-developer-should-know-about-33d7a77e2dfe
---
Membuat modal dialog dengan JavaScript
https://www.freecodecamp.org/news/how-to-build-a-modal-with-javascript/
---
Latihan penting menggunakan fungsi manipulasi Array yang sering dipakai yaitu Array Map, filter, dan reduce
https://www.freecodecamp.org/news/map-filter-reduce-in-javascript/
---
#portfolio #lamaDev #jamesQuick #map #filter #reduce #modal #array
https://youtu.be/JbtKDbtqLiQ
---
Beberapa referensi portfolio berbasis JavaScript yang dibahas oleh James Quick
https://youtu.be/rEa99-NQ9Bk
---
Tips dan trik penting penggunaan Spread Operator JavaScript
https://javascript.plainenglish.io/7-es6-spread-operator-tricks-and-tips-every-developer-should-know-about-33d7a77e2dfe
---
Membuat modal dialog dengan JavaScript
https://www.freecodecamp.org/news/how-to-build-a-modal-with-javascript/
---
Latihan penting menggunakan fungsi manipulasi Array yang sering dipakai yaitu Array Map, filter, dan reduce
https://www.freecodecamp.org/news/map-filter-reduce-in-javascript/
---
#portfolio #lamaDev #jamesQuick #map #filter #reduce #modal #array
YouTube
Portfolio Website For Developers and Designers | HTML CSS JS Portfolio
Build and deploy a responsive parallax portfolio website with HTML & CSS
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV
If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV
If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
Latihan dari Codebubb membuat dialog modal dengan JavaScript, HTML dan CSS
https://youtu.be/kJPkCGtv3vY
#codebubb #html #css #dialog #modal
https://youtu.be/kJPkCGtv3vY
#codebubb #html #css #dialog #modal
YouTube
This is the PRO way to code a JavaScript Modal
In this tutorial, I'll show you how to create an awesome JavaScript modal that can be reused and customised for any page or app.
00:00 Intro
00:30 App code setup
04:10 Creating Modal
11:23 Opening the Modal
13:24 Filling in Modal Elements
20:50 Taking actions…
00:00 Intro
00:30 App code setup
04:10 Creating Modal
11:23 Opening the Modal
13:24 Filling in Modal Elements
20:50 Taking actions…
Latihan membuat dialog modal pop up dengan JavaScript bersama channel Florin Pop
https://youtu.be/r_PL0K2fGkY
#florinpop #modal #popup
https://youtu.be/r_PL0K2fGkY
#florinpop #modal #popup
YouTube
Build a Popup with JavaScript | 1-Minute Tutorial
👉 Daily Coding Challenges: https://iCodeThis.com
Let's learn how to quickly build a modal (popup) in HTML, CSS and JavaScript.
---
Timestamps:
00:00 - The HTML
00:18 - The CSS
00:43 - The JavaScript
00:55 - The Result
---
Follow me on:
📃 Website/Blog:…
Let's learn how to quickly build a modal (popup) in HTML, CSS and JavaScript.
---
Timestamps:
00:00 - The HTML
00:18 - The CSS
00:43 - The JavaScript
00:55 - The Result
---
Follow me on:
📃 Website/Blog:…
Membuat modal dialog di Vue JS dengan bantuan Vue Teleport
https://dev.to/alexandergekov/creating-better-modals-using-vue-teleport-3cd4
---
Membuka Tab baru di Vue JS
https://javascript.plainenglish.io/vue-open-link-in-new-tab-6d4cbc009f0e
#vue #tab #modal #teleport
https://dev.to/alexandergekov/creating-better-modals-using-vue-teleport-3cd4
---
Membuka Tab baru di Vue JS
https://javascript.plainenglish.io/vue-open-link-in-new-tab-6d4cbc009f0e
#vue #tab #modal #teleport
DEV Community
Creating better Modals using Vue Teleport
Introduction In this short tutorial I will show you how to build a simple modal and make...
Panduan penggunaan Grid Layout di Vue JS
https://blog.logrocket.com/building-vue-js-grid-layouts/
---
Panduan penggunaan Slots di Vue JS
https://blog.logrocket.com/understanding-slots-vue-js/
---
Penggunaan modals dengan Promise di Vue JS
https://blog.logrocket.com/promise-handling-complex-modals-vue-3/
#slots #vue #grid #promise #modal
https://blog.logrocket.com/building-vue-js-grid-layouts/
---
Panduan penggunaan Slots di Vue JS
https://blog.logrocket.com/understanding-slots-vue-js/
---
Penggunaan modals dengan Promise di Vue JS
https://blog.logrocket.com/promise-handling-complex-modals-vue-3/
#slots #vue #grid #promise #modal
LogRocket Blog
Building Vue.js grid layouts: Best libraries and components - LogRocket Blog
Learn about the best ways to build Vue grid layouts for various use cases, what makes data grids and tables different, and more.
Latihan dari Web Dev Simplified membuat modal dialog dengan HTML element
https://www.youtube.com/watch?v=ywtkJkxJsdg
#dialog #modal #webdevsimplified
https://www.youtube.com/watch?v=ywtkJkxJsdg
#dialog #modal #webdevsimplified
YouTube
The New dialog HTML Element Changes Modals Forever
Modals have been a part of web development for decades now, but they have always been a bit of a pain to work with. The main reason modals have been such a pain is because it is difficult to make a truly accessible modal that conforms to all accessibility…