​TypeScript: перебор объектов

В TypeScript редко возникает проблема получения доступа к свойству объекта путём перебора его ключей. Это шаблон, который часто встречается в JavaScript, но TypeScript. При этом, в некоторых ситуациях TypeScript может вести себя странно. Например, при написании вот такой строки: Object.keys(person).map(k => person[k]).

Существуют разные способы решения этой проблемы, но давайте обо всём по-порядку:

https://fettblog.eu/typescript-iterating-over-objects/

#typescript

Bugun bir tanishim shu habarni bildirdi. Kartasidagi bor pulni yechib olishibdi 😢. Bu birinchisi emas. Oldindan aytay bu pulni kim yechganini topa olmaysiz. Bank ham yordam bermaydi.

Bu kanal rasmiymi rasmiy emasmi bilmayman lekin adminlarini ko'zi ko'rligi aniq. Haqiqiy bo'lmagan va o'g'rilarning reklamasini kanalda e'lon qilgan. Bu postni 5000+ kishi ko'ribdi. Shulardan kamida 100tasi bu tuzoqqa tushgan bo'lsa juda katta zarar bu.

Berilgan saytning bosh sahifasi Clickning bosh sahifasi bilan bir xil. Qachonki boshqa tugmalarga bossangiz haqiqiy clickning websahifasiga o'tkazadi. Juda yaxshi clonelashgan.

Qanday qilib hali ham shunaqa habarlarga ishonadi insonlar tushinmayman. Qachon tushinishadi hech kim shunchaki pul berib qo'ymasligini. Kirayotgan saytingizni linkiga e'tibor bering. Sohta saytlarga ishonib siz ham pulingizni o'g'irlatib qo'ymang.

@saudabdulwahed

Это же про меня 🌚

И ведь не поспоришь 🤔

CountUp.js — библиотека, которая поможет вам красиво вывести числовые данные

Небольшая JavaScript библиотека без зависимостей, которую можно использовать для быстрого создания анимации, отображающей числовые данные интересным способом. Вы можете настроить некоторые параметры и библиотека запустит анимацию счёта до нужного вам числа по убыванию или возрастанию.

Инструкция по установке и использованию, демо и примеры тут:

https://inorganik.github.io/countUp.js/

#библиотека #javascript

C++++ 🔥

​Работа с Google Maps API

Google API невероятно большой и позволяет делать практически любые действия над их сервисами. В этом вы сможете познакомиться с принципом работы Google Maps API (Google Карты) и научитесь взаимодействовать с ней посредством JavaScript:

https://youtu.be/AgwhiHLu2H4

#видео #api

NFT, Web 3.0, Crypto haqida

Iltimos, bu narsalar bilan yoshlarning boshini og'ritmang. Mayli, nimaligini o'rgating, lekin pul va vaqt sarflashga chorlamang.

Yoshlarga maslahatim, uzoq muddat daromad keltiradigan, riski kam va muhimi barqaror kasbni o'rganing. Farqi yo'q, novvoychilikmi, savdomi, dasturlashmi, dizaynerlikmi, marketingmi - bular hammasi sinalgan kasblar. Ish topasiz, ro'zg'or tebratasiz.

NFT, crypto deb jar solayotganlar o'zi ham bilmaydi bu narsalar nimani hisobiga o'sib, nimani hisobiga tushayotganini. Mashhur yulduzlarning tavsiyasiga ham uchmang, ular pulga istalgan narsani reklama qilib beradi. Mana, Amerikada yil boshida cryptoni reklama qilgan bir nechta yulduzlar hozir muhlislaridan qochib yuribdi. Sababi va'da qilgan daromadlari puch bo'lib chiqdi. Crypto bozori esa quladi.

Ertaga boy bo'lib, ortiqcha jamg'armangiz bo'lganida, balki qandaydur tushunarsiz narsalarga pul tikib qo'yarsiz, lekin hozircha maslahatim tayinli ish bilan shug'ullaning.

@sariqdev

​Делаем селфи с помощью браузера

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

Подробнее:

https://habr.com/ru/company/timeweb/blog/650233/

#javascript

​Как выиграть $30 000 за 13 килобайт кода на JS

Нашли забавный конкурс, который проходит ежегодно в августе. Согласно правилам, участники должны написать мини-игру на HTML5 и JavaScript, а код должен весить не больше 13 килобайт.

Мы изучили правила, тулкит и прошлогодних победителей. Теперь предлагаем познакомиться с ними и вам:

https://tproger.ru/articles/vyigrat-30-000-za-13-kilobajt-koda-js13kgames/

​Помогать кому-то — это круто.

Помогать кому-то начать свой путь в IT — это Яндекс Практикум.

Компания ищет наставников и код-ревьюеров в команду сопровождения студентов. Дополнительный заработок, удалёнка, профессиональное коммьюнити и апгрейд собственных навыков — всё это почти у вас. Но для начала пройдите тест и узнайте, какое направление больше вам подходит: https://tprg.ru/JvTL

Для сдачи теста потребуется: желание помогать другим и честные ответы.

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

Не от мира сего

Анимация смещения фона с помощью режимов наложения CSS

Вариант создания анимации смещения фона при скроллинге страницы, созданный с использованием режима наложения CSS и многослойной анимации:

https://tympanus.net/codrops/2022/01/26/background-shift-animation-with-css-blend-modes/?ref=heydesigner

#фронтенд #css

​Как работает метод bind? 30 вопросов собеседования JavaScript

Метод bind применяется сегодня не так часто, как раньше, но его всё ещё можно встретить. В этом видео разбирается, что именно он делает и как на практическом примере:

https://youtu.be/nBeUtwXcjp0

#видео #javascript

Восстание машин ближе, чем вы думаете 🌚

​Подготовка окружения React-приложения: VSCode, Prettier, ESLint, Stylelint, Husky

В этой статье разбирается способ настройки линтеров, автоформатирования кода, подсветки ошибок для вашего React-проекта, а также git хуки. Эта реализация не является эталонной, но может оказаться полезной как новичкам, так и опытным разработчикам:

https://tproger.ru/articles/podgotovka-okruzhenija-react-prilozhenija-vscode-prettier-eslint-stylelint-husky/

#react

Dark mode toggle switcher

Переключатель светлого и темного режима, реализованный на чистом CSS.

#CodePen