- 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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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. |
- 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
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# 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 |
- 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
#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
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
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.
After this lesson, you will be able to:
- Explain what version control is
- Explain why developers use version control
- Explain the process of how git works
- Distinguish between local and remote repositories
- Understand basic git commands like init, add, commit, push, pull and clone
OlderNewer