Beberapa hal tentang web development yang perlu diketahui, dan dirangkum oleh Fireship
https://youtu.be/erEgovG9WBs
#fireship #webdev
https://youtu.be/erEgovG9WBs
#fireship #webdev
Forwarded from Frontend Resources
YouTube
Storybook in 100 Seconds
Storybook is a tool used for testing UI components in isolation that works with JS frameworks like React, Angular, Vue, and Svelte. It is especially useful for web developers building design systems and shared libraries.
#webdevelopment #js #100SecondsOfCode…
#webdevelopment #js #100SecondsOfCode…
Mengenal framework yang berjalan di atas Deno yang bernama Fresh, dirangkum oleh Fireship.
https://youtu.be/4boXExbbGCk
#fresh #deno #fireship
https://youtu.be/4boXExbbGCk
#fresh #deno #fireship
YouTube
a fresh new web framework is out
Fresh is a fullstack web framework for Deno that allows developers to build fast server-rendered webapps. It uses the "Islands Architecture" to limit JavaScript to specific components and can be deployed to the edge.
#webdevelopment #javascript #TheCodeReport…
#webdevelopment #javascript #TheCodeReport…
Tips dalam memilih framework Javascript bersama channel Fireship
https://youtu.be/SJeBRW1QQMA
#fireship #channel #framework
https://youtu.be/SJeBRW1QQMA
#fireship #channel #framework
YouTube
I built a JavaScript framework
Learn how to choose a fullstack JavaScript framework by asking questions about your web app in a flow chart. If you're crazy enough, you can even build your own JS framework from scratch like me.
#js #webdevelopment #programming
🔗 Resources
Flamethrower…
#js #webdevelopment #programming
🔗 Resources
Flamethrower…
👍1
Optimasi performa aplikasi web dengan bantuan tools bernama Partytown
https://www.youtube.com/watch?v=ZZIR1NGwy-s
#partytown #performance #pwa #worker
https://www.youtube.com/watch?v=ZZIR1NGwy-s
#partytown #performance #pwa #worker
YouTube
Dramatically improve website speed with Partytown
Learn how to use Partytown to run non-essential scripts with a webworker and dramatically improve your websites speed and rendering performance. https://partytown.builder.io
#javascript #webdevelopment
#javascript #webdevelopment
Eksperimen menggunakan Chat GPT untuk membuat kode Vue JS, bersama channel Program with Erik
https://www.youtube.com/watch?v=8vq-baOa0ZE
#vue #chatgpt
https://www.youtube.com/watch?v=8vq-baOa0ZE
#vue #chatgpt
YouTube
Can ChatGPT Write Better Vue Code Than Me? (Vue?, React?, Angular?)
#chatgpt #vuejs #webdevelopment
ChatGPT is super hot right now. Everyone is using ChatGPT to create web applications and learning to code. can you use ChatGPT to creater Vue.js 3 and Vue.js applications? In this video we create some tutorials with ChatGPT…
ChatGPT is super hot right now. Everyone is using ChatGPT to create web applications and learning to code. can you use ChatGPT to creater Vue.js 3 and Vue.js applications? In this video we create some tutorials with ChatGPT…
Latihan dari Beyond Fireship tentang membuat aplikasi real time dengan Svelte dan Firebase
https://www.youtube.com/watch?v=UbOaAtHWidc
#svelte #firebase #realtime
https://www.youtube.com/watch?v=UbOaAtHWidc
#svelte #firebase #realtime
YouTube
The easiest realtime app I’ve ever built
I built a library called SvelteFire to make building realtime apps with Svelte and Firebase even easier https://github.com/codediodeio/sveltefire
#webdevelopment #javascript #sveltekit #firebase
#webdevelopment #javascript #sveltekit #firebase
Beberapa pola rendering halaman web yang perlu diketahui
https://www.youtube.com/watch?v=Dkx5ydvtpCA
#pattern #rendering #webpage
https://www.youtube.com/watch?v=Dkx5ydvtpCA
#pattern #rendering #webpage
YouTube
10 Rendering Patterns for Web Apps
Learn about 10 different ways you can render a website to HTML with patterns like SSR, SSG, ISR, Partial Hydration, and More!
#webdevelopment #javascript #top10
Upgrade to PRO for full courses https://fireship.io/pro
#webdevelopment #javascript #top10
Upgrade to PRO for full courses https://fireship.io/pro
Tips dalam membuat aplikasi berbasis React JS dari channel Fireship
https://youtu.be/2OTq15A5s0Y
---
Tips dan trik dalam optimasi kode React JS
https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3
#react #fireship #tips
https://youtu.be/2OTq15A5s0Y
---
Tips dan trik dalam optimasi kode React JS
https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3
#react #fireship #tips
YouTube
7 better ways to create a React app
What is the best tool for starting a new React project in 2023? Let's look at 7 good alternatives to create-react-app for starting a new ReactJS web development project.
Subscribe to @nxdevtools for more awesome dev content!
#javascript #webdevelopment…
Subscribe to @nxdevtools for more awesome dev content!
#javascript #webdevelopment…
Latihan pengenalan TypeScript bersama Zach Gollwitzer
https://youtu.be/8ekwEsTFLKg
#typescript #zachGollwitzer
https://youtu.be/8ekwEsTFLKg
#typescript #zachGollwitzer
YouTube
Why you should migrate your JS app to TypeScript (full beginner tutorial)
#typescript #javascript #webdevelopment
In this video, I explain *why* you might consider migrating a JavaScript application to TypeScript. What are the benefits? What's broken with JavaScript? Is it even worth my time?
To follow this video, I highly…
In this video, I explain *why* you might consider migrating a JavaScript application to TypeScript. What are the benefits? What's broken with JavaScript? Is it even worth my time?
To follow this video, I highly…
Pengenalan Nuxt JS dari Fireship secara singkat
https://www.youtube.com/watch?v=dCxSsr5xuL8
—-
Pengenalan Nuxt JS bagi pemula
https://itnext.io/nuxt-3-the-next-steps-9129f876c32b
—-
#vue #nuxt #fireship
https://www.youtube.com/watch?v=dCxSsr5xuL8
—-
Pengenalan Nuxt JS bagi pemula
https://itnext.io/nuxt-3-the-next-steps-9129f876c32b
—-
#vue #nuxt #fireship
YouTube
Nuxt in 100 Seconds
Nuxt is a full-stack JavaScript framework based on Vue.js that provides server-side rendering, data fetching, state management, and many other features. Learn how to build web applications with Nuxt in this quickstart tutorial.
#webdevelopment #javascript…
#webdevelopment #javascript…
Pengenalan Svelte Kit dalam 100 detik dari Fireship
https://www.youtube.com/watch?v=H1eEFfAkIik
#svelte #fireship
https://www.youtube.com/watch?v=H1eEFfAkIik
#svelte #fireship
YouTube
SvelteKit in 100 seconds
Learn the basics of the SvelteKit - a metaframework that can fetch data and render Svelte web applications on the server. Find out how it compares to other fullstack tools like Next.js for React and Nuxt for Vue.
#webdevelopment #javascript #100secondsofcode…
#webdevelopment #javascript #100secondsofcode…
Pengenalan tentang Bun runtime untuk menjalankan kode JavaScript
https://www.youtube.com/watch?v=dWqNgzZwVJQ
—-
Latihan dasar tentang penggunaan Bun Runtime di JavaScript
https://www.youtube.com/watch?v=9m4HUt9MAzc
#bun #nodejs #runtime
https://www.youtube.com/watch?v=dWqNgzZwVJQ
—-
Latihan dasar tentang penggunaan Bun Runtime di JavaScript
https://www.youtube.com/watch?v=9m4HUt9MAzc
#bun #nodejs #runtime
YouTube
Bun is disrupting JavaScript land
Let's take a first look at Bun 1.0 - the worlds fastest JavaScript runtime. Find out how Bun compares to Node.js and Deno.
#webdevelopment #javascript #thecodereport
🔥 Level up AI code generation with DevGPT
Try it for free: https://devgpt.com/?utm_source=fireship…
#webdevelopment #javascript #thecodereport
🔥 Level up AI code generation with DevGPT
Try it for free: https://devgpt.com/?utm_source=fireship…
Lesson 4: Sanity CMS + Next.js Tutorial (next-sanity package) | Next.js 14+ Course
https://www.youtube.com/watch?v=buzvGncyg0Q
#react #nextjs #sanityCMS
https://www.youtube.com/watch?v=buzvGncyg0Q
#react #nextjs #sanityCMS
YouTube
Lesson 4: Sanity CMS + Next.js Tutorial (next-sanity package) | Next.js 14+ Course
#nextjs #sanity #webdevelopment
Course playlist:
https://www.youtube.com/playlist?list=PLYQSCk-qyTW0YOpI5_SwfvZO0LOMlxZ5V
Github Repo:
https://github.com/zachgoll/fullstack-foundations-youtube-course/tree/lesson-4-snapshot
0:00 Intro
0:48 Sanity CMS Overview…
Course playlist:
https://www.youtube.com/playlist?list=PLYQSCk-qyTW0YOpI5_SwfvZO0LOMlxZ5V
Github Repo:
https://github.com/zachgoll/fullstack-foundations-youtube-course/tree/lesson-4-snapshot
0:00 Intro
0:48 Sanity CMS Overview…
15 crazy new JS framework features you don’t know yet
https://www.youtube.com/watch?v=466U-2D86bc
—-
This New React Feature Will Make Your App 20% Faster
https://www.youtube.com/watch?v=bMTauDvGu9Y
—-
Implementing Infinite Scroll in Next.js Using Server Actions
https://www.youtube.com/watch?v=AUJmaaPCJrU
#react #nextjs #infiniteScroll #candDev #optimize
https://www.youtube.com/watch?v=466U-2D86bc
—-
This New React Feature Will Make Your App 20% Faster
https://www.youtube.com/watch?v=bMTauDvGu9Y
—-
Implementing Infinite Scroll in Next.js Using Server Actions
https://www.youtube.com/watch?v=AUJmaaPCJrU
#react #nextjs #infiniteScroll #candDev #optimize
YouTube
15 crazy new JS framework features you don’t know yet
Try Brilliant free for 30 days https://brilliant.org/fireship
Take a look at the latest features in 15 different JavaScript frameworks and the problems they solve for web developers. Take an first look at the React compiler, Angular signals, Svelte runes…
Take a look at the latest features in 15 different JavaScript frameworks and the problems they solve for web developers. Take an first look at the React compiler, Angular signals, Svelte runes…
👍1🔥1
I replaced my entire tech stack with Postgres...
https://www.youtube.com/watch?v=3JW732GrMdg
https://www.youtube.com/watch?v=3JW732GrMdg
YouTube
I replaced my entire tech stack with Postgres...
Sign up for Neon and create up to 10 Postgres databases for free https://fyi.neon.tech/fireship
Learn 10 unusual ways to use PostgreSQL to build a fullstack applications from scratch and harness the full power of this awesome relational database.
#programming…
Learn 10 unusual ways to use PostgreSQL to build a fullstack applications from scratch and harness the full power of this awesome relational database.
#programming…
👍1
Forwarded from Dicoding Indonesia (Bella)
Ada yang udah baca report Developer Survey 2025 dari Stack Overflow? 👀
Mindi udah rangkumin buat kamu mengenai “Role Developer Terbanyak di Dunia.”
Kira-kira kamu udah lulus mau jadi apa?
Kamu bisa kok pindah-pindah role developer asal punya fundamental skills yang kuat!🔥
Coba tes fundamental skills-mu di PRE-TEST GRATIS ini:
➡️ dicoding.com/tempa
#tempaledbydicoding #learnatdicoding #techtalent #webdevelopment #fundamentalcoding #vibecoding #ai #mobiledevelopment #bootcamp #informatika #konversisks
Mindi udah rangkumin buat kamu mengenai “Role Developer Terbanyak di Dunia.”
Kira-kira kamu udah lulus mau jadi apa?
Kamu bisa kok pindah-pindah role developer asal punya fundamental skills yang kuat!🔥
Coba tes fundamental skills-mu di PRE-TEST GRATIS ini:
➡️ dicoding.com/tempa
#tempaledbydicoding #learnatdicoding #techtalent #webdevelopment #fundamentalcoding #vibecoding #ai #mobiledevelopment #bootcamp #informatika #konversisks
Forwarded from Dicoding Indonesia (Bella)
Bangga enggak, Indonesia ternyata punya kontribusi untuk pembuatan bahasa pemrograman?
Meskipun cuma namanya aja yang dicatut😄
Semoga ke depannya ada programmer dari Indonesia yang bisa bikin bahasa pemrograman sendiri yaa… Terutama yang fundamental skills-nya sudah oke banget!😎
Kamu juga bisa jadi developer mulai dari nol dan belajar fundamental di dicoding.com/tempa!
#tempaledbydicoding #learnatdicoding #techtalent #webdevelopment #fundamentalcoding #vibecoding #ai #mobiledevelopment #bootcamp #informatika #konversisks #java #bahasaprogramming #aiengineer #mobiledev #webdev
Meskipun cuma namanya aja yang dicatut😄
Semoga ke depannya ada programmer dari Indonesia yang bisa bikin bahasa pemrograman sendiri yaa… Terutama yang fundamental skills-nya sudah oke banget!😎
Kamu juga bisa jadi developer mulai dari nol dan belajar fundamental di dicoding.com/tempa!
#tempaledbydicoding #learnatdicoding #techtalent #webdevelopment #fundamentalcoding #vibecoding #ai #mobiledevelopment #bootcamp #informatika #konversisks #java #bahasaprogramming #aiengineer #mobiledev #webdev