Blaise Thomas blaisethomas

#DOM Code Challenge

For each of the challenges below, complete in plain JS.

###Challenge 1

Build a a text input element that behaves like input type="password".

It has a button "show". When clicked it will show the string. When released the characters go back to asterisks

#A11Y in Apps and Websites

###Usability v Accessibility

When people talk about both usability and accessibility, it is often to point out how they differ.

Accessibility often gets pigeon-holed as simply making sure there are no barriers to access for screen readers or other assistive technology, without regard to usability, while usability usually targets everyone who uses a site or product, without considering people who have disabilities.

In fact, the concept of usability often seems to exclude people with disabilities, as though just access is all they are entitled to.

Ruby smoothie maker

1. Create a method 'blend' that takes an array of ingredients and returns a mixed string of characters, with NO spaces

2. Create a class called Blender, and define the blend method within this class

3. Blend the ingredients array

4. Challenge add on: Give the blender an on and off switch and only allow the blender to function when it's on.

FOR SAFETY'S SAKE When you create a new blender (initialize) by default it should be off.

5. Blend the ingredients array again, first making use of the new safety feature (ie don't forget to switch the blender on!).

EXAMPLE: ingredients = ['carrot', 'celery', 'orange', 'banana', 'green apple']

#Database Design

####Key learning points:

#####1. Intro to MVC * An app is just a databse in disguise (for the most part) * Views and Controllers * Models - think about classes for making new objects

#####2. Understanding tables

Color the Lions red.

<ol class="football-teams">
  <li>Giants</li>
  <li>Cowboys</li>
  <li>Lions</li>
  <li>Rams</li>
</ol>

#1. USE A LIBRARY - Demo mid week 2

Use JQuery ++ use one OTHER interesting open source library of your choice. (animate css, Freewall JS, superscrollorama parallax, extra strength responsive grids, bootstrap, zurb, THREEJS) Fork that repo.

MUST BE "DEPLOYED". Bit balloon or github pages or codepen, JSFiddle. Because everything will be deployed demos happen on one computer with submissions via links (quicker demos) // do a lightning talk on your library of choice // introduce the idea of customization v convention and the need for frameworks

###Ideas and labs:

#Agile Development, User Stories, Pivotal Tracker

##Agile v Waterfall

#####Waterfall

>The waterfall model is a sequential design process, used in software development processes, in which progress is seen as flowing steadily downwards (like a waterfall) through the phases of Conception, Initiation, Analysis, Design, Construction, Testing, Production/Implementation and Maintenance. ~ Wikipedia

#Keep it Classy with Ruby Classes!

##Learning Objectives

Understand the purpose of classes in Ruby
Learn how to create our own Ruby class
Write getter and setter methods
use an options hash to instantiate new objects
Use Ruby's attr_accessor and attr_reader methods
make your own class!
understand that classes can inherit from each other

To prep for this lesson, please dig out your about me page that you made for your admissions interview, and push it to github.

#Git Branches and Github Pages Deployment

This markdown is accompanied by slides

####SWBAT:

Understand how to create, merge and delete branches on local and remote repositories

	Given an html like this:

	<p>Dude this is</p>
	<div class=""rad"">radical</div>
	<div class=""mag"">magnificent</div>

	Hide the maginificent div with jQuery