Panduan lengkap tentang Flexbox CSS dan contoh kasus penggunaan
https://dev.to/johnpalmgren/flexbox-complete-guide-for-beginners-56bp
#css #flexbox
https://dev.to/johnpalmgren/flexbox-complete-guide-for-beginners-56bp
#css #flexbox
DEV Community 👩💻👨💻
Flexbox complete guide for beginners
What is flexbox? Flexbox is a property that you can use in CSS that will position any...
Membuat halaman web dengan multi navigation bar bersama Kevin Powell
https://youtu.be/I1lq2ge7g4g
#kevinPowell #navbar
https://youtu.be/I1lq2ge7g4g
#kevinPowell #navbar
YouTube
The problem with multiple nav elements (and the simple solution)
When we have multiple nav elements on a given page, it's important that we use aria-label to label them... most of the time!
🔗 Links
✅ a11y project: https://www.a11yproject.com/
✅ Leone Watson's video: https://www.youtube.com/watch?v=IhWMou12_Vk
✅ Skip…
🔗 Links
✅ a11y project: https://www.a11yproject.com/
✅ Leone Watson's video: https://www.youtube.com/watch?v=IhWMou12_Vk
✅ Skip…
Latihan panjang membuat web portfolio dengan JavaScript, HTML, dan CSS framework yang bernama Bootstrap 5
https://www.freecodecamp.org/news/how-to-create-a-portfolio-website-using-html-css-javascript-and-bootstrap/
#portfolio #css #freecodecamp
https://www.freecodecamp.org/news/how-to-create-a-portfolio-website-using-html-css-javascript-and-bootstrap/
#portfolio #css #freecodecamp
freeCodeCamp.org
How to Create a Portfolio Website Using HTML, CSS, JavaScript, and Bootstrap 5
By Sampurna Chapagain If you are a web developer or a web designer, it is essential for you to have a portfolio website. It lets you provide information about yourself and showcase your best work with your relevant skills and experience. In this blog...
Sampel project web portofolio yang dibuat dengan React JS dan TypeScript
https://reactjsexample.com/a-beautiful-portfolio-page-made-with-react-and-typescript/
#react #portofolio #typescript #sample
https://reactjsexample.com/a-beautiful-portfolio-page-made-with-react-and-typescript/
#react #portofolio #typescript #sample
React.js Examples
A beautiful portfolio page made with React and Typescript
Latihan panjang membuat kerangka project PERN Stack dengan Docker
https://faun.pub/the-pern-stack-with-docker-for-beginners-9fa76e574d82
—-
Latihan sederhana membuat unit testing untuk backend Node JS
https://betterprogramming.pub/writing-unit-tests-for-your-nodejs-api-13257bd0e46b
#nodejs #pern #postgresql #unit #test
https://faun.pub/the-pern-stack-with-docker-for-beginners-9fa76e574d82
—-
Latihan sederhana membuat unit testing untuk backend Node JS
https://betterprogramming.pub/writing-unit-tests-for-your-nodejs-api-13257bd0e46b
#nodejs #pern #postgresql #unit #test
Medium
The PERN stack with Docker for beginners
This is a tutorial that aims to be a step-by-step guide for how to implement the PERN stack with Docker. I have earlier made a tutorial…
Tips dan trik dalam implementasi Semantic HTML yang baik untuk struktur HTML dan SEO yang baik
https://www.freecodecamp.org/news/html-best-practices/
#html #seo #semantic
https://www.freecodecamp.org/news/html-best-practices/
#html #seo #semantic
freeCodeCamp.org
HTML Best Practices – How to Build a Better HTML-Based Website
HTML is the backbone of any website. It's the first thing people see. Without it, there would be no website. Because of this, it's important that you stick to good coding practices. If you don't follow the best practices, you will create a bad user ...
Pengenalan tentang apa itu Prisma ORM untuk Node JS bersama Fireship
https://www.youtube.com/watch?v=rLRIB6AF2Dg
#prisma #orm #fireship
https://www.youtube.com/watch?v=rLRIB6AF2Dg
#prisma #orm #fireship
YouTube
Prisma in 100 Seconds
Prisma is an open-source ORM that makes it fun and safe to work with a database like MySQL, Postgres, SQL Server, or MongoDB. It generates a type-safe client library to provide an awesome DX in any Node.js or JavaScript project.
This video is NOT sponsored.…
This video is NOT sponsored.…
Membuat project backend Node JS dengan TypeScript
https://blog.appsignal.com/2022/01/19/how-to-set-up-a-nodejs-project-with-typescript.html
---
Contoh implementasi Error Handling pada Node JS backend
https://stackify.com/node-js-error-handling/
—-
Cara integrasi Nest JS dengan Google Maps API
https://betterprogramming.pub/integrate-nodejs-client-for-google-maps-services-with-a-nestjs-application-f1969d47a639
—-
Mendapatkan metadata gambar atau EXIF dengan Node JS
https://itnext.io/getting-image-metadata-exif-using-node-js-bd14aeee981d
#nodejs #typescript #handling #error #exif #googleMaps
https://blog.appsignal.com/2022/01/19/how-to-set-up-a-nodejs-project-with-typescript.html
---
Contoh implementasi Error Handling pada Node JS backend
https://stackify.com/node-js-error-handling/
—-
Cara integrasi Nest JS dengan Google Maps API
https://betterprogramming.pub/integrate-nodejs-client-for-google-maps-services-with-a-nestjs-application-f1969d47a639
—-
Mendapatkan metadata gambar atau EXIF dengan Node JS
https://itnext.io/getting-image-metadata-exif-using-node-js-bd14aeee981d
#nodejs #typescript #handling #error #exif #googleMaps
Appsignal
How to Set Up a Node.js Project with TypeScript | AppSignal Blog
TypeScript can be a valuable tool for Node.js. Learn how to add TypeScript support to Node.js projects.
Cara mengurutkan utility class Tailwind CSS dengan menggunakan Prettier
https://tailwindcss.com/blog/automatic-class-sorting-with-prettier
#prettier #utility #css #tailwind
https://tailwindcss.com/blog/automatic-class-sorting-with-prettier
#prettier #utility #css #tailwind
Tailwindcss
Automatic Class Sorting with Prettier
People have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind…
Latihan panjang membuat halaman blog dengan Next JS dan Markdown
https://blog.openreplay.com/creating-a-markdown-blog-powered-by-next-js-in-under-an-hour
#react #nextjs #markdown
https://blog.openreplay.com/creating-a-markdown-blog-powered-by-next-js-in-under-an-hour
#react #nextjs #markdown
Latihan panjang bersama Freecodecamp dalam membuat aplikasi React JS dengan TypeScript
https://www.freecodecamp.org/news/how-to-code-your-react-app-with-typescript/
#react #freecodecamp #typescript
https://www.freecodecamp.org/news/how-to-code-your-react-app-with-typescript/
#react #freecodecamp #typescript
freeCodeCamp.org
How to Code Your React App with TypeScript
React is one of the most popular front-end JavaScript libraries for building user interfaces. Using TypeScript for your React projects can lead to a more robust codebase with less errors. We just published a full course on the freeCodeCamp.org YouTub...
Komparasi antara Vue JS dengan Svelte JS
https://blog.logrocket.com/svelte-vs-vue-comparing-framework-internals/
#vue #svelte
https://blog.logrocket.com/svelte-vs-vue-comparing-framework-internals/
#vue #svelte
LogRocket Blog
Svelte vs. Vue: Comparing framework internals - LogRocket Blog
There is no doubt that Svelte is a performant framework, but Vue has had years and lots of support to implement and improve on these aspects.
Forwarded from Nodejsweekly News
Node Weekly 421
01/26/2022
• News Remix vs Next.js
• News Eleventy v1.0: The Node-Powered Static Site Generator
• News Cloud Infrastructure Without the Complexity or Cost
• News Node v17.4.0 (Current) Released
• News Mocking With Undici Like a Pro
• News Creating an AWS Lambda Function with nbb
• News Create An Open Graph Image Generator with Node
• News Read How Elotl Autoscales CI in Kubernetes with Buildkite & Amazon EKS
• News How to Set Up a Node Project with TypeScript
• News NodeBB 1.19.0: Node-Based Forum Software
• News better-sqlite3 7.5: A Simple, Fast SQLite3 Library for Node
• News Doppler - All Your Environment Variables in One Place
• News Dynamoose 2.8: A Modeling Tool for Amazon's DynamoDB
• News Rockpack 2.0: An Alternative React App Builder
• News Discord.js 13.6.0: A Library for Interacting with Discord's API
Tags: #weekly #nodejs
Node.js Indonesia Community
01/26/2022
• News Remix vs Next.js
• News Eleventy v1.0: The Node-Powered Static Site Generator
• News Cloud Infrastructure Without the Complexity or Cost
• News Node v17.4.0 (Current) Released
• News Mocking With Undici Like a Pro
• News Creating an AWS Lambda Function with nbb
• News Create An Open Graph Image Generator with Node
• News Read How Elotl Autoscales CI in Kubernetes with Buildkite & Amazon EKS
• News How to Set Up a Node Project with TypeScript
• News NodeBB 1.19.0: Node-Based Forum Software
• News better-sqlite3 7.5: A Simple, Fast SQLite3 Library for Node
• News Doppler - All Your Environment Variables in One Place
• News Dynamoose 2.8: A Modeling Tool for Amazon's DynamoDB
• News Rockpack 2.0: An Alternative React App Builder
• News Discord.js 13.6.0: A Library for Interacting with Discord's API
Tags: #weekly #nodejs
Node.js Indonesia Community
Maximillian dan Academind merilis diskon besar pada beberapa kelas Udemy nya menjadi sebesar IDR 84K saja. Daftar kelas yang didiskon dapat dilihat pada tautan berikut.
https://youtu.be/eNm54O1Ibbc
#udemy #academind
https://youtu.be/eNm54O1Ibbc
#udemy #academind
YouTube
Start 2022 Strong - Academind Udemy Course Sales Starts Now!
We hope you had a great start into 2022! We want to support you in the best possible way to achieve your goals, therefore we're happy to announce the Academind January 2022 Udemy course sale!
Latest courses:
100 Days of Code - The 2022 Web Development Bootcamp:…
Latest courses:
100 Days of Code - The 2022 Web Development Bootcamp:…
Fireship merilis latihan singkat membuat game dalam bentuk Command Line atau CLI dengan Node JS
https://youtu.be/_oHByo8tiEY
#cli #commandLine #nodejs #fireship
https://youtu.be/_oHByo8tiEY
#cli #commandLine #nodejs #fireship
YouTube
I created a Command Line Game for you // 5-Minute Node.js CLI Project
Building your own Command Line Interface (CLI) is easier than you might think with Node.js. There are a bunch of open-source packages that can handle colors, animation, and user input with ease. Use them to build a CLI game from scratch using only JavaScript.…
Latihan panjang membuat aplikasi fullstack JavaScript dengan Next JS, Tailwind CSS, dan Supabase
https://www.freecodecamp.org/news/how-to-build-a-full-stack-application-with-tailwind-css-and-supabase-in-nextjs/
#supabase #nextjs #react #tailwind
https://www.freecodecamp.org/news/how-to-build-a-full-stack-application-with-tailwind-css-and-supabase-in-nextjs/
#supabase #nextjs #react #tailwind
freeCodeCamp.org
How to Build a Full Stack Application With Supabase, React, and Tailwind CSS in Nextjs
Serverless databases are all the rage these days. They allow you to develop a fully functional app without building a server or writing server code. A serverless database is a cloud computing solution that lets you distribute and flexibly manage you...
👍1
Catatan rilis Google Chrome Dev Tools 98 dengan beberapa tambahan fitur baru di dalam nya
https://youtu.be/YqkIS88VulM
#chrome #devtools
https://youtu.be/YqkIS88VulM
#chrome #devtools
YouTube
Chrome 98 - What’s New in DevTools
What’s new in DevTools (Chrome 98) → https://goo.gle/3ghkyBT
Chapters:
0:00 - Intro
0:12 - Full-page accessibility tree
1:14 - Changes tab
1:45 - Timeout settings in the Recorder panel
2:42 - Back/Forward cache tab
4:01 - New Properties pane filter
4:30…
Chapters:
0:00 - Intro
0:12 - Full-page accessibility tree
1:14 - Changes tab
1:45 - Timeout settings in the Recorder panel
2:42 - Back/Forward cache tab
4:01 - New Properties pane filter
4:30…
Latihan membuat efek paralax yang baik bersama Web Dev Simplified
https://youtu.be/mxHoPYFsTuk
#paralax #webdevsimplified
https://youtu.be/mxHoPYFsTuk
#paralax #webdevsimplified
YouTube
This Simple Trick Makes Your Website 83% Better Looking
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
Parallax scrolling effects look awesome, but implementing them can be pretty tricky. In this video I will show you how to implement a parallax scrolling effect and most importantly…
Parallax scrolling effects look awesome, but implementing them can be pretty tricky. In this video I will show you how to implement a parallax scrolling effect and most importantly…