dirkdunn

Ajax

By the end of this lesson, students will be able to

• Explain what AJAX is
• Explain Synchronous VS Asynchronous
• Explain what is Cross Origin Resource Sharing is
• Use and explain methods such as .ajax, $.get and $.getJSON
• Explain How to make a AJAX request
• Explain What a callback function is
• Reviewing AJAX

dirkdunn

#jQuery & The DOM By the end of this lesson students will be able to:

• Explain the DOM, and how we use javascript to interact with it.
• Explain what a library is and why one would get used
• Explain how jQuery syntax works
• Explain method chaining and how it differs from object dot syntax
• Select a DOM element with jQuery and explain the object that is returned
• Explain the difference between JS DOM objects and native JQ DOM objects
• List common jQuery methods and their application

dirkdunn

Javascript Fundamentals

• Explain what a programming language is
• Explain what JavaScript is and how it fits into web development
• Explain what variables are and why they are useful in a program.
• Explain the difference between expressions and statements
• Use common operators with variables and literals for arithmetic, string concatenation, and assigning values to variables
• Create a variable and assign a value to it
• Explain what arrays are and why they’re needed
• List some useful array helper methods

dirkdunn

# Javascript Fundamentals

-	Explain what a programming language is
-	Explain what JavaScript is and how it fits into front end web development
-	Explain what variables are and why they are useful in a program.
-	 Create a variable and assign a value to it
-	Use common operators with variables and literals for arithmetic, string concatenation, and assigning values to variables
-	Explain the difference between expressions and statements
-	Explain what arrays are and why they’re are needed
-	List some useful array helper methods

dirkdunn

CSS Positioning & Layout

Lesson Objectives

By the end of this lesson students will be able to:

• Explain the CSS Box Model
• Adjust element spacing using padding and margin
• Explain the difference between and use cases of: static, relative, fixed, & absolute positioning
• Create floating elements to position content removed from the standard document flow
• Use flexbox to adjust content in their CSS

dirkdunn

CSS Positioning & Layout

Lesson Objectives

• Explain the CSS Box Model
• Adjust element spacing using padding and margin
• Describe the difference between block, inline, and inline-block elements
• Explain the difference between and use cases of: static, relative, fixed, & absolute positioning
• Create floating elements to position content removed from the standard document flow
• Explain what Flexbox is and how to use it

dirkdunn

Responsive Web Design & Bootstrap Framework

Lesson Objectives

Part 1

• Describe the benefits of using responsive design
• Describe what it means to go mobile first
• Explain the difference between a responsive website and a mobile-specific website
• Describe how to test responsive layouts while developing
• Use media queries to target viewport sizes

dirkdunn

/* 

This is an open Javascript library for the Borderfree BFX team. Included in this file will be
helper functions that can be incorperated into BFX projects.

Please leave comments above your code for readability.

*/

// str.nthIndexOf(str,int) string method that grabs the substring at nth index.