FrontEnd Development pinned «Контент-менеджер для онлайн-тренажёра CodeRun Яндекс HR Tech — это подразделение в HR-департаменте, ответственное за создание, поддержку и бесперебойную работу огромного количества внутренних сервисов, существующих в единой экосистеме. Это продукты для сопровождения…»
50 Frontend Interview Questions, Books I am reading currently - https://medium.com/ihatereading/50-frontend-interview-questions-books-i-am-reading-currently-fb82d3ac64f0
#interview
#interview
Medium
50 Frontend Interview Questions, Books I am reading currently
Feb 2023 first week email letter
👍7❤1
Modelling and Documenting the Software Architecture
This article will delve into two prominent methods of modelling and communicating the architecture to… - https://medium.com/@vijmoorthy/modelling-and-documenting-the-software-architecture-4a1a46ab0cd0
#architecture
This article will delve into two prominent methods of modelling and communicating the architecture to… - https://medium.com/@vijmoorthy/modelling-and-documenting-the-software-architecture-4a1a46ab0cd0
#architecture
Medium
Modelling and Documenting the Software Architecture
This article will delve into two prominent methods of modelling and communicating the architecture to stakeholders in a software project…
👍11
The Node.js Best Practices List: 2023 Edition
A valuable, long standing resource has been “modernized to 2023 standards” (complete with recommendations of more modern libraries) with lots of work by creator Yoni and an ever growing team of contributors. The topics remain the same, however, covering areas like code style, project architecture, and taking apps into production. - https://github.com/goldbergyoni/nodebestpractices
#nodejs
A valuable, long standing resource has been “modernized to 2023 standards” (complete with recommendations of more modern libraries) with lots of work by creator Yoni and an ever growing team of contributors. The topics remain the same, however, covering areas like code style, project architecture, and taking apps into production. - https://github.com/goldbergyoni/nodebestpractices
#nodejs
GitHub
GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2024)
:white_check_mark: The Node.js best practices list (July 2024) - goldbergyoni/nodebestpractices
👍4
Update State During Render, Better Explained
Last week, Swizec told us about updating state during rendering but if the idea or motivation confused you, he’s back with more of an explanation. - https://swizec.com/blog/update-state-during-render-better-explained/
#react
Last week, Swizec told us about updating state during rendering but if the idea or motivation confused you, he’s back with more of an explanation. - https://swizec.com/blog/update-state-during-render-better-explained/
#react
Swizec
Update state during render, better explained | Swizec Teller
A few readers wrote in to say that the React Can Update State During Render email last week made no sense. Here's a better explanation.
👍5
Holograms, Light-Leaks and How To Build CSS-Only Shaders
Robb Owen looks at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript. - https://robbowen.digital/wrote-about/css-blend-mode-shaders
#css
Robb Owen looks at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript. - https://robbowen.digital/wrote-about/css-blend-mode-shaders
#css
Robb Owen Digital
Holograms, light-leaks and how to build CSS-only shaders.
Get a shiny WebGL look without actually using WebGL. In this article we take a look at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript
👍4❤1
Build an AI Chatbot Vue School Course
Build an AI powered Chatbot with ChatGPT and Vuejs in this extensive course from Vue School. In this course you will learn how to interact with a powerful API in the context of a Vue 3 application by building a Vue.js powered ChatGPT clone, a trained Custom Support Chat Bot, and an app that automatically generates Social Media Posts when given an article URL - https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4
#vue #gpt4
Build an AI powered Chatbot with ChatGPT and Vuejs in this extensive course from Vue School. In this course you will learn how to interact with a powerful API in the context of a Vue 3 application by building a Vue.js powered ChatGPT clone, a trained Custom Support Chat Bot, and an app that automatically generates Social Media Posts when given an article URL - https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4
#vue #gpt4
Vue School
AI Chat Bot with Vue.js and GPT-4: Build Smarter Apps
Learn to build AI-powered chat bots and applications with Vue.js and GPT-4. Train custom AI assistants, automate tasks, and more.
👍4❤1
Performance Optimization Techniques — Angular way.
Application performance is a nightmare for every frontend developer as it directly impact the user… - https://medium.com/@sajidreshmi94/performance-optimization-techniques-angular-way-98b87da7e2bf
#angular
Application performance is a nightmare for every frontend developer as it directly impact the user… - https://medium.com/@sajidreshmi94/performance-optimization-techniques-angular-way-98b87da7e2bf
#angular
Medium
Performance Optimization Techniques — Angular way.
Application performance is a nightmare for every frontend developer as it directly impact the user experience. A poorly performing…
❤3👍2
Simple Next.js and React Authentication with Clerk - https://www.youtube.com/watch?v=RHFmsoiVtKE
#react
#react
YouTube
Simple Next.js & React Authentication With Clerk
In this project, we will buid an authentication system for Next.js using clerk. It can also be used with React SPAs and Remix.
Visit Clerk:
https://clerk.com
Project Code:
https://github.com/bradtraversy/clerk-app
Clerk Docs:
Main: https://clerk.com/docs…
Visit Clerk:
https://clerk.com
Project Code:
https://github.com/bradtraversy/clerk-app
Clerk Docs:
Main: https://clerk.com/docs…
🔥3❤1👍1
SOLID Principles in Vue
SOLID principles are a set of guidelines to write maintainable and scalable code. They are not limited to certain programming languages or technologies and can be applied to any kind of software development, including front-end development. This article briefly discusses the SOLID principles, and how they are applied to Vue 3 framework. - https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968
#vue
SOLID principles are a set of guidelines to write maintainable and scalable code. They are not limited to certain programming languages or technologies and can be applied to any kind of software development, including front-end development. This article briefly discusses the SOLID principles, and how they are applied to Vue 3 framework. - https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968
#vue
Medium
SOLID Principles in Vue
As a front-end developer, I’ve always felt intimidated by the general concepts of software development. We often ignore the most important…
👍6❤1
Writing CSS In 2023: Is It Any Different Than A Few Years Ago?
Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet). - https://www.smashingmagazine.com/2023/07/writing-css-2023/
#css
Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet). - https://www.smashingmagazine.com/2023/07/writing-css-2023/
#css
Smashing Magazine
Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
CSS is evolving faster than ever. With all of the new features that are now available — and forthcoming — since we got Flexbox and Grid years ago, the way we write CSS is evolving, too. In this article, Geoff Graham shares which features have had the most…
👍4
Why and how to create an Event Bus in Vuejs 3
Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? This article provides a provides a solution to creating an event bus make the root component of the application (App.vue) aware of some particular events fired inside the components chain. - https://inspector.dev/why-and-how-to-create-an-event-bus-in-vuejs-3/
#vue
Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? This article provides a provides a solution to creating an event bus make the root component of the application (App.vue) aware of some particular events fired inside the components chain. - https://inspector.dev/why-and-how-to-create-an-event-bus-in-vuejs-3/
#vue
Inspector
Why and how to create an Event Bus in Vuejs 3
Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? Since I’m working on the 2.0 version of my product’s UI (to be released in May) I’m publishing some technical tricks I learn migrating my application from Vuejs 2 to Vuejs…
👍6
Design Patterns: Builder Pattern in TypeScript
Master the Builder Pattern and Easily Handle the Creation of Objects. - https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#typescript
Master the Builder Pattern and Easily Handle the Creation of Objects. - https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#typescript
Medium
Design Patterns: Builder Pattern in TypeScript
Master the Builder Pattern and Easily Handle the Creation of Objects.
👍5
Node.js Toolbox: A Way to Find Node.js Packages
Several months ago we featured this brand new project curating Node packages in areas like HTTP frameworks, browser testing and query builders, and it’s continued to go from strength to strength. - https://nodejstoolbox.com/
#nodejs
Several months ago we featured this brand new project curating Node packages in areas like HTTP frameworks, browser testing and query builders, and it’s continued to go from strength to strength. - https://nodejstoolbox.com/
#nodejs
Node.js Toolbox
Find actively maintained and popular packages in the Node.js ecosystem.
👍6
How React 18 Improves Application Performance
If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. speed on how such features can improve performance. - https://vercel.com/blog/how-react-18-improves-application-performance
#react
If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. speed on how such features can improve performance. - https://vercel.com/blog/how-react-18-improves-application-performance
#react
Vercel
How React 18 Improves Application Performance - Vercel
Learn how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance.
👍7❤1
Scroll Progress Animations in CSS
Michelle Barker shows how to link animations to the scroll progress of a container. - https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css
#css
Michelle Barker shows how to link animations to the scroll progress of a container. - https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css
#css
MDN Web Docs
Scroll progress animations in CSS | MDN Blog
Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.
👍6❤1
Data Fetching Basics
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics
#vue
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics
#vue
Masteringnuxt
Data Fetching Basics
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching.
👍7
Angular with Vite is crazy fast
Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c
#angular
Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c
#angular
Medium
Angular with Vite is crazy fast (Angular 16 Example)
updated: 2023/09/17
👍7❤1