​​Вопросы с собеседований: объясните, как this работает в JavaScript

Использование this гарантирует, что функция работает именно с тем объектом, в контексте которого вызвана, если это не стрелочная функция. У стрелочных функций контекст this определяется в момент создания функции.

Значение this называется контекстом вызова и будет определено в момент вызова функции. Значением this является объект перед точкой, в контексте которого вызван метод.

#основы #собеседование #javascript


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

🐙 Awesomeplete – настраиваемый виджет для автозаполнения. Он создан в соответствии с современными стандартами браузеров и не имеет зависимостей.

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


Original post link: t.me/sitodel/1642
Forwarded and filtered by @smartfeed_bot

​Репутация эксперта ускоряет карьерный рост

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

Можно стать экспертом по базам данных, экспертом по Python, экспертом по кэшированию, экспертом по фронтенду, экспертом по Typescript и так далее. Кроме того, можно стать экспертом по определенному компоненту продукта, например экспертом по процессу онбординга, экспертом по платежным порталам или экспертом по ленте домашней страницы.

Если не верите, что это имеет настолько большое значение – посмотрите на критерии, согласно которым повышают в крупнейших технических компаниях. В критериях Google упоминается, что нужно «быть признанным специалистом по какой-либо теме». В требованиях к программистам-сениорам у Square говорится: «…техническая реализация: обладает продвинутыми навыками в одной или нескольких областях». В требованиях к программистам-сениоров у Etsy читаем следующее: «программисты этого уровня обычно выказывают высокую квалификацию в определенной теме, или продвинутые навыки по набору различных тематик».

👉 @seniorFront

​​🔓localStorage для авторизации

В этой статье мы рассмотрим как можно организовать работу с localStorage и при этом постараться обезопасить себя от XSS атак.

Читать...


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

Cards Carousel

3D-карусель на чистом CSS. Переключение между слайдами сделано при помощи radio-кнопок.

https://codepen.io/TheMOZZARELLA/details/ZEawjmM


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

​Реализуем генератор паролей на сайте

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

Random Password Generator — вкладка генератора паролей, созданная с помощью CSS и JavaScript. Исходники: https://github.com/FedorovAlexander/Front-end-Job-Interview-Questions/blob/master/JavaScript/10.md

#codepen


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

15 Incrementing Counter

Анимировано в CSS. Логика изменения цифр реализована в JS.

👉 @seniorFront


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

на связи админ, я прикрутил в бота GPT 4. один день бесплатно, дальше цена в 3 раза ниже чем у официалов. пользуйтесь: t.me/Gpt4_NeuroBot?start=4


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

​​📂Загрузчик файлов для React

В этой статье мы напишем drag-and-drop загрузчик файлов для React приложения с помощью Context, подхода Compound components и нескольких кастомных хуков.

Читать...


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

💾 Star Trails With Options – эффект блестящих звездочек для курсора. Он имеет три варианта: с гравитацией (частицы летят вниз), без гравитации и постепенное затухание.

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


Original post link: t.me/sitodel/1644
Forwarded and filtered by @smartfeed_bot

Toast Notification

Уведомления, созданные на HTML, CSS и JS.

👉 @seniorFront


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

Служба поддержки Docker сообщает, что 25 апреля кто-то получил несанкционированный доступ к одной из баз данных Docker Hub. Это официальный репозиторий для хранения Docker-контейнеров.

Неизвестные могли выгрузить имена и хеши паролей 190 тысяч пользователей, а также ключи доступа к GitHub и Bitbucket для автосборки образов контейнеров. У пользователей Automated Builds, которых затронул инцидент, специалисты Docker отозвали токены и ключи доступа. Им нужно будет заново подключить аккаунты GitHub и Bitbucket.

Docker рекомендует сменить пароли и проверить свои аккаунты на GitHub и Bitbucket на предмет подозрительной активности.

Подробнее на ZDNet: https://tprg.ru/BJki


Original post link: t.me/your_tech/9166
Forwarded and filtered by @smartfeed_bot

Разработчик фронтенда в HR Tech
Яндекс
Москва/Санкт-Петербург
гибрид
middle, senior, team lead

Что нужно делать
- развивать и поддерживать один или несколько сервисов;
- улучшать инфраструктуру, стабильность и скорость сервисов;
- разрабатывать десктопные и мобильные версии сервисов, участвовать в ревью кода и обсуждении технических решений;
- взаимодействовать со смежными командами.

Мы ждем, что вы
- работали с TypeScript и React не меньше двух лет;
- пишете эффективный и понятный код;
- способны объяснять свои решения и договариваться с коллегами;
- внимательны к пожеланиям и проблемам пользователей;
- самостоятельны и готовы работать в команде.

Будет плюсом, если вы
- работали с Node.js, NestJS, Effector, Redux, Docker.

Откликнуться
Для связи в тг @maslova_y94


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

​​5 новых функций CSS, которые вы обязаны знать в 2024 году

Рассказали о 5 новых функциях в CSS: о cелекторе :has(), запросах к контейнерам, вложенности CSS, text-wrap:balance и :focus-visible: https://tproger.ru/articles/5-novyh-funkcij-css--kotorye-vy-obyazany-znat-v-2024-godu

#css #тренды


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

​​💳Распознавание банковских карт в видеопотоке в браузере с помощью SmartEngines и WebAssembly

В этой статье мы расскажем о том, как с помощью wasm-модуля от Smart Engines распознать номер банковской карты, просто поднеся её к веб-камере ноутбука.

Читать...


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

Simple CSS Hover Animation Effects

В этом видео создаётся анимированный логотип при помощи fontAwesome и CSS.

👉 @seniorFront


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

This is a daily stats digest!
Today the bot processed: 11 messages
Today you received: 8 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 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

​​...после того, как узнала, что в Tinder с ней общался не настоящий парень, а СhatGPT


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

👉 @seniorFront


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

Encrypted Password Reveal

Оригинальное поле ввода пароля, анимированное библиотекой GSAP.

👉 @seniorFront


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