JavaScript Indonesia Channel

Add Authentication to Next.js: Login with Google https://www.youtube.com/watch?v=k1TL-AzavvY —- Is this the stupidest thing in React.js? https://www.youtube.com/watch?v=lMkjioWC_-8 —- #react #nextjs #login #google

The Best Web Development Tools to Improve Your Workflow https://dev.to/anna-boiko/the-best-web-development-tools-to-improve-your-workflow-5dnm —- 19 Essential Tools to Improve Your Developer Workflow https://blog.stackademic.com/19-essential-tools-to-improve-your-developer-workflow-d0d49ef0c60d #webdev #tools #workflow

How to Create a Styled Table with Web Components — JavaScript Tutorial https://www.youtube.com/watch?v=ggtL1rxpx8c —- What is Storage Access API? https://www.youtube.com/watch?v=rGqr2gc6Vow —- Learn JavaScript Interactively in NEW freeCodeCamp.org Curriculum https://www.youtube.com/watch?v=n8mNX2YqkUs —- JavaScript AI Course - no Python! | MongooseJS Astra DB https://www.youtube.com/watch?v=5ZLmcDi30YI —- 7 Advanced Usages Of JavaScript Async/Await https://javascript.plainenglish.io/7-advanced-usages-of-javascript-async-await-d5ee837fda60 —- #table #dcode #webcomponents #ai #storage

Building a Collaborative Whiteboard using ReactJS, Socket.io and NodeJS https://dev.to/fidalmathew/building-a-collaborative-whiteboard-app-using-reactjs-socketio-and-nodejs-2o71 --- 5 Best Practices for Writing Cleaner and More Readable React Code https://dev.to/prathamisonline/5-best-practices-for-writing-cleaner-and-more-readable-react-code-4ll7 --- A Modern Approach to React Development https://blog.bitsrc.io/modern-approach-to-react-development-090358b04e7d #react #nextjs #nodejs #socketio

How to Use Async/Await in JavaScript – Explained with Code Examples https://www.freecodecamp.org/news/javascript-async-await/ --- How to Write More Efficient JavaScript Conditions https://www.freecodecamp.org/news/how-to-write-more-efficient-javascript-conditions/ --- JavaScript Tips to Help You Build Better Web Development Projects https://www.freecodecamp.org/news/javascript-tips-for-better-web-dev-projects/ --- Simplify, Groupify, Conquer: The convenience of Object.GroupBy() in JavaScript https://dev.to/subaash_b/simplify-groupify-conquer-the-convenience-of-objectgroupby-in-javascript-2h5 --- How to Use Logic in JavaScript – Operators, Conditions, Truthy/Falsy, and More https://www.freecodecamp.org/news/logic-in-javascript/ --- #async #await #groupby #tips #logic

Dcode - How to Auto Refresh Parts of Your Website with JavaScript https://www.youtube.com/watch?v=0v8oMKWP07w —- New JavaScript pipeline operator: transform anything into a one-liner https://javascript.plainenglish.io/javascript-pipeline-operator-e5e3d6601848 —- Online Tutorials - 2024 Modern Buttons using CSS & Vanilla Javascript https://www.youtube.com/watch?v=F0Oz5OQP_wc —- Web Dev Simplified - Type Predicates Solve This Common TypeScript Error https://www.youtube.com/watch?v=Wksz1DnJ2VM —- Using TypeScript Decorators in Practise https://blog.bitsrc.io/using-typescript-decorators-in-practise-d09cc1c0f8f4 —- #javascript #typescript #refresh #pipeline

Docker Networking 101: A Blueprint for Seamless Container Connectivity https://dev.to/nobleman97/docker-networking-101-a-blueprint-for-seamless-container-connectivity-3i5b #docker #network

Using Nodemon and Watch in Node.js for Live Restarts https://www.sitepoint.com/nodejs-live-restarts-nodemon-watch/ #nodemon #nodejs

CSS Scope https://12daysofweb.dev/2023/css-scope/ #scope #css

