Long practice from Traversy Media building a QR Code generator app with JavaScript, HTML and Tailwind CSS
https://youtu.be/qNiUlml9MDk
#traversyMedia #tailwind #qrcode
https://youtu.be/qNiUlml9MDk
#traversyMedia #tailwind #qrcode
YouTube
Create A Simple JavaScript App to Generate QR Codes
Let's create a simple QR Code generator app with JavaScript, QRcode.js and Tailwind CSS.
💻 Github Repo
https://github.com/bradtraversy/qr-code-generator
🧑💻 Live Demo
https://qrcodes.tech
💻 QRCode.js Library:
https://github.com/davidshimjs/qrcodejs
⭐…
💻 Github Repo
https://github.com/bradtraversy/qr-code-generator
🧑💻 Live Demo
https://qrcodes.tech
💻 QRCode.js Library:
https://github.com/davidshimjs/qrcodejs
⭐…
Creating a Music Player application with Strapi CMS and React JS
https://medium.com/strapi/how-to-build-a-music-player-with-react-and-strapi-29aef15dcc5c
#strapi #musicplayer #react
https://medium.com/strapi/how-to-build-a-music-player-with-react-and-strapi-29aef15dcc5c
#strapi #musicplayer #react
Medium
How to Build a Music Player with React and Strapi
This article teaches you on how to build a music player with React and Strapi
Deploy the React JS application into Github Pages
https://blog.logrocket.com/deploying-react-apps-github-pages/
#react #github #pages
https://blog.logrocket.com/deploying-react-apps-github-pages/
#react #github #pages
LogRocket Blog
How to deploy React apps to GitHub Pages - LogRocket Blog
Walk through deploying a Create React App project to GitHub Pages, customizing your domain, and automating deployments with GitHub Actions.
Practice creating a Digital Agency web with HTML, CSS, and JavaScript
https://dev.to/codewithsadee/digital-agency-website-using-html-css-javascript-1b2a
---
Tips and tricks for writing clean code in JavaScript
https://blog.bitsrc.io/5-ways-to-write-clean-javascript-code-19aa6338fe00
---
Create a random color generator with JavaScript
https://javascript.plainenglish.io/lets-create-a-random-color-generator-221faf96d71
---
Practice using Regex JavaScript for beginners
https://www.freecodecamp.org/news/regular-expressions-for-beginners/
#html #css #javascript #cleancode #regex
https://dev.to/codewithsadee/digital-agency-website-using-html-css-javascript-1b2a
---
Tips and tricks for writing clean code in JavaScript
https://blog.bitsrc.io/5-ways-to-write-clean-javascript-code-19aa6338fe00
---
Create a random color generator with JavaScript
https://javascript.plainenglish.io/lets-create-a-random-color-generator-221faf96d71
---
Practice using Regex JavaScript for beginners
https://www.freecodecamp.org/news/regular-expressions-for-beginners/
#html #css #javascript #cleancode #regex
DEV Community 👩💻👨💻
Digital Agency Website Using HTML CSS JavaScript
How to Build Digital Agency Website Using HTML CSS JavaScript This video will show you how to...
Run the Markdown file in Terminal to see its contents.
https://dev.to/sourishkrout/run-readmemd-in-your-terminal-19i
---
Convert HTML data to Markdown form
https://javascript.plainenglish.io/javascript-convert-html-to-markdown-de907c2dfa33
#markdown #terminal
https://dev.to/sourishkrout/run-readmemd-in-your-terminal-19i
---
Convert HTML data to Markdown form
https://javascript.plainenglish.io/javascript-convert-html-to-markdown-de907c2dfa33
#markdown #terminal
DEV Community
Run README.md in your terminal
Please note: rdme has been renamed to runme available at...
React re-renders guide: everything, all at once
https://www.developerway.com/posts/react-re-renders-guide
#react #reactjs
https://www.developerway.com/posts/react-re-renders-guide
#react #reactjs
Developerway
React re-renders guide: everything, all at once
React re-renders "cheatsheet". Short descriptions with visual aid and code examples of: what re-renders are, what triggers them, most important re-renders related patterns and antipatterns to remember.
Forwarded from Learn CSS™
YouTube
3 useful CSS hacks
There are times when we need to take more... unconventional approaches to solving a given problem, so in this video I look at 3 (or 4, really), hacky, but useful solutions that we can use in our CSS.
🔗 Links
✅ vmax, and the other viewport units: htt…
🔗 Links
✅ vmax, and the other viewport units: htt…
VueUse — collection of essential Vue Composition Utilities for Vue 2 and 3
https://github.com/vueuse/vueuse
#vue #lib
https://github.com/vueuse/vueuse
#vue #lib
GitHub
GitHub - vueuse/vueuse: Collection of essential Vue Composition Utilities for Vue 3
Collection of essential Vue Composition Utilities for Vue 3 - vueuse/vueuse
Choosing the best ecommerce platform for your Vue.js app
https://blog.logrocket.com/best-ecommerce-platform-vue-js-app/
https://blog.logrocket.com/best-ecommerce-platform-vue-js-app/
LogRocket Blog
Choosing the best ecommerce platform for your Vue.js app - LogRocket Blog
Factor in features, developer experience, pricing, and other variables when choosing the right ecommerce platform for your Vue.js application.
Scraping Google Maps Reviews with Node
https://dev.to/serpapi/web-scraping-google-maps-reviews-with-nodejs-328g?utm_campaign=scraping-google-maps-reviews-with-node
#nodejs
https://dev.to/serpapi/web-scraping-google-maps-reviews-with-nodejs-328g?utm_campaign=scraping-google-maps-reviews-with-node
#nodejs
DEV Community
Web Scraping Google Maps Reviews with Nodejs
What will be scraped Preparation First, we need to create a Node.js* project and add npm packages...
React App Performance Optimization Tips
https://suneetbansal.medium.com/react-app-performance-optimization-tips-9f9d8f20908d?utm_campaign=react-app-performance-optimization-tips
#react #optimization #performance #tips
https://suneetbansal.medium.com/react-app-performance-optimization-tips-9f9d8f20908d?utm_campaign=react-app-performance-optimization-tips
#react #optimization #performance #tips
Medium
React App Performance Optimization Tips
Continuously improving the Web Application performance plays very important role to improve User Experience and keep users engaged.
Using environment variables in Vue JS
https://dev.to/smpnjn/using-env-environment-variables-in-vue-1jdm
---
Creating RSS Feeds on Nuxt JS with the help of Nuxt Content
https://dev.to/mokkapps/create-an-rss-feed-with-nuxt-3-and-nuxt-content-v2-i14
---
#vue #env #nuxt #rss
https://dev.to/smpnjn/using-env-environment-variables-in-vue-1jdm
---
Creating RSS Feeds on Nuxt JS with the help of Nuxt Content
https://dev.to/mokkapps/create-an-rss-feed-with-nuxt-3-and-nuxt-content-v2-i14
---
#vue #env #nuxt #rss
DEV Community
Using .env Environment Variables in Vue
When we make a Node.js application, it's pretty typical that we also create a .env file that stores...
Practice using Ansible to setup an Ubuntu based VPS server
https://www.digitalocean.com/community/tutorials/how-to-use-ansible-to-automate-initial-server-setup-on-ubuntu-22-04
#ansible #vps
https://www.digitalocean.com/community/tutorials/how-to-use-ansible-to-automate-initial-server-setup-on-ubuntu-22-04
#ansible #vps
Digitalocean
How to Use Ansible to Automate Initial Server Setup on Ubuntu 22.04 | DigitalOcean
Ansible offers a simple architecture that doesn’t require special software to be installed on nodes. It also provides a robust set of features and built-in m…
Long practice building fullstack JavaScript application with Supabase and Next JS
https://blog.logrocket.com/build-full-stack-app-next-js-supabase/
---
Page redirect implementation in Next JS
https://blog.logrocket.com/redirects-next-js/
---
Creating a slider drag element with React JS
https://blog.logrocket.com/building-draggable-slider-react/
---
#react #nextjs #supabase #redirect #slider
https://blog.logrocket.com/build-full-stack-app-next-js-supabase/
---
Page redirect implementation in Next JS
https://blog.logrocket.com/redirects-next-js/
---
Creating a slider drag element with React JS
https://blog.logrocket.com/building-draggable-slider-react/
---
#react #nextjs #supabase #redirect #slider
LogRocket Blog
Build a full-stack app with Next.js and Supabase - LogRocket Blog
In this article, we'll build a full-stack app using Next.js and Supabase. We'll discuss its setup, UI configuration, and app functionalities.
Performance benchmarks between Prisma and TypeORM in Node JS
https://dev.to/josethz00/benchmark-prisma-vs-typeorm-3873
#nodejs #orm #prism #typeorm
https://dev.to/josethz00/benchmark-prisma-vs-typeorm-3873
#nodejs #orm #prism #typeorm
DEV Community
Benchmark: Prisma VS TypeORM
Prisma and TypeORM are possibly the main ORM choices for the JavaScript ecosystem in 2022, so I have...
Filtering Array data using JavaScript
https://medium.com/@s_eschweiler/how-to-filter-arrays-with-javascript-3b5730428db1
#filter #array
https://medium.com/@s_eschweiler/how-to-filter-arrays-with-javascript-3b5730428db1
#filter #array
Medium
How To Filter Arrays With JavaScript
JavaScript provides an easy way to filter array. By using the array method filter() you can easily create a new array which only contains…
Husky 6 Lint (prettier + eslint) and commitlint for JavaScript Projects
https://medium.com/angular-in-depth/husky-6-lint-prettier-eslint-and-commitlint-for-javascript-project-d7174d44735a
#husky
https://medium.com/angular-in-depth/husky-6-lint-prettier-eslint-and-commitlint-for-javascript-project-d7174d44735a
#husky
Medium
Git Hook Husky 6 Lint (prettier + eslint) and commitlint for JavaScript Projects
Programming is a teamwork job, so we must ensure that our codebase is clean and usable for everyone in the team with the team culture and…
Check out the new VS Code feature called Sticky Scroll
https://dev.to/dotnetsafer/visual-studio-codes-new-editor-sticky-scroll-feature-never-get-lost-in-the-code-again-1dob
#code #vscode #scroll
https://dev.to/dotnetsafer/visual-studio-codes-new-editor-sticky-scroll-feature-never-get-lost-in-the-code-again-1dob
#code #vscode #scroll
DEV Community
Visual Studio Code's New Editor Sticky Scroll Feature - Never Get Lost In The Code Again!😍
Finally came what many of us were not waiting for but wishing for! (like the song that nobody...
Forwarded from Learn Html
Introducing Marktext, an easy-to-use Markdown editor
https://itsfoss.com/marktext-editor/
#marktext #markdown
https://itsfoss.com/marktext-editor/
#marktext #markdown
It's FOSS
Marktext is an Excellent Editor Even for Those Who Don't Know Markdown
Another Markdown editor? Have we not seen all kinds of Markdown editors already?
I understand that feeling. If you are a Markdown lover, from Joplin to Zettlr, you have tried most of them. And if you are not a Markdown fan, you probably don’t care about…
I understand that feeling. If you are a Markdown lover, from Joplin to Zettlr, you have tried most of them. And if you are not a Markdown fan, you probably don’t care about…