daaimah123

Assessment-1

Portfolio Project with HTML, CSS, Bootstrap

Portfolio Link: https://github.com/daaimah123/portfolio-website

Languages

• HTML
• CSS
• Git

daaimah123

## Week 4 Assessment: Loops, Conditionals, Runtime Complexity

### Languages
- JavaScript

### Tools
- A personal repl.it account
- A timer

### Primary Goals

daaimah123

Flexible Layouts with Susy & Breakpoint

Creating layouts for responsive design can be challenging because of the math involved in calculating column widths and gutters, so it’s common for designers to turn to Frameworks and/or Sass to help simplify some of the process. A lot of frameworks are structured around a 12-column grid, but a flexible and responsive grid doesn’t always fit into this structure. In this article, I’m going to show you how to use a coupe of Sass extensions that can help you create truly flexible layout that transcend the 12-column grid. 

In this article, I’m going to show you how to use a couple of Sass extensions to tame your layout problems.

The problem

Responsive design for layouts can be tough, because it involves calculating:

daaimah123

## Stacks ######################################################################################################
- [X] Explain what a stack data structure is and show how it is implemented.

Stacks - last in first out (last element added will be the first removed)
      - not a built in JS data structure

EX: Collection of books, plates stacked 

Used to Undo/redo, manage function invocations, routing 
================================================

daaimah123

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

daaimah123

# myName.txt (filename1)
# 1. My name is Daaimah Tibrey!
# 2. 
# 3.

# myFormerName.txt (filename2)
# 1. My previous name was Daaimah Brown.

# myName.py (filename3)
from sys import argv

daaimah123

==============================================================================================================================
                                                            ARRAY METHODS
==============================================================================================================================

                                                          const family = ['Malaika', 'Jahdai'];

arr.push()
==> add to end of array                                   > family.push('Daaimah');
==> mutates length                                        > console.log(family);
==> return length of new array                            ['Malaika', 'Jahdai', 'Daaimah']

daaimah123

==> TOOLS
console.warn()
console.error()
console.table() ==> formatted table with index and value
'use strict'; ==> opts out of silen errors for scripts

Google Chrome breakpoint settings ==> click the line number to pause execution at that point and 
observe scope tab to determine what is occuring at the breakpoint

==> COMMON ISSUES

daaimah123

==================================== Hyper Text Markup Language (HTML) ===============================

==> Opening and Closing Tags
each tag typically comes with a paired ending tag that begins with a forward-slash
<tag_example></tag_example>

some tags are self closing and will only have one tag which does or does not ends with a forward-slash
<tag_example/>
<tag_element>

daaimah123

===== Document Object Model (DOM) Manipulation & Event Fundamentals ====

Structured representation of the HTML document that allows JS to access and select elements and 
styles to manipulate them (i.e. change text, HTML attributes and CSS styles). Automatically created 
once browser loads HTML and stored in a tree structure with nodes. Not JS, but rather apart of web 
api's and interact with JS.

Document object is the entry-point into DOM

.querySelector('.message')