Sprint 3 Practice Problems

Intro

Each subfolder inside this project corresponds to a Learning Objective in your learning platform, and includes an index.html file containing practice problems and a solution.html file containing the solutions.

Setup Instructions

1. To watch a video demonstration of these instructions, click HERE.
2. Fork this repository and clone it to a location in your computer you can find easily.
3. Install the Live Server extension for VSCode.

In order to work on a particular set of practice problems:

1. Open the repository folder in VSCode.
2. Locate the subfolder containing the practice problems you wish to work on (E.G. m2-1-2-getting_properties_from_an_object).
3. Open index.html in your VSCode text editor by left-clicking on the file in VSCode's file Explorer.
4. Open index.html in your Chrome browser, by right-clicking the file in VSCode's file Explorer and selecting "Open in Live Server".
5. Code in VSCode, and watch your changes play out in the browser's console (Ctrl + Shift + J on Windows, Cmd + Option + J on MacOS).

If you get stuck:

1. Check the solution.html file for the practice problems you are working on.

Index of Problems

Module 1 - Advanced Objects

1. Building Objects With Functionality
2. Referencing the Object Using This Inside Methods
3. Building Instances of Objects Using a Class
4. Building Custom Objects Using the Constructor
5. Immutable Values
6. Mutable Values
7. Values and References

Module 2 - Advanced Functions

1. Using Arrow Function Syntax
2. Arrow Functions and the This Keyword
3. Working With a Variable Number of Arguments
4. Working With Default Arguments
5. Using forEach
6. Using Filter
7. Using Map

Module 3 - JavaScript in the Wild

1. Destructuring Assignment With Objects
2. Destructuring Assignment With Arrays
3. Destructuring From Return Values of Functions
4. Creating Shallow Copies of Arrays and Objects
5. Using the Ternary Operator
6. Asynchronous Code Using Timeouts
7. Asynchronous Code Using Browser Events

Module 4 - HTML & CSS III

1. Determine Which Conflicting Style Wins
2. Selectors and Specificity
3. Crafting a Selector
4. The Flow of Elements
5. The Box Model
6. Box Sizing
7. The Flex Container
8. Distributing Flex Items Along the Main Axis
9. Distributing Flex Items Along the Cross Axis
10. Flex Items