JavaScript Indonesia Channel

Beginner Web Dev Tutorial – Build a Weather App with Next.js & TypeScript https://www.freecodecamp.org/news/beginner-web-dev-tutorial-build-a-weather-app-with-next-js-typescript/ —- Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024) https://www.youtube.com/watch?v=ADJKbuayubE —- Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI https://www.freecodecamp.org/news/ecommerce-site-with-next-js-tailwind-daisyui-course/ --- Code and Deploy an Instagram Clone with React and Firebase https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/ --- Vite vs Create React App in 2024 https://blog.bitsrc.io/vite-vs-create-react-app-326e8cc2c46b --- #nextjs #react #vite #firebase #weather #instagram #clone #tailwind

Ever got confused between VS Code and VS Codium? Let us clear that out for you! https://itsfoss.com/vs-code-vs-codium/

How to Make 9 Dots Menu Drawer using Html CSS and Javascript https://www.youtube.com/watch?v=AnQLtviRwD4 #menu #drawer #dots

How to Implement Passkey Authentication with the Web Authentication API https://www.freecodecamp.org/news/passkey-authentication-web-authentication-api/ #auth #passkey

We Forgot Frontend Basics https://blog.stackademic.com/we-forgot-frontend-basics-2f9a1c4dabaa —- JavaScript Clean Code: Best Practice https://javascript.plainenglish.io/javascript-clean-code-best-practice-000ebc23b435 —— 24 Productivity tools for 2024 https://medium.com/@andy456333/24-productivity-tools-for-2024-386ef1093ac0 —- Top 15 Software Development Trends in 2024 https://serokell.medium.com/top-15-software-development-trends-in-2024-5a4526653004 —- #frontend #tips #basic #trends

How to Optimize Your CSS Code for Faster Web Pages https://www.freecodecamp.org/news/how-to-optimize-your-css-code-for-faster-web-pages/ --- CSS Units – When to Use rem, em, px, and More https://www.freecodecamp.org/news/css-units-when-to-use-each-one/ --- CSS Blurry Shimmer Effect https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/ #css #shimmer #units #optimize

Free JavaScript Bootcamp for 2024 – Learn JS with the Bad Website Club https://www.freecodecamp.org/news/free-webdev-and-js-bootcamps/ --- 18 JavaScript Tips : You Should Know for Clean and Efficient Code https://dev.to/devshefali/18-javascript-tips-you-should-know-for-clean-and-efficient-code-1bk3 --- How to Get the First Line of a Multiline String in JavaScript https://www.freecodecamp.org/news/how-to-get-the-first-line-of-a-multiline-string-in-javascript/ --- Building Reusable JavaScript Development Environments https://javascript.plainenglish.io/building-reusable-javascript-development-environments-c3d11969d694 --- #webdev #component #string #firstline #tips

Next.js 14 Authentication Tutorial with Clerk https://www.youtube.com/watch?v=UqjJLhCm2-k —- Horizontal Scroll Animation in React with Pure CSS https://www.youtube.com/watch?v=Utla0G3krAg #candDev #react #nextjs #auth #css #scroll

API Documentation Best Practices Course https://www.freecodecamp.org/news/api-documentation-best-practices-course/ #api #documentation #bestpractice

How to Make 9 Dots Menu Drawer using Html CSS and Javascript https://www.youtube.com/watch?v=AnQLtviRwD4 #menuDrawer #html #css #javascript

5 traits to go from Junior to Senior Software Engineer https://dev.to/jenesh/5-traits-to-go-from-junior-to-senior-software-engineer-11ol #developer

9 Top Trending Open Source Projects to Watch for in 2024 https://dev.to/winglang/9-top-trending-open-source-projects-to-watch-for-in-2024-emb #tips #source #watch

How to Create a React App in 2024 https://www.freecodecamp.org/news/how-to-create-a-react-app-in-2024/ --- Code and Deploy an Instagram Clone with React and Firebase https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/ --- How to Use React.js with Laravel to Build a Draggable Tasklist App https://www.freecodecamp.org/news/use-react-with-laravel/ #react #learning

VScode Extensions for Documentation https://medium.com/@rami.krispin/vscode-extensions-for-documentation-5eec3f9c9e58 #code #extension #tips

10 Websites To Learn Anything For Free On The Internet https://dev.to/durgesh4993/10-websites-to-learn-anything-for-free-on-the-internet-4ahe #learning #course

Best free, open-source SaaS starters for React & NextJS 2024 https://dev.to/vincanger/best-free-open-source-saas-starters-for-react-nextjs-2024-4nbn —- Jan 15, 2024 ⋅ 6 min read Exploring Next.js no-code platforms for rapid development https://blog.logrocket.com/next-js-no-code-platforms-rapid-development/ —- Developing a responsive mega menu in React https://blog.logrocket.com/developing-responsive-mega-menu-react/ —- React onClick event handlers: A complete guide https://blog.logrocket.com/react-onclick-event-handlers-guide/ —- A guide to enabling partial pre-rendering in Next.js https://blog.logrocket.com/guide-enabling-partial-pre-rendering-next-js/ —- Top 14 Libraries for Any React App https://levelup.gitconnected.com/top-14-libraries-for-any-react-app-7ef7933d8966 #react #nextjs #rendering #click

How to Create Simple JavaScript Slider https://www.youtube.com/watch?v=ZR1iofNU384 #slider #simple #javascript #onlineTutorials

How to Build AI Apps – A Frontend Developer's Guide https://www.freecodecamp.org/news/frontend-ai-guide/ —- The future of frontend development https://dev.to/codewithshahan/the-future-of-frontend-development-1amd #guide #frontend #ai

Javascript Interview Question: Why does [9,8,7,6][1,2] = 7 ? https://rahuulmiishra.medium.com/javascript-interview-question-why-does-9-8-7-6-1-2-7-a8c070d46cc6 —- What exactly is javascript:void(0) used for? https://javascript.plainenglish.io/what-exactly-is-javascript-void-0-used-for-9f69dfabd23c —- Sorry LocalStorage, Now I’m in Love with LocalForage! https://levelup.gitconnected.com/sorry-localstorage-now-im-in-love-with-localforage-2767d38cb81c —- 10 JavaScript Tricks You Didn’t Know https://medium.com/@khushi1399gupta/10-javascript-tricks-you-didnt-know-cb23d4bd23e6 —- React & Javascript Optimization Techniques https://medium.com/globant/javascript-optimization-techniques-20d8d167dadd —- #tips #interview #optimize

Passkey Authentication with Express.js and Docker – Web Authentication API Tutorial https://www.youtube.com/watch?v=lzelnAI914A —- Using semantic-release to automate releases and changelogs https://blog.logrocket.com/using-semantic-release-automate-releases-changelogs/ —- How to Build a CRUD REST API with NestJS, Docker, Swagger, and Prisma https://www.freecodecamp.org/news/build-a-crud-rest-api-with-nestjs-docker-swagger-prisma/ #nodejs #express #auth #semantic #release #nest #docker #swagger #prisma