Article - link

• Floats
• Position CSS Property
• Flexbox

Top 10 JavaScript (ES5) Patterns Every Developer Like

• Modules
• Singleton
• Mixins with Classical Inheritance
• ...and many more..

Article dev.to.

Code with fixed mistakes, ex. "Mixin Pattern" - pastebin

TypeScript is the one of the tools people want to learn most, according to a Stack Overflow Survey of 90,000 developers.

TypeScript has exploded in popularity, community size, and adoption over the past few years. Today, even Facebook's Jest project from Facebook is moving to TypeScript.

freecodecamp

codepen

• simple usage of Vue instance & Vue components

Vue.component('list-cats', {
    props: ['cats'],
    template: `
        <ul>
            <li v-for="cat in cats">{{ cat.name }}</li>
        <ul>
    `
});

new Vue({
    el: "#root",
    component: [
        'list-cats'
    ],
    data: {
        title: 'some text here',
        items: [
            'table', 'sink', 'pen'
        ],
        cats: [
            { name: 'Masha' },
            { name: 'Misho' },
            { name: 'Lucky' },
            { name: 'Mussi' },
            { name: 'Kerrigan' }
        ]
    }
})

<div class="container">
    <br>
    <div id="root">
        <h3>Input text:[{{ title }}]</h3>
        <input v-model="title" />
        <hr>
        <ul>
            <li v-for="item in items">{{ item }}</li>
        </ul>
        <h1>List Cats</h1>
        <list-cats :cats="cats"/>
    </div>
</div>

<!-- v-model -->
<!-- v-if & v-else-if -->
<!-- v-show -->
<!-- v-bind or only ":" ex. v-bind:disabled="RULE" -->
<!-- v-text or v-html -->
<!-- v-once -->
<!-- LOOPING: v-for="item in items" -->
<!-- v-on or ony "@" ex. v-on:click.prevent -->

function dec2bin(dec){
    return (dec >>> 0).toString(2);
}

dec2bin(1);    // 1
dec2bin(-1);   // 11111111111111111111111111111111
dec2bin(256);  // 100000000
dec2bin(-256); // 11111111111111111111111100000000

stackoverflow