Frontend-разработка
2 subscribers
878 photos
579 videos
3.31K links
Агрегатор каналов о фронтенде
Download Telegram
Что будет на выходе?

Ответ: 10 10


Original post link: t.me/senior_front/1893
Forwarded and filtered by @smartfeed_bot
​​Без каких знаний не обойтись бэкендеру в 2024 году?

Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.

Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.

Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?

Вот что они ответили: https://tproger.ru/articles/backend-2024

@tproger_web #тренды


Original post link: t.me/tproger_web/4420
Forwarded and filtered by @smartfeed_bot
​​😶🌫Web3 приложение Twitter на React.js + Solidity | часть 1

В этой статье я подробно покажу процесс создания dApp приложения на примере Twitter.

Читать...


Original post link: t.me/frontendnoteschannel/3385
Forwarded and filtered by @smartfeed_bot
Почему конфликтуют тестировщики и разработчики, и как этого избежать

О взаимоотношениях и специфических противоречиях тестировщиков и разработчиков сегодня сложено немало анекдотов. Но представителям двух профессий важно уживаться в единой экосистеме для решения задача работодателя и заказчиков.

При знакомстве с командой первое, что я услышал от разработчика, было: «Надеюсь, мы не сильно задолбаем друг друга багами». Это описывает в целом проблему взаимодействия двух структур.

Сторона разработчика
Разработчик занят созданием и развитием продукта. Его образ мышления может включать некоторые элементы образа мышления тестировщика. Но успешные программисты больше увлечены реализацией творческих решений, чем рассмотрением того, что может быть неправильным в этих решениях.

Ошибки в работе встречаются абсолютно у всех. Но далеко не все имеют качества, позволяющие самостоятельно обнаруживать и исправлять их. Для большинства людей, когда указывают на их ошибки, это воспринимается как унижение. Налицо психологический эффект: тот, кто сообщает о баге, как бы нависает в образе более компетентного специалиста. Он выступает в роли свидетеля чужого дефекта разработки, а также пусть и микро-, но провала.

Сторона тестировщика
Тестировщик нацелен на разрушение, то бишь предвзятое выискивание чужих ошибок, доводя систему динамическим тестированием до состояния отказа. Попробуйте вспомнить, радовались ли когда-нибудь человеку, приходящему со списком ваших ошибок в работе, на которую ушла уйма времени? Это довольно трудно себе представить, даже если в целом понимаете, что это просто алгоритм рабочего процесса и так заведено. Встреча со специалистом по тестированию сама по себе несёт скрытый мотив — «ты не профи». Согласитесь, что психологическая сторона такого контакта вполне органично может приводить к пассивной агрессии со стороны разработчика созданного продукта и провокацией трений.

Корень конфликта
Таким образом, мы обнажили корень конфликта — разные цели! Когда у людей разные цели, как их не объединяй, они всё равно будут идти каждый своей дорогой, по итогу – в разные стороны.

Следовательно, одним из первоочередных вопросов, который стоит поднять специалистам, становится мотивация к пониманию того, что и программирование, и тестирование — это лишь средства в решении одной общей, стоящей перед ними, задачи. А задача эта — релиз.

👉 @seniorFront
This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 7 messages
Our filtering prevented you from: 5 messages

Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Senior Frontend - javascript, html, css: 4 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
Как работают профессионалы


Original post link: t.me/ithumor/10928
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Portfolio

Это полноценная страница-портфолио, свёрстанная в стиле macOS на HTML и CSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3881
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 CSS Scroll-Driven Animations – слайдер с четырьмя видами анимации скролла. Перелистывать слайды можно по вертикали, по горизонтали, а также с эффектами зума или плавного переключения.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1692
Forwarded and filtered by @smartfeed_bot
​​🗑Сборка мусора в V8

В этой статье мы детально разберем процесс сборки мусора движком V8. Познакомимся с понятиями поколений, Minor и Major Garbage Collection, посмотрим, как аллоцируются, трассируются и маркируются объекты в памяти. Что происходит с пустыми областями после очистки и как выполняется сборка мусора в фоновом режиме.

Читать...


Original post link: t.me/frontendnoteschannel/3387
Forwarded and filtered by @smartfeed_bot
Pure CSS Still Life - Water and Lemons

Картинка создана на чистом CSS.

https://codepen.io/ivorjetski/pen/xMJoYO


Original post link: t.me/senior_front/1894
Forwarded and filtered by @smartfeed_bot
Forwarded from Веб-страница
Состоялся релиз Puter — браузерной среды рабочего стола

Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.

Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.

Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».

Разработчики развернули демоверсию Puter: https://puter.com/

В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.

Код проекта есть на GitHub: https://github.com/HeyPuter/puter

@tproger_web #javascript #инструменты
💸 Апгрейд твоей карьеры - Начни зарабатывать или получи в x3 текущего дохода в Web3

🔝@TopSelectionWeb3 раскроет секреты, как кратно увеличить свой доход, работая в Web3/блокчейн-проектах.

👤 Кто проведет? Тина🦄CTO и Product Owner в TopSel, победитель хакатона Binance

Почему стоит прийти на эфир:

• Ты узнаешь, что такое Web3 и блокчейн-проекты, и какое разнообразие они предлагают
• Раскроем мифы и реальные факты о блокчейне и криптовалютах
• Поймешь, подходит ли тебе карьера в Web3, и как сделать первый шаг в этом направлении
• Откроем для тебя новые тренды и технологии, а также подарим порцию мотивации для старта твоей карьеры в мире Web3
Бонус 🎁: в конце поделимся подробностями про старт нашего карьерного Буткампа и Web3-хакатона!

📆 Сохраните дату: 14 марта в 19:00 мск

Увидимся на эфире!🚀
@TopSelectionWeb3
#Эфир #web3 #буткамп #хакатон


Original post link: t.me/seniorFront/3882
Forwarded and filtered by @smartfeed_bot
​​🎃Необычный RxJS

В этой статье вы узнаете о необычных операторах RxJS, их использовании для решения различных задач, таких как обработка статусов сервера, отслеживание изменений по ключу, отображение предыдущих уведомлений и управление сохранением значений в слайдере.

Читать...


Original post link: t.me/frontendnoteschannel/3388
Forwarded and filtered by @smartfeed_bot
Media is too big
VIEW IN TELEGRAM
CSS Javascript Animation Effects

В этом видео создаётся анимация с частицами, которые следуют за курсором. Частицы генерируются в JS и затем анимируются в CSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3883
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Expandable Animated Card Slider

Слайдер с анимацией расширяющихся карт при клике на слайд. Реализован с помощью jQuery и Owl.carousel.js.

https://codepen.io/yudizsolutions/pen/wvzrPoj


Original post link: t.me/senior_front/1896
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 17 messages
Today you received: 12 messages
Our filtering prevented you from: 5 messages

Top 3 source channels:
Веб-страница: 5 message(s)
Senior Frontend - javascript, html, css: 4 message(s)
Frontender's notes [ru]: 3 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
​​Планировали просто забавное обсуждение, но в комментах внезапно выдали базу


Original po
st link: t.me/tproger_web/4427
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Когда учил алгоритмы вместо вёрстки, чтобы устроиться на работу

👉 @seniorFront


Original post link: t.me/seniorFront/3884
Forwarded and filtered by @smartfeed_bot
JavaScript. Что будет выведено в консоль?

Ответ


Original post link: t.me/senior_front/1897
Forwarded and filtered by @smartfeed_bot