CandDev - 3 Ways to Add Custom Google Fonts in Next.js 14 https://www.youtube.com/watch?v=tvHLTUHnPqY —- Freecodecamp - Full Stack Tutorial – Hotel Management Site w/ Next.js, React, Sanity IO, Tailwind, Stripe https://www.youtube.com/watch?v=kiCH27qsNL8 —- #nextjs #react #fonts #fullstack #hotel #tailwind

Remix and Strapi Crash Course – Full Stack Development https://www.youtube.com/watch?v=5yIivwrvH6w —- React Js Clean Code Guide https://harendra21.medium.com/react-js-clean-code-guide-7d7c63a10726 —- 6 Techniques for Conditional Rendering in React, with Examples https://www.sitepoint.com/conditional-rendering-in-react/ —- #react #strapi #remix #rendering #cleancode

How to Make Selecting Elements Easier — JavaScript Tutorial https://www.youtube.com/watch?v=y4TUJxKW0Cg —- Truthy and Falsy in JavaScript & How to Toggle Between? https://mirzaleka.medium.com/truthy-and-falsy-in-javascript-how-to-toggle-between-dc5ba45bd822 —- #falsy #elements #selector #dcode

How to Center Text Vertically with CSS https://www.freecodecamp.org/news/how-to-center-text-vertically-with-css/ --- Designing advanced layouts with CSS Subgrid https://blog.logrocket.com/designing-advanced-layouts-with-css-subgrid/ --- Implementing scroll-aware UI state with CSS https://blog.logrocket.com/implementing-scroll-aware-ui-state-css/ --- Using CSS prefers-reduced-transparency and light-dark() https://blog.logrocket.com/using-css-prefers-reduced-transparency-light-dark/ #text #center #css #subgrid #darkmode

Dcode - How to Build a Search Bar with Web Components — JavaScript Tutorial https://www.youtube.com/watch?v=7XlCpYa-snU #dcode #searchbar #webcomponents

Learn React Props – The Animated Guide https://www.freecodecamp.org/news/react-props-animated-guide/ --- Pains and solutions in localization for the web https://dev.to/this-is-learning/pains-and-solutions-in-localization-for-the-web-3mdf --- Adding NX To Existing React App: Step-By-Step Guide https://blog.bitsrc.io/adding-nx-to-existing-react-app-step-by-step-guide-618608684b0d --- #react #props #nx #localization

12 Senior Developer Traits Juniors Need To Master https://dev.to/dragosnedelcu/12-senior-developer-traits-junior-developers-need-to-master-285m #developer

Astro Quick Start Course | Build an SSR Blog https://www.youtube.com/watch?v=XoIHKO6AkoM #traversyMedia #astro #ssr #blog

How to Handle Breaking Changes for API and Event Schemas https://www.freecodecamp.org/news/how-to-handle-breaking-changes/ #api #change #handlebreak

Mastering Web Fonts Optimization: The Definitive Guide https://blog.openreplay.com/definitive-guide-to-web-fonts-optimization/ —- The Top CSS Focus Pseudo-Classes Explained: :Focus, :Focus-Within, And :Focus-Visible https://blog.openreplay.com/a-guide-to-focus--focus-within-and-focus-visible/ —- Web Responsive Design: Mobile First, Desktop First, What? https://blog.openreplay.com/web-design--mobile-first-desktop-first-what/ —- The Role Of Motion UI In Modern Web Development https://blog.openreplay.com/role-of-motion-ui-in-modern-web-development/ —- #css #webfont #font #motion #pseudo #responsive

Create a Virtual World with JavaScript https://www.freecodecamp.org/news/create-a-virtual-world-with-javascript/ --- Web Components: Creating Custom Elements https://dev.to/m__mdy__m/understanding-web-components-in-javascript-creating-custom-elements-1iik --- How to Comment Your JavaScript Code https://www.freecodecamp.org/news/comment-your-javascript-code/ --- Asynchronous JavaScript – How to Use Promises in Your JS Code https://www.freecodecamp.org/news/how-to-use-promises-in-javascript/ --- #async #comment #webcomponent