Forwarded from Jefry Dewangga
Pernahkah teman-teman menggunakan fitur tata letak (layouting) yang dimiliki oleh kerangka kerja CSS terkenal seperti Bootstrap, Vuetify, atau Tailwind? Container, row dan col adalah beberapa istilah familiar jika teman-teman sering menggunakan fitur tersebut.
Kira-kira teknologi CSS apasih yg digunakan oleh kerangka kerja CSS tersebut? Jawabannya adalah Flexbox. Flexbox memungkinkan teman-teman membuat tata letak (layouting) untuk ukuran layar besar maupun kecil.
Hanya dengan pos ini teman-teman dapat mempelajari Flexbox secara mendalam. Karena belajar CSS Flexbox tak pernah se-interaktif ini, setiap detail properti yang dimiliki Flexbox dapat teman-teman mainkan dengan fleksibilitas penuh. 🤯 👨💻 👩💻
#Vuejs #Nuxtjs #Flexbox #CSS3
https://jefrydco.id/blog/learn-flexbox-css-interactive/
Kira-kira teknologi CSS apasih yg digunakan oleh kerangka kerja CSS tersebut? Jawabannya adalah Flexbox. Flexbox memungkinkan teman-teman membuat tata letak (layouting) untuk ukuran layar besar maupun kecil.
Hanya dengan pos ini teman-teman dapat mempelajari Flexbox secara mendalam. Karena belajar CSS Flexbox tak pernah se-interaktif ini, setiap detail properti yang dimiliki Flexbox dapat teman-teman mainkan dengan fleksibilitas penuh. 🤯 👨💻 👩💻
#Vuejs #Nuxtjs #Flexbox #CSS3
https://jefrydco.id/blog/learn-flexbox-css-interactive/
Jefrydco
Belajar CSS Flexbox Secara Interaktif
Belajar CSS Flexbox tak pernah se-interaktif ini
Forwarded from Jefry Dewangga
The story behind building DANA Home Shopping, experimenting with #nuxtjs, #tailwindcss and #PWA as well. In a result, we achieve 90+ lighthouse performance score. Read more the story in our #EngineeringBlog 🙌🚀
https://medium.com/dana-engineering/how-we-achieve-90-lighthouse-performance-score-and-fully-offline-mode-for-dana-home-shopping-580b1b540c4d
https://medium.com/dana-engineering/how-we-achieve-90-lighthouse-performance-score-and-fully-offline-mode-for-dana-home-shopping-580b1b540c4d
Medium
How We Achieve 90+ Lighthouse Performance Score and Fully Offline Mode for DANA Home Shopping
Home Shopping is one of features that DANA provides to make us more convenience to buy stuff we want from our home without going anywhere.
Programming With Erik merilis latihan menggunakan Headless CMS yang bernama Cosmic CMS yang dikombinasikan dengan Nuxt JS , dengan contoh kasus membuat aplikasi blog sederhana.
https://youtu.be/8-1XcAmECfc
---
Latihan cara deploy Nuxt JS ke layanan AWS Amplify
https://dev.to/dabit3/5-minute-tutorial-deploying-nuxt-to-aws-k6n
---
Contoh membuat aplikasi mobile dengan Vue , Framework 7 , dan Cordova
https://medium.com/js-dojo/build-an-e-commerce-mobile-app-with-framework7-vue-vuex-and-cordova-7cf385de015d
---
Daftar contekan penting dari penggunaan Nuxt JS
https://www.wrappixel.com/nuxt-js-cheat-sheet/
---
Penggunaan Composition API sebagai pengganti dari Vuex State
https://vuejsdevelopers.com/2020/10/05/composition-api-vuex/
#nuxt #cms #headless #blog #cosmic #vue #cheatsheet #cordova #framework7 #mobileApp
https://youtu.be/8-1XcAmECfc
---
Latihan cara deploy Nuxt JS ke layanan AWS Amplify
https://dev.to/dabit3/5-minute-tutorial-deploying-nuxt-to-aws-k6n
---
Contoh membuat aplikasi mobile dengan Vue , Framework 7 , dan Cordova
https://medium.com/js-dojo/build-an-e-commerce-mobile-app-with-framework7-vue-vuex-and-cordova-7cf385de015d
---
Daftar contekan penting dari penggunaan Nuxt JS
https://www.wrappixel.com/nuxt-js-cheat-sheet/
---
Penggunaan Composition API sebagai pengganti dari Vuex State
https://vuejsdevelopers.com/2020/10/05/composition-api-vuex/
#nuxt #cms #headless #blog #cosmic #vue #cheatsheet #cordova #framework7 #mobileApp
YouTube
Build a Lighting Fast Blog Using a Headless CMS! (Cosmic) | With Nuxt.js + GraphQL + Cosmic!
I built a lightning-fast headless blog using Cosmic! In this tutorial I created a super fast blog with Nuxt.js, Cosmic using GraphQL! I was able to get a page speed score of 98 out of 100! Check it out! https://cosmicjs.com #cosmic #nuxtjs
Cosmic Headless…
Cosmic Headless…
Programming With Erik merilis latihan pengenalan React Next JS 10 dan melakukan komparasi dengan Vue Nuxt JS
https://youtu.be/dVQDaaUIrIM
---
Latihan menambahkan Chart JS ke dalam React
https://dev.to/harshilparmar/how-to-use-chart-js-in-react-17jp
---
Latihan membuat aplikasi daftar film dengan React JS
https://www.freecodecamp.org/news/react-movie-app-tutorial
---
Latihan panjang membuat aplikasi JAMStack dengan React Redwood JS, Fauna Db, dan deploy ke Vercel
https://css-tricks.com/deploying-a-serverless-jamstack-site-with-redwoodjs-fauna-and-vercel/
---
#nextjs #nuxtjs #redwood #react #movie #faunadb #chartjs
https://youtu.be/dVQDaaUIrIM
---
Latihan menambahkan Chart JS ke dalam React
https://dev.to/harshilparmar/how-to-use-chart-js-in-react-17jp
---
Latihan membuat aplikasi daftar film dengan React JS
https://www.freecodecamp.org/news/react-movie-app-tutorial
---
Latihan panjang membuat aplikasi JAMStack dengan React Redwood JS, Fauna Db, dan deploy ke Vercel
https://css-tricks.com/deploying-a-serverless-jamstack-site-with-redwoodjs-fauna-and-vercel/
---
#nextjs #nuxtjs #redwood #react #movie #faunadb #chartjs
YouTube
Trying React (Next.js) For The First Time As Vue Developer
In this video I take a look at Next and I do a quick tutorial on it. At the same time I do a quick comparison of it versus Nuxt.js Watch this web development...
Perbedaan antara Next JS dengan Nuxt JS
https://blog.openreplay.com/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses
#nextjs #nuxtjs
https://blog.openreplay.com/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses
#nextjs #nuxtjs
Latihan menggunakan Nuxt JS dan Storyblok untuk manajemen data dan konten aplikasi web
https://www.youtube.com/watch?v=zVISvGMz6xc
#nuxtjs #vue #storyblock
https://www.youtube.com/watch?v=zVISvGMz6xc
#nuxtjs #vue #storyblock
YouTube
How I Use Nuxt + Storyblok to Manage Content
Thanks to Storyblok for sponsoring this video: https://go.learnvue.co/storyblok
RESOURCES
Storyblok Nuxt Docs
https://github.com/storyblok/storyblok-nuxt
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content…
RESOURCES
Storyblok Nuxt Docs
https://github.com/storyblok/storyblok-nuxt
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content…
Beberapa ekstensi VS Code / Codium untuk membantu pengembang Vue JS dan Nuxt JS
https://www.telerik.com/blogs/popular-vs-code-extensions-vue.js-nuxt.js-developers
#vue #nuxtjs
https://www.telerik.com/blogs/popular-vs-code-extensions-vue.js-nuxt.js-developers
#vue #nuxtjs
Telerik Blogs
Popular VS Code Extensions for Vue.js & Nuxt.js Developers
If you’re coding in JavaScript or TypeScript with frameworks like Vue 3 or Nuxt, you need these VS Code extensions!
All right then gang, Net Ninja merilis latihan berseri penggunaan Vue Nuxt JS 3
Salah satu videonya
https://www.youtube.com/watch?v=GBdO5myZNsQ&list=PL4cUxeGkcC9haQlqdCQyYmL_27TesCGPC&index=1
Daftar video di playlistnya akan terus diperbarui beberapa hari ke depan
https://www.youtube.com/playlist?list=PL4cUxeGkcC9haQlqdCQyYmL_27TesCGPC
#netninja #nuxtjs #vue #course
Salah satu videonya
https://www.youtube.com/watch?v=GBdO5myZNsQ&list=PL4cUxeGkcC9haQlqdCQyYmL_27TesCGPC&index=1
Daftar video di playlistnya akan terus diperbarui beberapa hari ke depan
https://www.youtube.com/playlist?list=PL4cUxeGkcC9haQlqdCQyYmL_27TesCGPC
#netninja #nuxtjs #vue #course
YouTube
Nuxt 3 Crash Course #1 - What is Nuxt?
In this Nuxt 3 crash course, you'll learn what Nuxt is & how to use it to make web applications with Vue. In this lesson, I'll talk about what Nuxt.js is.
⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:
https://netninja.dev/p/nuxt-3-crash-course…
⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:
https://netninja.dev/p/nuxt-3-crash-course…
Melihat beberapa fitur baru dari Nuxt JS Server Component
https://www.youtube.com/watch?v=17zBODTpuoo
#nuxtjs #vue #server #component
https://www.youtube.com/watch?v=17zBODTpuoo
#nuxtjs #vue #server #component
YouTube
A First Look at Nuxt SERVER COMPONENTS
Huge shoutout to Storyblok for sponsoring this video - learn more about my favorite CMS at https://go.learnvue.co/storyblok
RESOURCES
Nuxt Server Components Docs - https://nuxt.com/docs/guide/directory-structure/components#server-components
✅ Join the…
RESOURCES
Nuxt Server Components Docs - https://nuxt.com/docs/guide/directory-structure/components#server-components
✅ Join the…
Latihan dari John Komarnicki membuat sistem authentication di Nuxt JS 3 dengan Supabase
https://www.youtube.com/watch?v=yO-JMkjc4oo
#vue #nuxt #supabase
https://www.youtube.com/watch?v=yO-JMkjc4oo
#vue #nuxt #supabase
YouTube
Easily Add Authentication With Nuxt 3 + Supabase
📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw
📕 Nuxt Course: https://www.learnnuxt.dev/
🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/
🚀 Join the channel :https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join
🤖…
📕 Nuxt Course: https://www.learnnuxt.dev/
🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/
🚀 Join the channel :https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join
🤖…