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

Garnet Quick Start

Table of Contents

Section 1: Setting up a cohort

1. Signing in
2. Starting a new cohort
3. Adding students & instructors to a cohort

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

Git Practice

15 min

1. Initialize a new directory in your workspace

• Navigate to your WDI code directory and create a new folder mkdir [directory name]
• Change into your new directory cd [directory name]
• Use git init to initialize a new Git repository

2. Create 3 new files

dirkdunn

Firebase React Lab

Let's extend our todo list by adding more functionality, and making it look better.

There's a couple things we will do to improve it's functionality and look:

1. Guard input against sending nothing

As of right now, when we submit our form, we are automatically pushing the todo to our firebase.

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

/* 

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.