Создание адаптивной галереи с CSS flexbox.
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
LogRocket Blog
How to create a responsive image gallery with CSS flexbox - LogRocket Blog
Learn how to use CSS flexbox to create demos for responsive image gallery layouts that look amazing across all devices.
👍12
Полезные советы и трюки при работе с array reduce.
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da
Medium
10 Must-Know JavaScript Tricks & Tips About Reduce
10 Tricks About Reduce That Make You Write Less And Do More.
👎9👍7😁2
Что такое SPA - плюсы и минусы, некоторые особенности. Краткая заметка, которая подойдет для подготовки к собеседованию,
https://www.keycdn.com/blog/single-page-application
https://www.keycdn.com/blog/single-page-application
KeyCDN
Single-Page Applications: A Comprehensive Guide
Single-Page-Applications (SPAs) are websites that load all their content into a single page. Learn the benefits of SPAs and when they're best for your website.
👍11
Когда и как использовать HTML валидацию форм.
https://blog.logrocket.com/when-how-to-choose-html-form-validation/
https://blog.logrocket.com/when-how-to-choose-html-form-validation/
LogRocket Blog
When and how to choose HTML for form validation - LogRocket Blog
Client-side form validation such as HTML5 gives users near-immediate feedback about whether or not their input data is valid.
👍6
Лучший способ решить prop drilling в React приложениях
https://blog.logrocket.com/solving-prop-drilling-react-apps/
https://blog.logrocket.com/solving-prop-drilling-react-apps/
LogRocket Blog
A better way of solving prop drilling in React apps - LogRocket Blog
In the spirit of "using the platform," learn how the React library provides a workaround for prop drilling without Redux or the Context API.
👍10💩5🤔2
4 задачи, к которым стоит подготовиться перед front-end собеседованием.
https://medium.com/frontend-canteen/algorithms-for-front-end-interviews-4aa329bb2ce4
https://medium.com/frontend-canteen/algorithms-for-front-end-interviews-4aa329bb2ce4
Medium
4 Algorithms You Need to Know Before Taking a Front-End Interview
Front-end is a constantly changing field, and there are always many new things that we need to learn, which brings us a lot of learning…
👍10👎7🤔3🔥1
Разработка современной UI темы с помощью Open Props
https://blog.logrocket.com/designing-modern-theme-open-props/
https://blog.logrocket.com/designing-modern-theme-open-props/
LogRocket Blog
Designing a modern UI theme with Open Props - LogRocket Blog
Read our tutorial on Open Props. This open source, color scheme-optimized CSS library provides fast, consistent, customized design options.
👍9
Гайд для новичков по функциям высшего порядка в JS
https://www.freecodecamp.org/news/higher-order-functions-in-javascript/
https://www.freecodecamp.org/news/higher-order-functions-in-javascript/
👍18
Сравнение инструментов для оптимизации перфоманса в React
https://blog.logrocket.com/comparing-tools-optimizing-performance-react/
https://blog.logrocket.com/comparing-tools-optimizing-performance-react/
LogRocket Blog
Comparing tools for optimizing performance in React - LogRocket Blog
Good UX means optimizing your React apps as much as possible. Learn about the best tools for the job in this in-depth comparison.
👍9👎2
Валидация формы на стороне клиента с помощью JavaScript и octaValidate
https://blog.bitsrc.io/client-side-form-validation-using-octavalidate-javascript-b150f2d14e99
https://blog.bitsrc.io/client-side-form-validation-using-octavalidate-javascript-b150f2d14e99
Medium
Client-Side Form Validation with JavaScript and octaValidate
Using octaVaidate, you can validate your form inputs using our inbuilt regular expressions or by providing your own regular expressions…
👍4
Как сделать 3D-коробку с анимацией чистом CSS
https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/
https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/
CSS-Tricks
How to Make a Pure CSS 3D Package Toggle | CSS-Tricks
You know how you can get cardboard boxes that come totally flat? You fold ‘em up and tape ‘em to make them into a useful box. Then when it’s time to recycle
👍5
«Кто-нибудь видел Web3?» — дорожная карта и ресурсы, чтобы стать «Web3 разработчиком» в 2022 году
https://betterprogramming.pub/has-anyone-seen-web3-a-complete-roadmap-free-resources-to-become-web3-developer-4e5dc9332c1f
https://betterprogramming.pub/has-anyone-seen-web3-a-complete-roadmap-free-resources-to-become-web3-developer-4e5dc9332c1f
Medium
“Has Anyone Seen Web3?” — The Complete Roadmap and Resources to Become a Web3 Developer in 2022
20+ documentations, tutorials, videos to help you get started with Web3
🤮8👍4💩2
Как преобразовать математическую нотацию в JS код.
Полезно для тех, кто занимается вычислениями и не хочет менять JS инструментарий (хотя математика в JS страдает сильно)
https://runjs.app/blog/mathematical-notation-for-javascript-developers-explained
Полезно для тех, кто занимается вычислениями и не хочет менять JS инструментарий (хотя математика в JS страдает сильно)
https://runjs.app/blog/mathematical-notation-for-javascript-developers-explained
runjs.app
Mathematical Notation for JavaScript Developers Explained
Find out how to translate mathematical notation to JavaScript. This article explains some common mathematical concepts and how these can be implemented in JavaScript.
👍11
Добавляем reCaptcha в приложение на React.
https://blog.logrocket.com/implement-recaptcha-react-application/
https://blog.logrocket.com/implement-recaptcha-react-application/
LogRocket Blog
How to implement reCAPTCHA in a React application - LogRocket Blog
In this article, we'll demonstrate how to implement reCAPTCHA v2 in a React application and how to verify user tokens in a Node.js backend.
👍10
Используем v-model во Vue 3 для создания сложных форм.
https://blog.logrocket.com/using-v-model-vue-3-build-complex-forms/
https://blog.logrocket.com/using-v-model-vue-3-build-complex-forms/
LogRocket Blog
Using v-model in Vue 3 to build complex forms - LogRocket Blog
Explore the v-model directive and learn how to use multiple v-model bindings on Vue components to simplify the creation of complex forms.
👍7🔥1
Как анимировать SVG фигуры при скроле.
https://tympanus.net/codrops/2022/06/08/how-to-animate-svg-shapes-on-scroll/
https://tympanus.net/codrops/2022/06/08/how-to-animate-svg-shapes-on-scroll/
👍12🔥4
Глубокое погружение CSS в радиальные и конические градиенты
https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/?ref=heydesigner
https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/?ref=heydesigner
👍5🔥1