Rinat Mullayanov RinatMullayanov

## grid-learn.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                RinatMullayanov
                / grid-learn.md
            
            
              Last active
              May 6, 2017 08:32
            
              
                CSS Grid Layout
              
          
    Полезные ссылки


Вступительная статья на MDN, полезна как набор ссылок на другие статьи.
Статьи от Rachel Andrew на MDN.
Собрал примеры использования Grid на CodePen.

Определения


Grid container — это набор пересекающихся горизонтальных и вертикальных grid линий,
которые делят пространство grid контейнера на grid области, в которые могут быть помещены grid элементы.
Внутри grid контейнера есть два набора grid линий: один определяет ось столбцов, другой определяет ось строк.

  
## ECMAScript 6.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                RinatMullayanov
                / ECMAScript 6.md
            
            
              Created
              April 7, 2016 12:18
            
              
                Summary of ECMAScript 6
              
          
    Block Bindings

The current best practice for block bindings is to use const by default and only use let when you know a variable’s value needs to change.
This ensures a basic level of immutability in code that can help prevent certain types of errors.

  
## Dockerfile
#
# Ubuntu Node.js Dockerfile
#
# https://github.com/dockerfile/ubuntu/blob/master/Dockerfile
# https://docs.docker.com/examples/nodejs_web_app/
#

# Pull base image.
FROM ubuntu:14.04

## proxy-sample.js
(function () {
    'use strict';

    let user = {};

    let proxy = new Proxy(user, {
      get(target, prop) {
        console.log(`Чтение ${prop}`);
        return target[prop];
      },

## map-sample.js
(function () {
    'use strict';

    let map = new Map();

    map.set('1', 'str1');   // key: string
    map.set(1, 'num1');     // key: number
    map.set(true, 'bool1'); // key: bool

    // in ordinary objects that would be the same,

## es2015-iterator-sample.js
(function () {
  'use strict';

  let range = {
    from: 1,
    to: 5
  }

  // make object range iterable
  range[Symbol.iterator] = function() {

## socket_io_sample.js
 // send to current request socket client
 socket.emit('message', "this is a test");

 // sending to all clients, include sender
 io.sockets.emit('message', "this is a test");

 // sending to all clients except sender
 socket.broadcast.emit('message', "this is a test");

 // sending to all clients in 'game' room(channel) except sender

## .bashrc
# on OS X file must be named .bash_profile
# real clear screen, not just add new line http://superuser.com/questions/576410/how-can-i-partially-clear-my-terminal-scrollback
alias cls="printf '\e]50;ClearScrollback\a'"

## electron-reliable-css-path.html
<html>
  <head>
    <title></title>
  </head>
  <body>
    Hi
    <script>
    var link = document.createElement('link')
    link.setAttribute('rel', 'stylesheet')
    link.setAttribute('href', require('path').join(__dirname, 'css', 'app.css'))

## aggregate.js
/*
> for(var i = 0; i < 100000; i++ ) {
    db.sample.insert({"value": Math.random(1000) + 1, "date": new Date() });
  }

> db.sample.findOne()
{
	"_id" : ObjectId("5560cd3bf32e638da3683b38"),
	"value" : 1.3218692857772112,
	"tag" : "pressure"
	#
	# Ubuntu Node.js Dockerfile
	#
	# https://github.com/dockerfile/ubuntu/blob/master/Dockerfile
	# https://docs.docker.com/examples/nodejs_web_app/
	#

	# Pull base image.
	FROM ubuntu:14.04
	(function () {
	'use strict';

	let user = {};

	let proxy = new Proxy(user, {
	get(target, prop) {
	console.log(`Чтение ${prop}`);
	return target[prop];
	},
	(function () {
	'use strict';

	let map = new Map();

	map.set('1', 'str1'); // key: string
	map.set(1, 'num1'); // key: number
	map.set(true, 'bool1'); // key: bool

	// in ordinary objects that would be the same,
	(function () {
	'use strict';

	let range = {
	from: 1,
	to: 5
	}

	// make object range iterable
	range[Symbol.iterator] = function() {
	// send to current request socket client
	socket.emit('message', "this is a test");

	// sending to all clients, include sender
	io.sockets.emit('message', "this is a test");

	// sending to all clients except sender
	socket.broadcast.emit('message', "this is a test");

	// sending to all clients in 'game' room(channel) except sender
	# on OS X file must be named .bash_profile
	# real clear screen, not just add new line http://superuser.com/questions/576410/how-can-i-partially-clear-my-terminal-scrollback
	alias cls="printf '\e]50;ClearScrollback\a'"
	<html>
	<head>
	<title></title>
	</head>
	<body>
	Hi
	<script>
	var link = document.createElement('link')
	link.setAttribute('rel', 'stylesheet')
	link.setAttribute('href', require('path').join(__dirname, 'css', 'app.css'))
	/*
	> for(var i = 0; i < 100000; i++ ) {
	db.sample.insert({"value": Math.random(1000) + 1, "date": new Date() });
	}

	> db.sample.findOne()
	{
	"_id" : ObjectId("5560cd3bf32e638da3683b38"),
	"value" : 1.3218692857772112,
	"tag" : "pressure"