«JavaScript Cheat Sheet – Complete Modern JS Reference (ES6+)»
I am not a JavaScript fan and prefer to use TypeScrypt in this regard, but a modern reference helps with their current implementation.
🧑💻 https://blog.harislab.tech/articles/javascript-cheat-sheet-complete-modern-js-reference-es6
#javascript #es6 #cheetsheet #webdev #js #typescript #ts #reference #coding
JAVASCRIPT CHEAT SHEET – COMPLETE MODERN JS REFERENCE (ES6+)
A comprehensive JavaScript cheat sheet covering variables, functions, arrays, objects, DOM manipulation, async/await, and essential ES6+ features — presented as a fast, static HTML reference.
Read More: https://blog.harislab.tech/articles/javascript-cheat-sheet-complete-modern-js-reference-es6
#articles #JavaScript #cheatsheet #Complete #Modern #Reference #ES6
Object Spread vs Dictionary Merge: Object Merging Showdown
JavaScript object spread vs Python dictionary merging. Which language's object merging syntax is more powerful? You won't believe this!
#javascript #python #javascriptvspython #objectspread #dictionarymerge #objectmanipulation #programmingcomparison #codecomparison #javascripttricks #pythontricks #syntaxcomparison #viralcoding #codingshorts #es6
Array Methods Battle: map - filter - reduce SHOWDOWN!
JavaScript's array methods vs PHP's array functions - which is more elegant? INSANE comparison!
#javascript #php #jsvsphp #arraymethods #mapfilterreduce #functionalprogramming #methodchaining #viralcoding #es6 #phptricks #syntaxcomparison #mindblown
【JavaScript超入門講座】わずか50分で知識ゼロから基礎をマスター！
#CSS #ES6 #HTML #ifelse文 #JavaScript #JavaScript講座 #イベント #エンジニア #オブジェクト #プログラミング入門 #プログラミング初心者 #ループ文 #変数 #定数 #配列 #関数 #JavaScript基礎・入門 #JavaScript基礎・入門 #CSS #ES6 #HTML #ifelse文 #JavaScript...
[Перевод] Перестаньте использовать CustomEvent
Я часто вижу, как веб-разработчики используют CustomEvent в коде своих компонентов. Настолько часто, что у многих складывается впечатление, будто CustomEvent — единственный способ создавать custom события (с маленькой "c"), а то и вообще единственный способ генерировать собственные события. Это понятно. Это прямо указано в названии: "Пользовательское" событие. Создается впечатление, что это идеальный инструмент для этой задачи. Это даже звучит созвучно с "пользовательским компонентом". Но я всегда говорю разработчикам, не использовать CustomEvent . Нет ни одной причины это делать. Почему?
JavaScriptmancy Bundle https://leanpub.com/b/javascriptmancy-bundle by Jaime González García is the featured bundle of ebooks 📚 on the Leanpub homepage! #Dotnet #Aspnet #Javascript #Es6 #WebDevelopment #ComputerProgramming #SoftwareEngineering #books #ebooks
@teqfw/di: Coding JavaScript like a Java boss
Эта статья для тех, кто, как и я, хочет программировать на JavaScript в Java-стиле. Для тех, кто находит вдохновение в балансе между строгой архитектурной дисциплиной Java и творческой свободой JavaScript. Ранее я уже публиковал " философию " своей платформы TeqFW , а также инструкции для LLM ( раз , два ) по оформлению es-модулей в приложениях, написанных в стиле TeqFW . На этот раз я делюсь инструкцией для LLM по использованию внедрения зависимостей в таких приложениях. Для тех, кто не совсем понимает, что значит " программировать на JavaScript в Java-стиле ", приведу рабочий пример — это Node.js-утилита @flancer64/smtp-logger . Она сохраняет в базу данных все email'ы, которые Postfix отправляет наружу. Мне как раз понадобился такой функционал — и я реализовал его в стиле TeqFW : с явным управлением зависимостями и строгой модульной структурой. Под катом - пример JS-кода в Java-стиле.
https://habr.com/ru/articles/901678/
#teqfw #javascript #es6 #esmodules #dependency_injection #ioc
#javascript #es6
#typescript
#vue
#nuxt
learning materials setting ready...
... as you may have noticed: Vizflow has *NO* dependencies.
That's right: zero.
Vizflow is built using vanilla JS. Also, it has the necessary polyfills built-in to the (optional) helper functions, to make cross-browser compatibility much less of an issue!
Check out my zero-dependency vanilla #ES6 web component that displays a nixie tube digit. :javascript:
A simple #Hydrator in #JavaScript ( #ES6 ).
Gist: https://gist.github.com/galvao/2a9bccb6dc4dfa54763802b5c44034a7
Почему мы выбрали gRPC вместо tRPC?
🛠️ Почему мы выбрали gRPC вместо tRPC При разработке крупных приложений на основе Domain Driven Design переход от монолита к микросервисам требует сохранения принципов ООП для поддержки кода. gRPC предоставляет ряд преимуществ перед tRPC: возможность использования Golang для высоконагруженных компонентов, отказ от паттерна роутера в пользу прямых вызовов микросервисов, эффективную статическую типизацию через интерфейсы, децентрализованную архитектуру с возможностью частичного перезапуска микросервисов и автоматический мап методов классов без boilerplate кода.
https://habr.com/ru/articles/858186/
#grpc #typescript #javascript #yarnworkspaces #microservices #es6 #es6modules #nx #lerna
Learning about [Symbol.toPrimitive] while writing tests for Object.groupBy(). I had no idea that this was introduced with #ES6 already.
Somehow it feels that writing nice useful objects with #JavaScript's standard library is quite feasible.
I am preparing for #ctwebdev ... cu in Cologne?
![it('the [Symbol.toPrimitive] is the new `toString` (since ES6)', () => {
const obj = {};
obj[Symbol.toPrimitive] = () => 'from toPrimitive';
assert.equal(obj.toString(), '[object Object]');
// BUT
assert.equal(String(obj), 'from toPrimitive');
assert.equal('' + obj, 'from toPrimitive');
});](https://files.mastodon.social/cache/media_attachments/files/113/470/111/129/964/881/original/fc002bab9b4573ab.png)
hej WebDevelopers around the World (^_^)/
you wanna drive Porsche and you own a #HackRF or #rad1o ?
https://charliegerard.dev/blog/replay-attacks-javascript-hackrf/
here the basiscs:
https://tcm-sec.com/intro-to-car-hacking-replay-attacks/
#SDR #replayattack #webdevelopment #js #javascript #es6 #security
5 проблем микросервисов на gRPC + TypeScript
🔥 Архитектура монорепозитория с микросервисами на gRPC и TypeScript: 1. Работа с gRPC через TypeScript : Генерация типов из proto-файлов с помощью скрипта на JS без бинарников, поддержка IntelliSense и сгенерированного исполняемого кода. 2. Запуск backend без Docker : Использование npm start и PM2 для отладки через chrome://inspect и добавления console.log в бандл после сборки 3. Единая ответственность БД : Луковичная архитектура (Model View Presenter) в общем модуле БД, поддерживающая принцип единой ответственности и исключающая bottleneck, так как дублируется по микросервисам. 4. Методы микросервисов без Postman : Точка входа apps/host-test для запуска кода или разработки тестирования. 5. Автоматическая проверка SOLID : Нейросеть анализирует классы при транспиляции, поддерживая чистоту архитектуры и документируя проект в markdown.
https://habr.com/ru/articles/857432/
#typescript #javascript #es6 #nx #lerna #monorepo #grpc #microservices #protobuf #gpt4all
Languages should be designed so typos raise an error. I spent way too long figuring out why "constrcutor" wouldn't run. #javascript #es6
`const` should have been a shorter keyword than `let`
Large Scale Apps with Vue, Vite and TypeScript: Build Large and Scalable front-ends that leverage component isolation, internationalization, localization, a modular state manager, component Libraries, etc http://leanpub.com/courses/leanpub/vue-vite-typescript-course by Damiano Fusco is the featured course on the Leanpub homepage! https://leanpub.com #ComputerProgramming #Javascript #Vuejs #Typescript #WebDevelopment #React #Angular #Es6 #Ember
While debugging I needed to know if two references in two separate parts of my codebase were pointing to the same object in memory. According to my searching, there isn't a way to print out memory addresses of data in Javascript (without using special V8 debugging expressions). But there's a way to find the answer to this question, regardless!
Maps allow objects as keys
In short, we can create a global Map from objects to random strings, and get an approximation of object IDs:
// DebuggingIDs.tslet objectIds = new Map();export function getObjectIdFor(thing: any): number { if (!objectIds.has(thing)) { objectIds.set(thing, Math.random().toString(16).slice(2, 10)); } return objectIds.get(thing);}This function will take any object, and assign a random hex string to it. Any time that same object is passed to this function, the same string will be returned. This is possible becuase the ES6 Map data structure allows objects to be used as keys. When an object is used as a key, it's memory reference is used to determine equality, rather than its structure.
let thing1 = {hello: 1}console.log(getObjectIdFor(thing1)) // Prints "2149Ef2b"console.log(getObjectIdFor({hello: 1})) // Prints "3a720fef"console.log(getObjectIdFor(thing1)) // Prints "2149Ef2b"This allowed me to drop two log statements for two different variables in different files, and verify that both references pointed to the same object in memory.
Credit
Thanks to ArthurJ on dev.to for originally publishing this idea! https://dev.to/arthurbiensur/kind-of-getting-the-memory-address-of-a-javascript-object-2mnd