Frontend-разработка
2 subscribers
878 photos
579 videos
3.31K links
Агрегатор каналов о фронтенде
Download Telegram
🎨 Цветовая палитра макета "Ice Cream Landing Page"

HEX | RGB
#F094DF | rgb(240,148,223)
#A10520
| rgb(161,5,32)
#400404 | rgb(64,4,4)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра


Original post link: t.me/sitodel/1778
Forwarded and filtered by @smartfeed_bot
👩‍💻 Check Done SVG Animated

Красиво анимированная галочка. Сделана на SVG и SCSS.

Открыть код


Original post link: t.me/frontendnoteschannel/3592
Forwarded and filtered by @smartfeed_bot
Конференция Яндекса по бэкенду

30 ноября в Москве Яндекс проведёт большую конференцию для бэкенд-разработчиков — YaTalks 2019: https://tprg.ru/yatalks191

На мероприятии выступят продвинутые инженеры из Яндекса, Google и других продуктовых компаний, чтобы обсудить самые модные технологии и полезные кейсы.

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

Подробная программа и регистрация на сайте: https://tprg.ru/yatalks191

#партнёрский


Original post link: t.me/c/-1001044298783/12068
Forwarded and filtered by @smartfeed_bot
Media is too big
VIEW IN TELEGRAM
Image Slider

В этом видео создается слайдер картинок с нуля на JS.

👉 @seniorFront


Original post link: t.me/seniorFront/4100
Forwarded and filtered by @smartfeed_bot
Как вы можете обойти ограничение однопоточности JavaScript для улучшения производительности вычислительно интенсивной задачи?

Используйте Web Workers для выполнения задач в фоновом потоке.


Original post link: t.me/senior_front/2018
Forwarded and filtered by @smartfeed_bot
Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней.

Ближайшее Fast Track мероприятие:

• 3–7 июня — для технических менеджеров и Crowd Solutions Architect, офер за 5 дней в команду Crowd.

Зарегистрироваться


Original post link: t.me/frontendnoteschannel/3594
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
‼️Всем кодерам посвящается‼️

Code Ready — полезные ресурсы, шпаргалки, плагины, разработка веб-приложений, и многое другое для твоих проектов, сразу с готовым кодом, и примером их использования.

🪩Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready


Original post link: t.me/seniorFront/4102
Forwarded and filtered by @smartfeed_bot
Forwarded from Веб-страница
​​Самые популярные вопросы на собеседовании фронтенд-разработчика

Это 55 выпуск видеокаста «Front-end. Вопросы на собеседовании».
В серии видео автор помогает подготовиться к собеседованиям на позицию джуниор и мидл фронтенд-разработчик.

Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью: https://www.youtube.com/watch?v=PI1X5oFHou8

В этом выпуске:
— Что такое хвостовая рекурсия? Оптимизация рекурсии?
— Что такое и как работает debounce() и throttle() в JavaScript?
— Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
— Как можно создавать пользовательское событие (custom events) в JavaScript?
— Что такое IndexedDB? Как работает IndexedDB?
— Расскажите о методе requestAnimationFrame()?
— Как работают дефолтные параметры в ES6?
— Что такое «BigInt» в ES2020 и для чего он используется?
— Какие нововведения были представлены в ECMAScript 2021 (ES12)?
— Что такое fetch()? Как работает функция fetch()?
— Что такое JSON в JavaScript? Как его можно использовать?
— Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?

#собеседование #фронтенд
👩‍💻 Как написать правильный API-клиент на Typescript

В этой статье подробно расскажут о реализации API-клиента на языке TypeScript для работы как со сторонними API, так и со своими собственными. Клиент может работать с публичными и защищенными эндпойнтами и не привязан к конкретному фреймворку, что делает его пригодным для использования в React, Vue, Svelte и других фреймворках.

Читать...


Original post link: t.me/frontendnoteschannel/3595
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Revealing Slider

Реализовано на HTML и SCSS. Анимация переключения создана при помощи CSS clip-path.

👉 @seniorFront


Original post link: t.me/seniorFront/4105
Forwarded and filtered by @smartfeed_bot
🖥 Создание собственного графического клиента ChatGPT с помощью NextJS и Wing

К концу этой статьи вы создадите и развернете клиент ChatGPT с помощью Wing и Next.js. Это приложение может запускаться локально (в локальном облачном симуляторе) или развертываться у вашего собственного облачного провайдера.

Читать...


Original post link: t.me/frontendnoteschannel/3596
Forwarded and filtered by @smartfeed_bot
JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.

Ответ


Original post link: t.me/senior_front/2019
Forwarded and filtered by @smartfeed_bot
🖥 Grass – макет для сайта про ИИ. Основной цвет – салатовый, смешанный с бирюзовым. В макете есть небольшие модальные окна и интересная инфографика.

Сайтодел | #макет #figma


Original post link: t.me/sitodel/1780
Forwarded and filtered by @smartfeed_bot
​​Когда ты веб-разработчик и не можешь придумать, что подарить второй половинке: девушка в Твиттере рассказала, что сделала для своего мужа сайт, где можно выбрать, что он хочет на ужин.

Интересно только, что за валюта такая «lisoin» 

Как думаете, правда или опять не выдуманные истории из жизни для расширения портфолио и саморекламы?

#петпроект


Original post link: t.me/tproger_web/4582
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Card Hover Effects

Анимация при наведении на карточки, выполненная на чистом CSS, без использования JavaScript.

https://codepen.io/Jhonierpc/pen/MWgBJpy


Original post link: t.me/senior_front/2020
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Clock

Оригинальный часы, логика работы которых реализована в JS. Свёрстано на HTML и SCSS.

👉 @seniorFront


Original post link: t.me/seniorFront/4108
Forwarded and filtered by @smartfeed_bot
Forwarded from SMLTECH
Сага о микросервисах и SAGA 📕

Самое сложное в работе с микросервисами — распределённые транзакции, где нет единой базы данных и единой точки входа, а ошибки просто так не откатить 🔙

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

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

Узнать о процессах больше можно в докладе Антона Ершова, руководителя функции бэкенда в Самолете 10D, на Moscow Python Meetup №90. 🏗️

#шерим