​​И это даже не треть всего кода...


Original post link: t.me/tproger_web/4578
Forwarded and filtered by @smartfeed_bot

Flex Slider

Интерактивный слайдер, выполненный с помощью фреймворка Vue.js. При клике на секцию показывается дополнительная информация.

https://codepen.io/rodleviton/pen/yLPGBZP


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

​​​Flexbox Defense — защищаемся башнями и изучаем flexbox

В этой простой игре в стиле Tower Defense вы сможете попрактиковаться в использовании Flexbox CSS. Вас ожидают 12 волн с различными условиями.

Поиграть можно тут:

http://www.flexboxdefense.com/

#css


Original post link: t.me/tproger_web/4579
Forwarded and filtered by @smartfeed_bot

🎨 Цветовая палитра макета "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

Image Slider

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

👉 @seniorFront


Original post link: t.me/seniorFront/4100
Forwarded and filtered by @smartfeed_bot

🖥 Дайджест самых интересных публикаций за последние дни:

• HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи.

• Асинхронный веб: WebSocket, Server-Sent Events, Long Polling и Short Polling

• Путь Frontend разработчика. Как им стать?

• React Conf 2024. React v19


Original post link: t.me/frontendnoteschannel/3593
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

‼️Всем кодерам посвящается‼️

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

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


Original post link: t.me/seniorFront/4102
Forwarded and filtered by @smartfeed_bot

​​Самые популярные вопросы на собеседовании фронтенд-разработчика

Это 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) в контексте веб-разработки?

#собеседование #фронтенд

👉 @seniorFront


Original post link: t.me/seniorFront/4104
Forwarded and filtered by @smartfeed_bot

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

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

Читать...


Original post link: t.me/frontendnoteschannel/3595
Forwarded and filtered by @smartfeed_bot

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

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

Neon Clock

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

👉 @seniorFront


Original post link: t.me/seniorFront/4108
Forwarded and filtered by @smartfeed_bot