Tips for implementing ARIA labels for accessibility
https://www.freecodecamp.org/news/web-accessibility-common-aria-mistakes-to-avoid/
#aria #label
https://www.freecodecamp.org/news/web-accessibility-common-aria-mistakes-to-avoid/
#aria #label
freeCodeCamp.org
Web Accessibility – Common ARIA Mistakes to Avoid
By Ilknur Eren Accessible Rich Internet Applications – or ARIA – is a set of attributes and roles defined by the Web Accessibility Initiative. These make the web more accessible to people with disabilities. ARIA is extremely important for building a...
Tips on using Vue JS in 2023
https://medium.com/vue-mastery/vue-skills-to-master-in-2023-3d266c705f81
----
Preventing Array values from being duplicated in Vue JS
https://medium.com/js-dojo/preventing-duplicate-array-values-in-vue-3-7289de361cb4
#vue #skill #array #duplicate
https://medium.com/vue-mastery/vue-skills-to-master-in-2023-3d266c705f81
----
Preventing Array values from being duplicated in Vue JS
https://medium.com/js-dojo/preventing-duplicate-array-values-in-vue-3-7289de361cb4
#vue #skill #array #duplicate
Medium
Vue skills to master in 2023
This is your year to reach mastery and stay there. Check out the guide of Vue topics, tools and trends to stay on top of for 2023.
Get to know the Xstate state management library for React JS
https://youtu.be/s0h34OkEVUE
#react #state #xstate #management
https://youtu.be/s0h34OkEVUE
#react #state #xstate #management
YouTube
This Library Makes State Management So Much Easier
State management is one of the hardest parts of developing any application. This is especially apparent as your state and logic grows in complexity. This is why I love XState since it makes handling complex state logic relatively easy. Their visual editor…
Implementing the existing SOLID principles of TypeScript
https://blog.logrocket.com/applying-solid-principles-typescript/
---
Retrieve the Object value based on the key
https://javascript.plainenglish.io/typescript-get-object-value-by-key-9062a938ae6a
---
Specifies a TypeScript type value based on a specified condition
https://blog.logrocket.com/guide-conditional-types-typescript/
#object #key #value #typescript #solid
https://blog.logrocket.com/applying-solid-principles-typescript/
---
Retrieve the Object value based on the key
https://javascript.plainenglish.io/typescript-get-object-value-by-key-9062a938ae6a
---
Specifies a TypeScript type value based on a specified condition
https://blog.logrocket.com/guide-conditional-types-typescript/
#object #key #value #typescript #solid
LogRocket Blog
Applying SOLID principles to TypeScript - LogRocket Blog
Explore each of the SOLID principles, reviewing TypeScript examples to illustrate and understand why you need them in addition to OOP.
Added Kafka for pub sub pattern in Node JS
https://blog.logrocket.com/build-durable-pub-sub-with-kafka-node-js/
----
A collection of Node JS packages that can be used in Node JS projects
https://javascript.plainenglish.io/best-10-node-packages-for-your-next-project-f95487d76e3c
#pub #sub #nodejs #kafka #package
https://blog.logrocket.com/build-durable-pub-sub-with-kafka-node-js/
----
A collection of Node JS packages that can be used in Node JS projects
https://javascript.plainenglish.io/best-10-node-packages-for-your-next-project-f95487d76e3c
#pub #sub #nodejs #kafka #package
LogRocket Blog
Build a durable pub-sub with Kafka in Node.js - LogRocket Blog
Durable pub-sub builds make for faster apps. Learn why Kafka is a better choice for pub-sub over simple HTTP requests and more in this post.
A collection of UI framework libraries that can be used on Vue JS
https://jay315.medium.com/top-10-vue-ui-framework-you-did-not-know-as-frond-end-developer-cece140a6c76
#vue #package #ui #component
https://jay315.medium.com/top-10-vue-ui-framework-you-did-not-know-as-frond-end-developer-cece140a6c76
#vue #package #ui #component
Medium
Top 10 Vue UI Framework You Did not Know as Frond End Developer
The goal of Vue.js is to provide the most straightforward API for real-time, two-way data binding between the model and the view (HTML) (a…
Add data elements at the beginning of the Array
https://javascript.plainenglish.io/add-element-on-beginning-of-the-array-in-javascript-c45ef85369ee
---
Performs a map loop on the JavaScript Object by saving its key value
https://javascript.plainenglish.io/how-to-map-over-a-javascript-object-while-preserving-the-keys-13f083a9b98d
---
#element #array #map
https://javascript.plainenglish.io/add-element-on-beginning-of-the-array-in-javascript-c45ef85369ee
---
Performs a map loop on the JavaScript Object by saving its key value
https://javascript.plainenglish.io/how-to-map-over-a-javascript-object-while-preserving-the-keys-13f083a9b98d
---
#element #array #map
Medium
Add Element on Beginning of the Array in JavaScript
Two ways to add element on the beginning of the array
JavaScript Array manipulation cheatsheet with attractive visualization
https://dev.to/rammcodes/my-visual-javascript-array-cheatsheet-that-went-viral-on-linkedin-44bb
#cheatsheet #array #visualization
https://dev.to/rammcodes/my-visual-javascript-array-cheatsheet-that-went-viral-on-linkedin-44bb
#cheatsheet #array #visualization
DEV Community
My Visual JavaScript Array Cheatsheet That Went Viral on Linkedin 🤯🔥
I Created this JavaScript Array Methods Cheatsheet 🤯 Took me almost 2 hrs to create this animated...
Several ways to create data visualizations with Github Commit
https://dev.to/github/your-github-year-in-review-10-fun-ways-to-visualize-your-contributions-392o
#github #commit #visualization
https://dev.to/github/your-github-year-in-review-10-fun-ways-to-visualize-your-contributions-392o
#github #commit #visualization
DEV Community
Your GitHub year in review - 10 fun ways to visualize your contributions
Love 'em or loathe 'em, GitHub contribution graphs are often a great way to help share a story....
An exercise from Online Tutorials creates a mini calendar with HTML, CSS, and JavaScript
https://www.youtube.com/watch?v=2IwZ52lI2vg
#calendar #onlineTutorials #html #css
https://www.youtube.com/watch?v=2IwZ52lI2vg
#calendar #onlineTutorials #html #css
YouTube
Advanced Mini Calendar using Html CSS & Javascript | Mini Project
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
Formatting console output with JavaScript
https://www.freecodecamp.org/news/formatting-output-to-the-console/
---
Getting DOM elements based on tag names in HTML with JavaScript
https://javascript.plainenglish.io/get-element-s-by-tag-name-in-javascript-181a688b312a
---
#console #format #tags
https://www.freecodecamp.org/news/formatting-output-to-the-console/
---
Getting DOM elements based on tag names in HTML with JavaScript
https://javascript.plainenglish.io/get-element-s-by-tag-name-in-javascript-181a688b312a
---
#console #format #tags
Implementation of microservice functions with Node JS
https://dev.to/lovepreetsingh/implementing-microservice-architecture-in-node-js-1fg3
#nodejs #microservice
https://dev.to/lovepreetsingh/implementing-microservice-architecture-in-node-js-1fg3
#nodejs #microservice
DEV Community
Implementing Microservice Architecture In Node JS
📍 Introduction 🙂 As we have discussed in our previous blog "Monolithic vs Microservices: A...
Tips from the LearnVue channel add the auto import function to Vue JS
https://www.youtube.com/watch?v=KShLa_7AZSQ
#vue #learnVue #autoimport
https://www.youtube.com/watch?v=KShLa_7AZSQ
#vue #learnVue #autoimport
YouTube
Add Auto Imports to ANY Vue App
Thanks to Storyblok for sponsoring this video - learn more about my favorite CMS: https://go.learnvue.co/storyblok
RESOURCES
https://github.com/antfu/unplugin-auto-import
https://github.com/antfu/unplugin-vue-components
✅ Join the LearnVue+ Waiting List…
RESOURCES
https://github.com/antfu/unplugin-auto-import
https://github.com/antfu/unplugin-vue-components
✅ Join the LearnVue+ Waiting List…
Net Ninja released an exercise on using the Chakra UI component in React JS
https://www.youtube.com/watch?v=iXsM6NkEmFc&list=PL4cUxeGkcC9hcnIeryurNMMcGBHp7AYlP&index=2
The complete playlist can be seen here, and is updated all the time
https://www.youtube.com/playlist?list=PL4cUxeGkcC9hcnIeryurNMMcGBHp7AYlP
#chakraUI #react #netninja
https://www.youtube.com/watch?v=iXsM6NkEmFc&list=PL4cUxeGkcC9hcnIeryurNMMcGBHp7AYlP&index=2
The complete playlist can be seen here, and is updated all the time
https://www.youtube.com/playlist?list=PL4cUxeGkcC9hcnIeryurNMMcGBHp7AYlP
#chakraUI #react #netninja
YouTube
Chakra UI Crash Course #1 - Introduction & Chakra UI Setup
In this series, you'll learn all about Chakra UI - a component library for React - and how to use it in your own React applications.
⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:
https://netninja.dev/p/chakra-ui-crash-course
🐱💻 Access the…
⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:
https://netninja.dev/p/chakra-ui-crash-course
🐱💻 Access the…
Practice using React Query with the Web Dev Simplified channel
https://www.youtube.com/watch?v=r8Dg0KVnfMA
#react #query #webdevsimplified
https://www.youtube.com/watch?v=r8Dg0KVnfMA
#react #query #webdevsimplified
YouTube
Learn React Query In 50 Minutes
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
TanStack Query (also known as React Query) is my favorite way to interact with an external API. TanStack query is so easy to use and it gives you so many features by default…
TanStack Query (also known as React Query) is my favorite way to interact with an external API. TanStack query is so easy to use and it gives you so many features by default…
A simple exercise creating an API with Node JS
https://javascript.plainenglish.io/how-to-create-a-rest-api-in-node-js-4f8538b3fa9c
#nodejs #api
https://javascript.plainenglish.io/how-to-create-a-rest-api-in-node-js-4f8538b3fa9c
#nodejs #api
Medium
How to Create a REST API in Node.js
In this article, we will see an end to end flow as to how to create a basic rest api in Node.js. We will start from absolute basic, so that…
Using the Deno runtime to run the NPM Node JS package
https://www.youtube.com/watch?v=cv7ci6GT5Hg
#nodejs #deno #npm
https://www.youtube.com/watch?v=cv7ci6GT5Hg
#nodejs #deno #npm
YouTube
You don't need Node to use NPM packages
Learn how to use Node.js packages in the Deno JavaScript runtime with its new NPM specifier.
#typescript #nodejs #javascript
Deno NPM support blog post https://deno.com/blog/v1.28
Fireship CLI Tutorial https://youtu.be/_oHByo8tiEY
#typescript #nodejs #javascript
Deno NPM support blog post https://deno.com/blog/v1.28
Fireship CLI Tutorial https://youtu.be/_oHByo8tiEY
Using web application view debugging with Vitest
https://blog.logrocket.com/visual-debugging-vitest-preview/
#vitest #vite #debug #testing
https://blog.logrocket.com/visual-debugging-vitest-preview/
#vitest #vite #debug #testing
LogRocket Blog
A guide to visual debugging with Vitest Preview - LogRocket Blog
Vitest Preview is a powerful tool that helps you write and debug tests faster by allowing you to visualize your test in a browser.
Management endpoint API in Nuxt JS 3 which uses TypeScript
https://medium.com/vue-mastery/api-management-in-nuxt-3-with-typescript-c774cc170065
#nuxt #vue #typescript
https://medium.com/vue-mastery/api-management-in-nuxt-3-with-typescript-c774cc170065
#nuxt #vue #typescript
Medium
API Management in Nuxt 3 with TypeScript
By implementing the repository design pattern, we can make API management in our Nuxt 3 apps efficient and extendable with TypeScript.