Building Complex Forms In Vue

This article goes over creating a complex form that can be progressively enhanced using some Vue features like the v-for and the v-model. - https://www.smashingmagazine.com/2023/03/building-complex-forms-vue/

#vue

6 CSS Snippets Every Front-End Developer Should Know in 2023

Every front-end developer should know how to use container queries, create a scroll snap experience, avoid position: absolute with grid, swiftly hammer out a circle, use cascade layers, and reach more with less via logical properties. Learn each of those expectations in this great overview. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023

#css

A Guide to Visual Regression Testing with Playwright

The Playwright browser control library can form the basis of an end-to-end testing mechanism all written in JavaScript, and comparing the visual output of tests can show where things are going wrong. - https://lost-pixel.com/blog/post/playwright-visual-regression-testing

#nodejs

Advanced Data Structures and Algorithms: Implementing your first Binary Indexed…

The mediocre data structure that successfully fails at optimization - https://blog.bitsrc.io/advanced-data-structures-and-algorithms-implementing-your-first-binary-indexed-tree-a3fcfd2a98ab

#algoritms

React Server Components, Next.js App Router and Examples

Addy Osmani’s overview of the state of React Server Components, the Next.js App Router implementation, other implementations, the move towards hybrid rendering, plus some RSC related links. - https://addyosmani.com/blog/react-server-components-app-router/

#react

Fortifying Vue.js Applications: Common Security Risks and Solutions

This article discusses the top security vulnerabilities in Vue applications and provides recommendations for identifying and mitigating the risks. - https://medium.com/@neciudan/fortifying-vue-js-applications-common-security-risks-and-solutions-2496321acf82

#vue

Transform Mapped Types from Snake_ to CamelCase in TypeScript

Re-mapping TypeScript Mapped Types - https://javascript.plainenglish.io/transform-mapped-types-from-snake-to-camelcase-in-typescript-472a2a4843b9

#typescript

Modern CSS in Real Life

Chris Coyier looks at five new CSS things that really matter to real-world development. - https://chriscoyier.net/2023/06/06/modern-css-in-real-life

#css

Angular, Typescript, and Decorators

Consider using the unsung feature of decorators to power-up your angular web application - https://ndcunningham.medium.com/angular-typescript-and-decorators-2f58707796d7

#angular

Server-Sent Events with Node

Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs

#nodejs

Vue Mastery: The smart way to add external scripts to your Vue app

Leigh demonstrates a Vue component that can load any number of external scripts into our Vue app without blocking the smooth execution and rendering of our code. - https://leighola.hashnode.dev/vue-mastery-the-smart-way-to-add-external-scripts-to-your-vue-app

#vue

Using Apollo Client with Next.js 13

Looking at the release of an official (if experimental for now) library to support the App Router approach. - https://www.apollographql.com/blog/announcement/frontend/using-apollo-client-with-next-js-13-releasing-an-official-library-to-support-the-app-router/

#react

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

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

Если вы фронтенд-разработчик, то чтобы стать еще более универсальным и востребованным нужно постоянно развиваться и приобретать продвинутые навыки. Для этого Яндекс Практикум создал конструктор на основе курсов для фронтенд-разработчиков, где вы можете выбрать только самые необходимые скиллы для своего развития.

Учитесь только тому, что вам нужно
Продвинутый JS, архитектура, повышение производительности и безопасности веб-приложений
В удобное время
Выбирайте время для старта обучения и перерывов: каждый модуль запускается 1 раз в месяц
C обратной связью
На каждом модуле есть индивидуальные или групповые проекты
Составляйте свою программу обучения из нескольких модулей и экономьте до 20% от их стоимости.

На модули действует прогрессивная скидка:
Два модуля - 15% на второй
Три модуля - 20% на второй и третий

За каждый пройденный этап вы получите сертификат о повышении квалификации.

Узнать подробнее можно здесь

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

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

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

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