Tutorial by Examples: t

Displaying GitHub timeline / feeds on your website

This document explains how to display your GitHub feeds/timeline on your website. Example: A live example is available at: https://newtonjoshua.com GitHub timeline: GitHub provides the public timeline for any user in Atom format. You can view your timeline at: https://github.com/{{GitHub...

github • Displaying GitHub timeline / feeds in your Website

Simple React Component

We want to be able to compile below component and render it in our webpage Filename: src/index.jsx import React from 'react'; import ReactDOM from 'react-dom'; class ToDo extends React.Component { render() { return (<div>I am working</div>); } } ReactDOM.re...

React • Setting Up React Environment

Install all dependencies

# install react and react-dom $ npm i react react-dom --save # install webpack for bundling $ npm i webpack -g # install babel for module loading, bundling and transpiling $ npm i babel-core babel-loader --save # install babel presets for react and es6 $ npm i babel-preset-react babel-p...

React • Setting Up React Environment

HTML file to use react component

Setup a simple html file in the root of the project directory Filename: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="App"></div> ...

React • Setting Up React Environment

Transpile and bundle your component

Using webpack, you can bundle your component: $ webpack This will create our output file in build directory. Open the HTML page in a browser to see component in action

React • Setting Up React Environment

Adapter Pattern

Convert the interface of a class into another interface clients expect. Adapter (or Wrapper) lets classes work together that couldn't otherwise because of incompatible interfaces. Adapter pattern's motivation is that we can reuse existing software if we can modify the interface. Adapter pattern...

C++ • Design pattern implementation in C++

Simple Key/Value Database

This source code create a simple key/value store service based on map Erlang datastructure. Firstly, we need to define all information concerning our gen_server: -module(cache). -behaviour(gen_server). % our API -export([start_link/0]). -export([get/1, put/2, state/0, delete/1, stop/0]). %...

Erlang Language • gen_server behavior

Introduction

Cryptography is the science of using mathematical constructs (codes) to make communication secure. The field of cryptography is a subset of the field of Information Security. There are many cryptographic operations possible; some best known examples are: Encryption : transforming a plaintext mes...

cryptography • Getting started with cryptography

How to allow reading specific item from group, but prevent listing group members

It is common practice to create groups of items by creating simple value nodes with item ID as key. For example, we can add a user to the group "administrators" by creating a node at /administrators/$user_id with a value true. We don't want anyone to know who administrators are, for securi...

firebase • Database Rules

Installation or Setup

Detailed instructions on getting mono set up or installed.

mono • Getting started with mono

Client side csv download using Blob

function downloadCsv() { var blob = new Blob([csvString]); if (window.navigator.msSaveOrOpenBlob){ window.navigator.msSaveBlob(blob, "filename.csv"); } else { var a = window.document.createElement("a"); a.href = window.URL.createObjectURL(blob, { ...

JavaScript • File API, Blobs and FileReaders

Pointer Operations

There are two operators for pointers: Address-of operator (&): Returns the memory address of its operand. Contents-of (Dereference) operator(*): Returns the value of the variable located at the address specified by its operator. int var = 20; int *ptr; ptr = &var; cout << var &...

C++ • Pointers

Phaser environment setup (Asp.Net MVC5 - Typescript - Visual Studio 2015)

Create a new ASP.Net Project: Select the empty template: Add two new folders: App and Scripts in the root folder: Add npm configuration file in the root folder: { "version": "1.0.0", "name": "phaser.js.environment.setup", "priva...

phaser-framework • Working with TypeScript

IF...Then...Else

Dim count As Integer = 0 Dim message As String If count = 0 Then message = "There are no items." ElseIf count = 1 Then message = "There is 1 item." Else message = "There are " & count & " items." End If

Visual Basic .NET Language • Conditions

If operator

9.0 If(condition > value, "True", "False") We can use the If operator instead of If...Then...Else..End If statement blocks. Consider the following example: If 10 > 9 Then MsgBox("True") Else MsgBox("False") End If is the same as M...

Visual Basic .NET Language • Conditions

Linked List implementation in C++

Creating a List Node class listNode { public: int data; listNode *next; listNode(int val):data(val),next(NULL){} }; Creating List class class List { public: listNode *head; List():head(NULL){} void insertAtBegin(int val); void insertAtEnd(int val)...

C++ • Data Structures in C++

Managing Security

Security was a part of the dark side of the symfony documentation, it has a dedicated component named Security Component. This component is configured in the security.yml file of the main application project. The default configuration is like this one : # app/config/security.yml security: p...

symfony2 • Managing the Symfony firewalls and security

A - Getting Started

In a nutshell, Our Custom Element Should Have a Built in Search Functionality, that searches and marks places on the map. Accept An attribute called location-array , which is a list of places Have a Listener , for listening to an event called “google-map-ready“.This event is fired, when the ele...

polymer • Google Map Mark With Built in Cache

B - Rendering the basic google map

Getting You Browser Ready - Polyfill it Create a new landing page for our element, at index.html. Include polyfills for a custom element to work.Also import the custom element g-map, which we registered with Polymer. Note: Webcomponents, are the necessary polyfill for browser support. Polym...

polymer • Google Map Mark With Built in Cache

C - Adding Search Ability to our custom element

For Searching a place, we use the powerful element that Polymer ships, called google-map-search . All you need to do, is pass a map object and a query string to the element like so: <google-map-search map=[[map]] query=[[query]]></google-map-search> How do we pass the map ob...

polymer • Google Map Mark With Built in Cache