I Tried 8 Different Postgres ORMs
A modern, fast-paced, and slightly irreverent meme-heavy look at the various ways in which you can interact with Postgres from a backend JavaScript app. It’s pretty neat as whirlwind tours go. - https://www.youtube.com/watch?v=4QN1BzxF8wM
#nodejs
A modern, fast-paced, and slightly irreverent meme-heavy look at the various ways in which you can interact with Postgres from a backend JavaScript app. It’s pretty neat as whirlwind tours go. - https://www.youtube.com/watch?v=4QN1BzxF8wM
#nodejs
YouTube
I tried 8 different Postgres ORMs
Let's compare 8 ways to work with SQL databases in a JavaScript project like Node.js or Next.js. Analyze the pros and cons of libraries and ORMs that can run Postgres queries in a fullstack framework.
#sql #javascript #webdevelopment
Learn more in full…
#sql #javascript #webdevelopment
Learn more in full…
👍7❤1
How to make Responsive Design in Angular?
How can we make our application mobile friendlier? We all know about media queries. Media queries allow us to… - https://medium.com/geekculture/how-to-make-responsive-design-in-angular-1ad9d936dc16
#angular
How can we make our application mobile friendlier? We all know about media queries. Media queries allow us to… - https://medium.com/geekculture/how-to-make-responsive-design-in-angular-1ad9d936dc16
#angular
Medium
How to make Responsive Design in Angular?
How can we make our application mobile friendlier? We all know about media queries. Media queries allow us to adjust the style for…
👍3🔥2
Если вы фронтенд-разработчик, то чтобы стать еще более универсальным и востребованным нужно постоянно развиваться и приобретать продвинутые навыки. Для этого Яндекс Практикум создал конструктор на основе курсов для фронтенд-разработчиков, где вы можете выбрать только самые необходимые скиллы для своего развития.
Учитесь только тому, что вам нужно
Продвинутый JS, архитектура, повышение производительности и безопасности веб-приложений
В удобное время
Выбирайте время для старта обучения и перерывов: каждый модуль запускается 1 раз в месяц
C обратной связью
На каждом модуле есть индивидуальные или групповые проекты
Составляйте свою программу обучения из нескольких модулей и экономьте до 20% от их стоимости.
На модули действует прогрессивная скидка:
Два модуля - 15% на второй
Три модуля - 20% на второй и третий
За каждый пройденный этап вы получите сертификат о повышении квалификации.
Узнать подробнее можно здесь
Учитесь только тому, что вам нужно
Продвинутый JS, архитектура, повышение производительности и безопасности веб-приложений
В удобное время
Выбирайте время для старта обучения и перерывов: каждый модуль запускается 1 раз в месяц
C обратной связью
На каждом модуле есть индивидуальные или групповые проекты
Составляйте свою программу обучения из нескольких модулей и экономьте до 20% от их стоимости.
На модули действует прогрессивная скидка:
Два модуля - 15% на второй
Три модуля - 20% на второй и третий
За каждый пройденный этап вы получите сертификат о повышении квалификации.
Узнать подробнее можно здесь
💩8👍5
Advanced Form Control Styling With selectmenu and Anchoring API
Brecht De Ruyte explains how element works. - https://www.smashingmagazine.com/2023/06/advanced-form-control-styling-selectmenu-anchoring-api
#css
Brecht De Ruyte explains how element works. - https://www.smashingmagazine.com/2023/06/advanced-form-control-styling-selectmenu-anchoring-api
#css
Smashing Magazine
Advanced Form Control Styling With Selectmenu And Anchoring API — Smashing Magazine
Thanks to the Open UI working community group, there’s a new element on the horizon, <selectmenu>, that will make styling this type of form control a whole lot better. You’re going to walk through an early implementation of this new experimental element by…
👍5
A Practical Guide to Not Blocking the Event Loop
Engines typically run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/
#javascript
Engines typically run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/
#javascript
Building Better Software Slower
Practical Guide To Not Blocking The Event Loop
JavaScript runs in a single-threaded environment with an event loop, an architecture that is very easy to reason about. It's a continuous loop executing incoming work. Synchronous work runs immediately; asynchronous work runs when there is no synchronous…
👍8❤1
A step by step guide to adding site search to your Nuxt ecommerce
Search is an integral feature of any online shopping experience. Looking to add site search to your Vue ecommerce application? Learn how to integrate real time sorting, filtering, and faceted search with Meilisearch in this complete guide for Nuxt. - https://blog.meilisearch.com/nuxt-ecommerce-search-guide/
#vue
Search is an integral feature of any online shopping experience. Looking to add site search to your Vue ecommerce application? Learn how to integrate real time sorting, filtering, and faceted search with Meilisearch in this complete guide for Nuxt. - https://blog.meilisearch.com/nuxt-ecommerce-search-guide/
#vue
Meilisearch
A step by step guide to adding site search to your Nuxt ecommerce
Looking to add site search to your Vue ecommerce? Learn how to integrate real time sorting, filtering, and faceted search in this complete guide for Nuxt.
👍4❤2🔥1
Advanced Fastify: Hooks, Middleware, and Decorators
Fastify is an increasingly common alternative to Express (more on why here). Damilola looks at some higher level Fastify concepts here, as well as how you might incrementally migrate from Express to Fastify. - https://blog.appsignal.com/2023/05/24/advanced-fastify-hooks-middleware-and-decorators.html
#nodejs
Fastify is an increasingly common alternative to Express (more on why here). Damilola looks at some higher level Fastify concepts here, as well as how you might incrementally migrate from Express to Fastify. - https://blog.appsignal.com/2023/05/24/advanced-fastify-hooks-middleware-and-decorators.html
#nodejs
Appsignal
Advanced Fastify: Hooks, Middleware, and Decorators | AppSignal Blog
In the second part of this series, let's dive into advanced Fastify concepts: hooks, middleware, decorators, and validation.
👍3❤2
Understanding React Concurrency
It’s not mandatory to understand the details of React’s ‘concurrent features’ (what you may have once called ‘concurrent mode’) but having the basic ideas in your head could help you solve performance problems and bugs down the line. - https://www.bbss.dev/posts/react-concurrency
#react
It’s not mandatory to understand the details of React’s ‘concurrent features’ (what you may have once called ‘concurrent mode’) but having the basic ideas in your head could help you solve performance problems and bugs down the line. - https://www.bbss.dev/posts/react-concurrency
#react
Building Better Software Slower
Understanding React Concurrency
React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it is a low-level feature, it’s not critical to understand…
👍8
Modern CSS For Dynamic Component-Based Architecture
Stephanie Eckles explores modern project architecture, emphasizing theming, responsive layouts, and component design. - https://moderncss.dev/modern-css-for-dynamic-component-based-architecture
#css
Stephanie Eckles explores modern project architecture, emphasizing theming, responsive layouts, and component design. - https://moderncss.dev/modern-css-for-dynamic-component-based-architecture
#css
Modern CSS Solutions
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Explore modern project architecture, theming, responsive layouts, and component design. Learn to improve code organization, dig into layout techniques, and review real-world, context-aware components that use cutting-edge CSS techniques.
👍5
Exploring Vuetify 3
Vuetify 3 has been released with major changes and improvements. In this article, take a look at the new version and how it compares to its predecessors, and get clear on the new features as well as breaking changes. - https://dev.to/vuemastery/exploring-vuetify-3-18kk
#vue
Vuetify 3 has been released with major changes and improvements. In this article, take a look at the new version and how it compares to its predecessors, and get clear on the new features as well as breaking changes. - https://dev.to/vuemastery/exploring-vuetify-3-18kk
#vue
DEV Community
Exploring Vuetify 3
Written by Akanni Seun When Vue 3 came out, there was a waiting period until other libraries in...
👍5❤1
Stop using Shared Module in Angular
I have work with Angular framework in 3 software companies. In the first days at each company, my task was to… - https://medium.com/@huannx.dev/stop-using-shared-module-in-angular-f003d8f61afa
#angular
I have work with Angular framework in 3 software companies. In the first days at each company, my task was to… - https://medium.com/@huannx.dev/stop-using-shared-module-in-angular-f003d8f61afa
#angular
Medium
Stop using Shared Module in Angular
I have work with Angular framework in 3 software companies. In the first days at each company, my task was to read the source code then all…
👍6
How to Deploy a Node App on to AWS Elastic Beanstalk
Elastic Beanstalk is an AWS-only orchestration service for deploying apps on to services like EC2 and S3. It’s 12 years old now and predates Docker, Kubernetes, etc. but is still actively maintained and provides an experience many folks prefer to heavier alternatives. - https://www.youtube.com/watch?v=dWfng4qJYMU
#nodejs
Elastic Beanstalk is an AWS-only orchestration service for deploying apps on to services like EC2 and S3. It’s 12 years old now and predates Docker, Kubernetes, etc. but is still actively maintained and provides an experience many folks prefer to heavier alternatives. - https://www.youtube.com/watch?v=dWfng4qJYMU
#nodejs
YouTube
Deploy a Node.js application on AWS Elastic Beanstalk
🎯 Get your FREE AWS Cloud Projects Guide and gain real hands-on experience with AWS.
👉 https://digitalcloud.training/free-aws-cloud-projects
Start building the skills that get you hired!
_______________________
In this AWS video tutorial, you'll learn…
👉 https://digitalcloud.training/free-aws-cloud-projects
Start building the skills that get you hired!
_______________________
In this AWS video tutorial, you'll learn…
👍3
Domain-Driven Architecture in the Frontend
What is Domain Driven Architecture and how it can help you manage complexity in your frontend codebase? - https://betterprogramming.pub/domain-driven-architecture-in-the-frontend-i-d27fb71b5cb0
#frontend #ddd
What is Domain Driven Architecture and how it can help you manage complexity in your frontend codebase? - https://betterprogramming.pub/domain-driven-architecture-in-the-frontend-i-d27fb71b5cb0
#frontend #ddd
Medium
Domain-Driven Architecture in the Frontend, Part 1
What is Domain Driven Architecture and how it can help you manage complexity in your frontend codebase?
👍3
The right way to create Angular components!
Take advantage of the power of Angular schematics! - https://javascript.plainenglish.io/the-right-way-to-create-angular-components-69228c5cc0fd
#angular
Take advantage of the power of Angular schematics! - https://javascript.plainenglish.io/the-right-way-to-create-angular-components-69228c5cc0fd
#angular
Medium
The right way to create Angular components!
[ 👀 VV] — Take advantage of the power of Angular schematics!
👍5
Rebuilding a Comment Component With Modern CSS
Ahmad Shadeed walks you through his thought process for creating a comment component with modern CSS. - https://ishadeed.com/article/comment-component
#css
Ahmad Shadeed walks you through his thought process for creating a comment component with modern CSS. - https://ishadeed.com/article/comment-component
#css
Ishadeed
Rebuilding a comment component with modern CSS
Building a comment component with modern CSS like flexbox, logical properites, :has, style queries, and subgrid.
👍6
Vue 3: watchEffect is Impressive, but watch is still the Best Choice
One of the most powerful features of Vue is the ability to reactively perform a side-effect based on changes to the underlying data. To achieve this, Vue 3 provides two helpers: watch and watchEffect. While both helpers can monitor changes to reactive data, they have different use cases and behaviors. This article will explore their differences and when to use each. - https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19
#vue
One of the most powerful features of Vue is the ability to reactively perform a side-effect based on changes to the underlying data. To achieve this, Vue 3 provides two helpers: watch and watchEffect. While both helpers can monitor changes to reactive data, they have different use cases and behaviors. This article will explore their differences and when to use each. - https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19
#vue
Medium
Vue 3: watchEffect is Impressive, but watch is still the Best Choice
One of the most powerful features of Vue is the ability to reactively perform a side-effect based on changes to the underlying data. To…
❤6👍4👎1
The Interactive Guide to Rendering in React
An interactive, illustrated guide exploring why, when and how React renders, complete with a series of well thought out animations. - https://ui.dev/why-react-renders
#react
An interactive, illustrated guide exploring why, when and how React renders, complete with a series of well thought out animations. - https://ui.dev/why-react-renders
#react
ui.dev
The Interactive Guide to Rendering in React
In this interactive guide, we'll explore why, when, and how React renders.
👍9❤1
How to Set Up OpenTelemetry for Full-Stack JS Dev
Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
#nodejs
Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
#nodejs
New Relic
Set up OpenTelemetry for full-stack JavaScript development
Instrument React and Node applications in your PERN stack with OpenTelemetry.
👍4❤1