CyberLight

/*

You can use this to convert a DOM element or a HTML string to markdown.

Usage examples:
var markdown = toMarkdown(document.getElementById("content"));

// With jQuery you can easily convert HTML strings
var markdown = toMarkdown($("<ul><li>Hi!</li></ul>")[0]);

CyberLight

Webpack & Tailwind CSS Setup

Create your package.json

npm init -y

Create your src folder

Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.

CyberLight

var PUNCTUATION = "" +
"’'" +       // apostrophe
"()[]{}<>" + // brackets
":" +        // colon
"," +        // comma
"‒–—―" +     // dashes
"…" +        // ellipsis
"!" +        // exclamation mark
"." +        // full stop/period
"«»" +       // guillemets

CyberLight

import contextlib
import json

from django.db import connection
from django import template

register = template.Library()

CyberLight

$ docker run --rm -v "$(pwd)/multi-request-json.lua":/multi-request-json.lua -v "$(pwd)/requests.json":/requests.json czerasz/wrk-json wrk -c1 -t1 -d5s -s /multi-request-json.lua https://www.example.com

multiplerequests: Found 2 requests
multiplerequests: Found 2 requests

Running 5s test @ https://www.example.com

  1 threads and 1 connections
  Thread Stats   Avg      Stdev     Max   +/- Stdev
    Latency   887.09ms  415.48ms   1.36s    60.00%

CyberLight

<div class="canvas">
    <div id="totalCounter" class="total-counter"></div>

    <div id="clap" class="clap-container">
        <i class="clap-icon fa fa-hand-paper-o"></i>
    </div>
    
    <div id="clicker" class="click-counter">
        <span class="counter"></span>
    </div>

CyberLight

##Погодное одностраничное веб-приложение

(!) Данные можно взять с сайта openweathermap.org или с любого другого сервиса.

(!) Обязательно использовать react.js и redux.

Приложение должно уметь:

• Добавлять/удалять города
• Сохранять локально данные

CyberLight

import * as actionTypes from './action-types.js';

class ActionTypeMatching extends AsymmetricMatcher {
  
  constructor(expected){
    this.$$typeof = Symbol.for('jest.asymmetricMatcher');
    this.expected = expected;
  }

  asymmetricMatch(other) {

CyberLight

const cleanTypenameLink = new ApolloLink((operation, forward) => {
      if (operation.variables) {
        operation.variables = this.omitDeep (operation.variables, "__typename")
      }
      return forward(operation).map((data) => {
        return data;
      })
    })

private omitDeep(obj, key) {

CyberLight

import React from 'react'
import { withRouter, Link } from 'react-router-dom'
import { graphql, compose } from 'react-apollo'
import { Formik } from 'formik'
import Yup from 'yup'

import FormWideError from '../elements/form/FormWideError'
import TextInput from '../elements/form/TextInput'
import Button from '../elements/form/Button'
import { H2 } from '../elements/text/Headings'