tsvetomirnik

NGX Projection and Elements Querying

Table of Contents

1. Content projection
2. Content element querying
3. View element querying

Content projection {name=content-projection}

tsvetomirnik

ES6 Training Notes

Based on ES6: The Right Parts

Table of Contents

1. Arrow Functions
2. let keyword
3. const keyword

tsvetomirnik

/**
 * Converts JSON translation file into 2 characters based string of blocks and spaces. Makes easier to spot translated places.
 * Usage:
 *   node block-transl en.json ja.json
 * Example:
 *   Input:  { "LOREM": "Lorem ipsum dolor" }
 *   Output: { "LOREM": "▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄" }
 */
const fs = require('fs');
const path = require('path');

tsvetomirnik

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Jed Schmidt <http://jed.is>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

tsvetomirnik

#RxJS 5 Operators By Example

UPDATE: I have moved the contents of this gist plus more to https://github.com/btroncone/learn-rxjs and http://www.learnrxjs.io. For expanded examples, explanations, and resources, please check out this new location!

A complete list of RxJS 5 operators with easy to understand explanations and runnable examples.

Chinese Version by: @DrakeLeung

Table of Contents

• buffer

tsvetomirnik

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;

tsvetomirnik

Using Git

Global Settings

Related Setup: https://gist.github.com/hofmannsven/6814278

Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/

tsvetomirnik

  function Plugin( element, options ) {
    this.$element = $(element);
    this.$sections = this.$element.find('ul').hide();
    this.init();
  }

  Plugin.prototype.init = function () { 
    var self = this;
    this.$element.click(function(){
      self.handleAccordionClick();

tsvetomirnik

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

tsvetomirnik

/**
 * Callback convention - with Promise support
 * Inspired by "How to Become a Better Node.js Developer in 2016"
 * {@link https://blog.risingstack.com/how-to-become-a-better-node-js-developer-in-2016/}
 */


/**
 * Creates a new instance of Promise object that will notify your callback
 * @param {function} callback Function that will be notified by the promse