Victor Ofoegbu vickOnRails

## KMP.js
// See notes at vickon.netlify.com/notes/algorithms-and-data-structures-day-3
let = longestPrefixSuffix => {
  let table = new Array(pattern.length)
  let pointer = 0
  table[0] = 0

  for (let i = 1; i < pattern.length; i++) {
    while (pointer > 0 && pattern.charAt(i) !== pattern.charAt(pointer)) {
      pointer = table[pointer - 1]
    }

## json
[
  {
    "code": 1,
    "customerID": "5e6b803dc1a35b1ac6a7f855",
    "businessName": "Utara",
    "priceListCode": "PriceLevel2",
    "status": "Active",
    "emailAddress": "garrisonclarke@utara.com%",
    "phoneNumber": "(988) 401-3964",
    "category": "Goods",

## note-taking-styled.tsx
import React, { useState } from "react";
import styled from "styled-components";

import "./App.css";

// Styled components definitions for all components
const Header = styled.header`
  // padding: 0.5em 1em;
`;

## app.tsx
import React, { useState } from "react";
import styled from "styled-components";

import "./App.css";

// Styled components definitions for all components
const Header = styled.header``;
const Nav = styled.nav``;
const MainContent = styled.main``;
const Container = styled.div``;

## offline-indicator.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Offline/Online Demo</title>

    <style>

## Useful Links.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                vickOnRails
                / Useful Links.md
            
            
              Created Aug 5, 2019
                — forked from kkas/Useful Links.md
            
              
                Responsive Design Notes
              
          
      View Useful Links.md
  
      
    Useful Links

CSS Properties

http://www.w3.org/community/webed/wiki/CSS/Properties


Truncate text

for 1 line

https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/


for multiple lines


http://joelsaupe.com/programming/multiple-line-ellipsis-css/


## view-without-layout_templating-hbs.hbs
<!DOCTYPE html>
  <html>
    <head>
       <meta charset='utf-8'>
       <title> {{title}} </title>
       <link rel='stylesheet' href='css/style.css'/>
    </head>

    <body>
     Hello world

## main-layout-with-view_templating-hbs.html
<!DOCTYPE html>
  <html>
    <head>
     <meta charset='utf-8'>
     <!-- the {{home}} got replaced-->
     <title> HOME </title>
     <link rel='stylesheet' href='css/style.css'/>
    </head>

    <body>

## basic-hbs-main_templating-hbs.hbs
<!-- home.hbs -->
<p> Hello I’m just a home file </p>

## basic-hbs_templating-hbs.js
//requiring express and handlebars
//.create() method configures handlebars. We’ll explain that in a while
const express = require('express'),
      hbs = require('express-handlebars').create({defaultLayout: 'main', extname: 'hbs'});
      app = express();

//set the app engine to handlebars
app.engine('hbs', hbs.engine);
app.set('view engine','hbs');
	// See notes at vickon.netlify.com/notes/algorithms-and-data-structures-day-3
	let = longestPrefixSuffix => {
	let table = new Array(pattern.length)
	let pointer = 0
	table[0] = 0

	for (let i = 1; i < pattern.length; i++) {
	while (pointer > 0 && pattern.charAt(i) !== pattern.charAt(pointer)) {
	pointer = table[pointer - 1]
	}
	[
	{
	"code": 1,
	"customerID": "5e6b803dc1a35b1ac6a7f855",
	"businessName": "Utara",
	"priceListCode": "PriceLevel2",
	"status": "Active",
	"emailAddress": "garrisonclarke@utara.com%",
	"phoneNumber": "(988) 401-3964",
	"category": "Goods",
	import React, { useState } from "react";
	import styled from "styled-components";

	import "./App.css";

	// Styled components definitions for all components
	const Header = styled.header`
	// padding: 0.5em 1em;
	`;
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Offline/Online Demo</title>

	<style>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8'>
	<title> {{title}} </title>
	<link rel='stylesheet' href='css/style.css'/>
	</head>

	<body>
	Hello world
	//requiring express and handlebars
	//.create() method configures handlebars. We’ll explain that in a while
	const express = require('express'),
	hbs = require('express-handlebars').create({defaultLayout: 'main', extname: 'hbs'});
	app = express();

	//set the app engine to handlebars
	app.engine('hbs', hbs.engine);
	app.set('view engine','hbs');