Oleg Novikov thefasttracker

## gulp - browser-sync
var gulp = require("gulp"),
    browserSync = require('browser-sync');

// Сервер
gulp.task('server', function () {
  browserSync({
    port: 9000,
    server: {
      baseDir: 'app'
    }

## main.css
<div class="wrapper">
<div class="main-content">
</div>
</div>
<footer class="page-footer">
</footer>


/* прибьём футер к низу*/
.wrapper{

## CSS - clearfix
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

## прибить footer книзу flexbox
.container {
  display: flex;
  flex-direction: column;
}

.header {
  flex-grow: 0;
  }

.main {

## supersearch.html
<html>
<head>
    <title>BlondieCode. Лайфхаки программиста. Поиск с подстановкой.</title>
    <meta charset="utf-8">
    <meta name="description" content="BlondieCode. Блог блондинки-программиста. Подписывайся. Здесь много интересного.">
    <meta name="keywords" content="BlondieCode, программирование">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>

## gist:9d958ff3274df2f4d8f3bce2b045542f
const fetch = require ('node-fetch')

/*-----async function declaration with error handle------*/

async function fetchGithubUser(handle) {
  const url = `https://api.github.com/users/${handle}`
  const response = await fetch(url)
  const body = await response.json()

  if (response.status !== 200)

## Loader.js
const Loader = () => (
    <React.Fragment>
        <div id="loading" className="loaderStyle">
            <div className="dot"></div>
            <div className="msg"></div>
        </div>
    </React.Fragment>
)

## connect.js
// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (

## my-program
#!/usr/bin/java --source 11

public class SomeClass {
    public static void main(String[] args) {
        System.out.println("Hello!");
    }
}
/*
To run do:
$ chmod +x my-program

## countDownLatch
// Simple framework for timing concurrent execution
   public static long time(Executor executor, int concurrency,
               Runnable action) throws InterruptedException {
       CountDownLatch ready = new CountDownLatch(concurrency);
       CountDownLatch start = new CountDownLatch(1);
       CountDownLatch done  = new CountDownLatch(concurrency);
       for (int i = 0; i < concurrency; i++) {
           executor.execute(() -> {
               ready.countDown(); // Tell timer we're ready
               try {
	var gulp = require("gulp"),
	browserSync = require('browser-sync');

	// Сервер
	gulp.task('server', function () {
	browserSync({
	port: 9000,
	server: {
	baseDir: 'app'
	}
	<div class="wrapper">
	<div class="main-content">
	</div>
	</div>
	<footer class="page-footer">
	</footer>


	/* прибьём футер к низу*/
	.wrapper{
	.clearfix:before,
	.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
	}

	.clearfix:after {
	clear: both;
	}
	<html>
	<head>
	<title>BlondieCode. Лайфхаки программиста. Поиск с подстановкой.</title>
	<meta charset="utf-8">
	<meta name="description" content="BlondieCode. Блог блондинки-программиста. Подписывайся. Здесь много интересного.">
	<meta name="keywords" content="BlondieCode, программирование">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<style>
	const fetch = require ('node-fetch')

	/-----async function declaration with error handle------/

	async function fetchGithubUser(handle) {
	const url = `https://api.github.com/users/${handle}`
	const response = await fetch(url)
	const body = await response.json()

	if (response.status !== 200)
	const Loader = () => (
	<React.Fragment>
	<div id="loading" className="loaderStyle">
	<div className="dot"></div>
	<div className="msg"></div>
	</div>
	</React.Fragment>
	)
	// connect() is a function that injects Redux-related props into your component.
	// You can inject data and callbacks that change that data by dispatching actions.
	function connect(mapStateToProps, mapDispatchToProps) {
	// It lets us inject component as the last step so people can use it as a decorator.
	// Generally you don't need to worry about it.
	return function (WrappedComponent) {
	// It returns a component
	return class extends React.Component {
	render() {
	return (
	#!/usr/bin/java --source 11

	public class SomeClass {
	public static void main(String[] args) {
	System.out.println("Hello!");
	}
	}
	/*
	To run do:
	$ chmod +x my-program
	// Simple framework for timing concurrent execution
	public static long time(Executor executor, int concurrency,
	Runnable action) throws InterruptedException {
	CountDownLatch ready = new CountDownLatch(concurrency);
	CountDownLatch start = new CountDownLatch(1);
	CountDownLatch done = new CountDownLatch(concurrency);
	for (int i = 0; i < concurrency; i++) {
	executor.execute(() -> {
	ready.countDown(); // Tell timer we're ready
	try {