JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

11.3K subscribers

591 photos

7 videos

3 files

17.2K links

Channel yang berisi kumpulan berita atau konten seputar JavaScript, Typescript, HTML, CSS, Library, Framework JS, Node.js , dan juga engine-nya

Untuk pencarian artikel,gunakan fitur pencarian di channel ini,dan bisa juga dicari berdasarkan hashtag #

Download Telegram

About

Blog

Apps

Platform

JavaScript Indonesia Channel

11.3K subscribers

JavaScript Indonesia Channel

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/

Belajar CSS Flexbox Secara Interaktif

Belajar CSS Flexbox tak pernah se-interaktif ini

952 viewsRian YW, 09:21

JavaScript Indonesia Channel

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

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.

779 viewsRian YW, 09:09

JavaScript Indonesia Channel

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

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…

1.7K viewsRian YW, 00:04

JavaScript Indonesia Channel

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

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...

1.2K viewsRian YW, 00:24

JavaScript Indonesia Channel

Perbedaan antara Next JS dengan Nuxt JS

https://blog.openreplay.com/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses

#nextjs #nuxtjs

680 views00:24

JavaScript Indonesia Channel

Latihan menggunakan Nuxt JS dan Storyblok untuk manajemen data dan konten aplikasi web

https://www.youtube.com/watch?v=zVISvGMz6xc

#nuxtjs #vue #storyblock

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…

698 views00:23

JavaScript Indonesia Channel

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

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!

637 views23:58

JavaScript Indonesia Channel

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

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…

910 views23:08

JavaScript Indonesia Channel

Melihat beberapa fitur baru dari Nuxt JS Server Component

https://www.youtube.com/watch?v=17zBODTpuoo

#nuxtjs #vue #server #component

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…

476 views23:33

JavaScript Indonesia Channel

Latihan dari John Komarnicki membuat sistem authentication di Nuxt JS 3 dengan Supabase

https://www.youtube.com/watch?v=yO-JMkjc4oo

#vue #nuxt #supabase

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
🤖…

479 views23:31

JavaScript Indonesia Channel

Tips penggunaan Nuxt JS dengan benar

https://youtu.be/LguQ4H-p26w

#vue #nuxtJS #tips

Don't do this in your Nuxt application

🤖 WebDevDaily: https://www.webdevdaily.io/challenges
⚡ WebDevDaily Discord: https://discord.com/invite/NVnga5KGyj
📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw
🚀 Join the channel :https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join…

952 views00:41

JavaScript Indonesia Channel

Referensi beberapa package untuk membuat aplikasi Vue atau Nuxt

https://www.youtube.com/watch?v=w_N6XZY9gbg

#nuxt #vue #package

Never Create A Nuxt Or Vue App Again Without This Package! (Eslint)

When creating a new Nuxt application do you use a linter or formatter? What are the differences? How do you setup Eslint? Should you use prettier? In this tutorial I add the eslint packages to a Nuxt.js application and I show you why code formatters are worth…

1.0K views00:51

JavaScript Indonesia Channel

This Vue 3 Component Pattern is Fire 🔥🔥🔥 (and you should use it!)

https://www.youtube.com/watch?v=zBhAtGt8FDk

—-

Understanding Layouts In Nuxt.Js
https://blog.openreplay.com/layouts-in-nuxt/

—-

Improving Vue.Js Drag-And-Drop File Uploading
https://blog.openreplay.com/vue-custom-drag-and-drop-file-uploading/

—-

#vue #nuxtjs

This Vue 3 Component Pattern is Fire 🔥🔥🔥 (and you should use it!)

Vue has some really neat component patterns. Let's take a look at a common one how it deals with state. In this tutorial we'll look at the controlled props pattern. This pattern uses props and allows you to easily reuse complext components in Vue. We''ll…

1.1K views01:10

JavaScript Indonesia Channel

Nuxt Course #1 | What is Nuxt?
https://www.youtube.com/watch?v=vq94izZSRb0

—-

Improving the Performance of Vue Sites with Tree Shaking
https://blog.openreplay.com/improving-performance-of-vue-sites-with-tree-shaking/

#vue #nuxtjs

What is Nuxt? | Nuxt Course #1

In this series we will build a recipe application to introduce you to the core features of Nuxt. This series is a section apart of my Nuxt course that will teach you how to build modern applications using Nuxt.

📕 Join Early Access: https://www.learnnuxt.dev/…

293 views23:14

JavaScript Indonesia Channel

Nuxt Course #2 | Creating a Nuxt App & File Directory Structure
https://www.youtube.com/watch?v=Uo59GMJusUI

#vue #nuxtjs #course

Creating a Nuxt App & File Directory Structure | Nuxt Course #2

In this series we will build a recipe application to introduce you to the core features of Nuxt. This series is a section apart of my Nuxt course that will teach you how to build modern applications using Nuxt.

📕 Join Early Access: https://www.learnnuxt.dev/…

310 views00:54

JavaScript Indonesia Channel

Creating Pages (File Based Routing) | Nuxt Course #4
https://www.youtube.com/watch?v=Jk58KR8zEfE

#vue #nuxtjs

Creating Pages (File Based Routing) | Nuxt Course #4

In this series we will build a recipe application to introduce you to the core features of Nuxt. This series is a section apart of my Nuxt course that will teach you how to build modern applications using Nuxt.

📕 Join Early Access: https://www.learnnuxt.dev/…

757 views04:50

JavaScript Indonesia Channel

Navigating Pages With NuxtLink | Nuxt Course #7

https://www.youtube.com/watch?v=dR8LCV6zt3c

#vue #nuxtjs

Navigating Pages With NuxtLink | Nuxt Course #7

In this series we will build a recipe application to introduce you to the core features of Nuxt. This series is a section apart of my Nuxt course that will teach you how to build modern applications using Nuxt.

📕 Join Early Access: https://www.learnnuxt.dev/…

257 views23:51

JavaScript Indonesia Channel

Nailing It with Nuxt 3 - Inside and Out | VueConf US 2024
https://www.youtube.com/watch?v=SUPkSeYHRRQ

—-

Setting Metadata With useSeoMeta() | Nuxt Course #13
https://www.youtube.com/watch?v=XmGcRpdQfEM

#vue #nuxtjs

Nailing It with Nuxt 3 - Inside and Out | VueConf US 2024

Daniel Roe presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery 👉 https://www.vuemastery.com/conferences

Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with…

938 views01:08

JavaScript Indonesia Channel

From Your Perspective - A Nerdy Journey | VueConf US 2024

https://www.youtube.com/watch?v=ImGtqeouBGg

#vue #nuxtjs

From Your Perspective - A Nerdy Journey | VueConf US 2024

Gant Laborde presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery 👉 https://www.vuemastery.com/conferences

Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with…

356 views23:55