Skip to content

Instantly share code, notes, and snippets.

View joechan3's full-sized avatar

Joseph Chan joechan3

4 followers · 5 following
  • Edmonton, AB, Canada
View GitHub Profile
@joechan3
joechan3 / AjaxExample.htm
Created April 23, 2016 04:10
Ajax Example from Lynda: JavaScript Essential Training
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="mainContent">
<h1>This is an AJAX Example</h1>
</div>
@joechan3
joechan3 / basicHTMLTemplate.html
Last active August 20, 2016 04:48
joechan3's Basic HTML Template (from Lynda.com - Course: HTML Essential Training with James Williamson)
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="A page for exploring basic HTML documents">
<title>Basic HTML document</title>
</head>
<body>
<h1>Page content</h1>
<p>The main page content appears inside the <b>body</b> tag. HTML contains several elements that allow you to properly structure and format your content, which we'll cover later.</p>
@joechan3
joechan3 / basicBootstrapHTMLTemplate.html
Last active October 18, 2016 19:25
joechan3's Basic Bootstrap Template using CDNs (from Lynda.com - Course: Bootstrap Essentials Training-Ray Villalobos)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<!--Picturefill-->
@joechan3
joechan3 / prototype.htm
Created April 23, 2016 04:46
Prototype Example from Lynda: JavaScript Essential Training
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="mainContent">
<h1>Prototype Example</h1>
</div>
@joechan3
joechan3 / loopingJSObjects.html
Created April 23, 2016 17:04
Looping through JavaScript objects From: Lynda - JavaScript and JSON
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JavaScript And JSON</title>
</head>
<body>
<h2>Links</h2>
<ul id="links">
</ul>
@joechan3
joechan3 / accessingObjectsInArrays.html
Last active April 23, 2016 17:18
Accessing objects in arrays From: Lynda - JavaScript and JSON
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JavaScript And JSON</title>
</head>
<body>
<h2>Links</h2>
<ol id="links">
@joechan3
joechan3 / data.json
Created April 23, 2016 20:00
Using jQuery to parse JSON feeds From: Lynda - JavaScript and JSON
{
"full_name" : "Ray Villalobos",
"title" : "Staff Author",
"links" : [
{ "blog" : "http://iviewsource.com" },
{ "facebook" : "http://facebook.com/iviewsource" },
{ "podcast" : "http://feeds.feedburner.com/authoredcontent" },
{ "twitter" : "http://twitter.com/planetoftheweb" },
{ "youtube" : "http://www.youtube.com/planetoftheweb" }
]
@joechan3
joechan3 / JSAndJSON.html
Last active April 23, 2016 22:47
Final Project Example from Lynda: JavaScript and JSON
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JSON Carousel</title>
<link href='http://fonts.googleapis.com/css?family=Wendy+One|Libre+Baskerville' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="mystyle.css" />
</head>
<body>
@joechan3
joechan3 / JSHint Config
Created May 23, 2016 21:01
JSHint Configuration settings
/* jshint undef: true, unused: true, strict: true, curly: true, eqeqeq: true, futurehostile: true, latedef: true, shadow: outer */
/* globals $, document */
@joechan3
joechan3 / 1. Define Mustache Template
Last active May 25, 2016 02:29
Mustache Setup
Grab mustache.js from https://github.com/janl/mustache.js/
Link to: <script type="text/javascript" src="../mustache.js"></script>
(Simple Template)
<script type="text/template" id="templateID">
<div class="contentWrapper">
<div>{{field1}}</div>
<div>{{field1}}</div>
<div>{{field1}}</div>
</div>