👀Топ-3 причины, почему вы должны использовать Copilot
В статье расскажу, какие выделил для себя плюсы использования, а также покажу, как GitHub Copilot помогает в разработке на примере проекта на React/Typescript.
Читать...
Original post link: t.me/frontendnoteschannel/3460
Forwarded and filtered by @smartfeed_bot
В статье расскажу, какие выделил для себя плюсы использования, а также покажу, как GitHub Copilot помогает в разработке на примере проекта на React/Typescript.
Читать...
Original post link: t.me/frontendnoteschannel/3460
Forwarded and filtered by @smartfeed_bot
Не верьте тем, кто говорит, что PHP не умирает и вот почему
В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.
На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty
@tproger_web #php #тренды #карьера
Original post link: t.me/tproger_web/4484
Forwarded and filtered by @smartfeed_bot
В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.
На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty
@tproger_web #php #тренды #карьера
Original post link: t.me/tproger_web/4484
Forwarded and filtered by @smartfeed_bot
🤥То, что вы пишете, это точно composables?
В этой статье c помощью простого чек листа за пару шагов выясним, являются ли функции, которые вы пишете в своем vue коде, настоящими composables.
Читать...
Original post link: t.me/frontendnoteschannel/3461
Forwarded and filtered by @smartfeed_bot
В этой статье c помощью простого чек листа за пару шагов выясним, являются ли функции, которые вы пишете в своем vue коде, настоящими composables.
Читать...
Original post link: t.me/frontendnoteschannel/3461
Forwarded and filtered by @smartfeed_bot
#вопросы_с_собеседований
Что такое AJAX?
AJAX — Asynchronous Javascript And XML. Это подход к асинхронному неблокирующему обмену данными с сервером.
Раньше для решения задачи использовался объект XMLHttpRequest, сейчас более актуален подходящий к промисам fetch API.
Original post link: t.me/senior_front/1942
Forwarded and filtered by @smartfeed_bot
Что такое AJAX?
AJAX — Asynchronous Javascript And XML. Это подход к асинхронному неблокирующему обмену данными с сервером.
Раньше для решения задачи использовался объект XMLHttpRequest, сейчас более актуален подходящий к промисам fetch API.
Original post link: t.me/senior_front/1942
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 9 messages
Our filtering prevented you from: 3 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 4 message(s)
Frontender's notes [ru]: 3 message(s)
Веб-страница: 2 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Today the bot processed: 12 messages
Today you received: 9 messages
Our filtering prevented you from: 3 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 4 message(s)
Frontender's notes [ru]: 3 message(s)
Веб-страница: 2 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
Media is too big
VIEW IN TELEGRAM
Hover to Affect Sibling Elements
В этом видео создаётся эффект при наведении на элемент, а также создаются эффекты для соседних элементов. Для задания стилей соседним элементам используются свойства previousElementSibling и nextElementSibling.
👉 @seniorFront
Original post link: t.me/seniorFront/3958
Forwarded and filtered by @smartfeed_bot
В этом видео создаётся эффект при наведении на элемент, а также создаются эффекты для соседних элементов. Для задания стилей соседним элементам используются свойства previousElementSibling и nextElementSibling.
👉 @seniorFront
Original post link: t.me/seniorFront/3958
Forwarded and filtered by @smartfeed_bot
Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Original post link: t.me/tproger_web/4485
Forwarded and filtered by @smartfeed_bot
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Original post link: t.me/tproger_web/4485
Forwarded and filtered by @smartfeed_bot
✍️ Heebo – шрифт для латиницы и иврита, родственный шрифту Roboto. Пример шрифта можно посмотреть в сниппете "Stripe Sessions Style Flex Carousel"
Сайтодел | #шрифт
Original post link: t.me/sitodel/1719
Forwarded and filtered by @smartfeed_bot
Сайтодел | #шрифт
Original post link: t.me/sitodel/1719
Forwarded and filtered by @smartfeed_bot
👨🎓 14 бесплатных ресурсов, которые пригодятся каждому разработчику
В этой статье мы рассмотрим ресурсы, которые помогут изучить новый стек с нуля, научиться решать алгоритмические задачи, наполнить портфолио интересными проектами и успешно пройти техническое собеседование.
Читать...
Original post link: t.me/frontendnoteschannel/3463
Forwarded and filtered by @smartfeed_bot
В этой статье мы рассмотрим ресурсы, которые помогут изучить новый стек с нуля, научиться решать алгоритмические задачи, наполнить портфолио интересными проектами и успешно пройти техническое собеседование.
Читать...
Original post link: t.me/frontendnoteschannel/3463
Forwarded and filtered by @smartfeed_bot
Разбираем на примерах: как избежать мутаций в JavaScript
Подробное руководство с многочисленными примерами кода на JavaScript поможет вам разобраться, что такое мутации объектов, почему их следует избегать и как это сделать.
https://proglib.io/p/razbiraem-na-primerah-kak-izbezhat-mutaciy-v-javascript-2020-04-01
Original post link: t.me/senior_front/1943
Forwarded and filtered by @smartfeed_bot
Подробное руководство с многочисленными примерами кода на JavaScript поможет вам разобраться, что такое мутации объектов, почему их следует избегать и как это сделать.
https://proglib.io/p/razbiraem-na-primerah-kak-izbezhat-mutaciy-v-javascript-2020-04-01
Original post link: t.me/senior_front/1943
Forwarded and filtered by @smartfeed_bot
Библиотека программиста
Разбираем на примерах: как избежать мутаций в JavaScript
Из этого подробного руководства с многочисленными примерами кода на JavaScript вы узнаете, что такое мутации объектов, почему их следует избегать и как это сделать.
This media is not supported in your browser
VIEW IN TELEGRAM
Star trails
Частицы генерируются и анимируются в JS.
👉 @seniorFront
Original post link: t.me/seniorFront/3960
Forwarded and filtered by @smartfeed_bot
Частицы генерируются и анимируются в JS.
👉 @seniorFront
Original post link: t.me/seniorFront/3960
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 8 messages
Today you received: 6 messages
Our filtering prevented you from: 2 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 2 message(s)
Веб-страница: 1 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Today the bot processed: 8 messages
Today you received: 6 messages
Our filtering prevented you from: 2 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 2 message(s)
Веб-страница: 1 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
Мега-учебник Flask
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
Original post link: t.me/tproger_web/4486
Forwarded and filtered by @smartfeed_bot
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
Original post link: t.me/tproger_web/4486
Forwarded and filtered by @smartfeed_bot
🛠️ Что такое прогрессивные веб-приложения
В этой статье мы расскажем, из каких компонентов состоят PWA, как они могут заменить стандартные веб и мобильные приложения, и какие компании уже убедились в их высокой эффективности.
Читать...
Original post link: t.me/frontendnoteschannel/3464
Forwarded and filtered by @smartfeed_bot
В этой статье мы расскажем, из каких компонентов состоят PWA, как они могут заменить стандартные веб и мобильные приложения, и какие компании уже убедились в их высокой эффективности.
Читать...
Original post link: t.me/frontendnoteschannel/3464
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1720
Forwarded and filtered by @smartfeed_bot
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1720
Forwarded and filtered by @smartfeed_bot
Find Count of Most Frequent Item in an Array
Создайте функцию для нахождения количества наиболее часто встречающихся элементов массива. Можно предположить, что входными данными является массив целых чисел. Для пустого массива верните 0.
Пример:
Самое частое число в массиве это -1, оно встречается 5 раз.
👉 @seniorFront
Original post link: t.me/seniorFront/3962
Forwarded and filtered by @smartfeed_bot
Создайте функцию для нахождения количества наиболее часто встречающихся элементов массива. Можно предположить, что входными данными является массив целых чисел. Для пустого массива верните 0.
Пример:
input array: [3, -1, -1, -1, 2, -1, 3, -1, 2, 9, 3] ouptut: 5 Самое частое число в массиве это -1, оно встречается 5 раз.
👉 @seniorFront
Original post link: t.me/seniorFront/3962
Forwarded and filtered by @smartfeed_bot
Реактивность в React и Vue
В этой статье автор сравнивает реактивности данных в таких библиотеках: React.js и Vue.js. Проводит сравнение процессов ре-рендеринга страниц. Данная статья хорошо подойдёт для новичков.
👉 @seniorFront
Original post link: t.me/seniorFront/3963
Forwarded and filtered by @smartfeed_bot
В этой статье автор сравнивает реактивности данных в таких библиотеках: React.js и Vue.js. Проводит сравнение процессов ре-рендеринга страниц. Данная статья хорошо подойдёт для новичков.
👉 @seniorFront
Original post link: t.me/seniorFront/3963
Forwarded and filtered by @smartfeed_bot
🧑🏽💻Самые полезные библиотеки JS для красивых анимаций
В этой статье мы поговорим о библиотеках JavaScript, упрощающих добавление этих анимаций для разработчиков, делая приложения более приятными.
Читать...
Original post link: t.me/frontendnoteschannel/3465
Forwarded and filtered by @smartfeed_bot
В этой статье мы поговорим о библиотеках JavaScript, упрощающих добавление этих анимаций для разработчиков, делая приложения более приятными.
Читать...
Original post link: t.me/frontendnoteschannel/3465
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 7 messages
Today you received: 6 messages
Our filtering prevented you from: 1 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 2 message(s)
Веб-страница: 1 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Today the bot processed: 7 messages
Today you received: 6 messages
Our filtering prevented you from: 1 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 2 message(s)
Веб-страница: 1 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
Годных инструментов в ленту: Screenshot to Code — тулз для конвертирования скринов, Figma-шаблонов и мокапов в чистый код.
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный.
#инструменты #дизайн
Original post link: t.me/tproger_web/4487
Forwarded and filtered by @smartfeed_bot
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный.
#инструменты #дизайн
Original post link: t.me/tproger_web/4487
Forwarded and filtered by @smartfeed_bot
Forwarded from Senior Frontend - javascript, html, css
Synthetic events в React
В React, "синтетические события" (synthetic events) - это система обработки событий, которая предоставляет кросс-браузерную и кросс-платформенную абстракцию над нативными событиями браузера. Они создаются и управляются React и обеспечивают более единообразное поведение обработки событий в различных браузерах.
Синтетические события предоставляются компонентам React как аргументы обработчиков событий и имеют схожий интерфейс с нативными событиями браузера, но с некоторыми различиями и улучшениями.
Пример использования синтетических событий:
В этом примере, event является синтетическим событием, передаваемым в обработчик
Синтетические события также имеют дополнительные преимущества, такие как автоматический пулинг (для оптимизации работы с памятью), нормализация различий между разными браузерами и поддержка делегирования событий.
👉 @seniorFront
В React, "синтетические события" (synthetic events) - это система обработки событий, которая предоставляет кросс-браузерную и кросс-платформенную абстракцию над нативными событиями браузера. Они создаются и управляются React и обеспечивают более единообразное поведение обработки событий в различных браузерах.
Синтетические события предоставляются компонентам React как аргументы обработчиков событий и имеют схожий интерфейс с нативными событиями браузера, но с некоторыми различиями и улучшениями.
Пример использования синтетических событий:
import React from 'react';
class Button extends React.Component {
handleClick = (event) => {
event.preventDefault();
console.log('Button clicked!');
};
render() {
return <button onClick={this.handleClick}>Click me</button>;
}
}В этом примере, event является синтетическим событием, передаваемым в обработчик
handleClick. Вы можете вызывать методы такие как preventDefault(), stopPropagation(), и другие, а также получать информацию о событии (например, event.target, event.clientX, и др.).Синтетические события также имеют дополнительные преимущества, такие как автоматический пулинг (для оптимизации работы с памятью), нормализация различий между разными браузерами и поддержка делегирования событий.
👉 @seniorFront
