esayler

JavaScript Notes

• sources: MDN, google/airbnb style guides

Comments

/// a one line comment

/* a mutli-

esayler

var Year = function(input) {
  this.input = input;
};

Year.prototype.isLeap = function() {

  if (this.input % 4 === 0) {
    if (this.input % 100 === 0) {
      if (this.input % 400 === 0) {
        return true;

esayler

var Year = require('./leap');

describe('Leap year', function() {

  it('is not very common', function() {
    var year = new Year(2015);
    expect(year.isLeap()).toBe(false);
  });

  it('is introduced every 4 years to adjust about a day', function() {

esayler

var Year = function(input) {

  Year.prototype.isLeap = function() {

    if (input % 4 === 0) {
      if (input % 100 === 0) {
        if (input % 400 === 0) {
          return true;
        } else {
          return false;

esayler

CSS Layout Challenges - 1610FE - Eric Sayler

css-layout-challenges

TODO:

• complete Challenges 1-15
• refactor to make solutions more responsive
• refactor to make less use of position: absolute;

Solutions:

esayler

The Good Parts of JavaScript and the Web

Table of Contents

• JavaScript Style
  • always use curly braces on right
  • Always use break; in switch statement cases
  • Use a space after a comma, not before
  • Use spaces to disambiguate parens
  • Wrap Immediately Invoked Function Expressions (IIFE) in parens
  • Never rely on auto-semicolon insertion

• Don’t use the with statement

esayler

Accessibility Commitments

1. Visual + Cognition

Consistent Clean Design

Use a consistent, simple, clean design to reduce cognitive load and make your site easily navigable and easy to use

• Use lots of white space, keep design uncluttered
• Use few fonts, black text on white background (high contrast) to make easier to read for dyslexics

esayler

function List() {
  this.head = null;
  this.tail = null;
  this._length = 0;
};

List.prototype.push = function(data) {
  var newNode = new ListNode(data);
  if (this.head === null && this.tail === null) {
    this.head = newNode;

esayler

 request
  .get(url)
  .pipe(fs.createWriteStream(path))
  .on('close', callback)

esayler

let stream = progress({ time: 50 })

stream.on('progress', progress => {
  mainWindow.setProgressBar(progress.percentage / 100.0)
})

request
  .get(url)
  .pipe(stream)
  .pipe(fs.createWriteStream(path))