CodeLikeAGirl29

Cheats page for the FSCJ Course Exams.

Assume we have a JavaScript program that is trying to render a React.js component called Header like so:

<Header memberType='admin' />

Complete the code for the Header component so that it can render the nested AdminAccess component successfully.

CodeLikeAGirl29

Hi 👋, I'm Lindsey

A passionate frontend developer from Ft Walton Beach, FL, USA

• 🔭 I’m currently working on vcard-react

• 🌱 I’m currently learning React Native

CodeLikeAGirl29

this will be my waka stats widget

CodeLikeAGirl29

Introduction

It's time to really flex your muscles. Test Driven Development can certainly feel uncomfortable at first, but becomes more natural with practice. We're going to implement the classic game 'Battleship'. If you've never played it, or need a refresher you can read about it here and you can play an online version here.

Since we're doing TDD, it's important that you don't get overwhelmed. Simply take it one step at a time. Write a test, then make it pass.

We have not yet discussed testing the appearance of a webpage. Doing this requires a separate set of tools, and it is outside the scope of this unit. For this assignment do your best to isolate every bit of application functionality from the actual DOM manipulation bits. You can use mocks to make sure that DOM methods like appendChild are being called, but try your best to keep those things outside of the app logic.

Assignment

CodeLikeAGirl29

Patterned Layouts

Column Drop

Another popular pattern starts with a multi-column layout and ends up with a single column layout, dropping columns along the way as screen sizes get narrower. Unlike the Mostly Fluid pattern, the overall size of elements in this layout tend to stay consistent.

Column drop behaviour illustration Adapting to various screen sizes relies on stacking columns. When and how each column is stacked for each resolution breakpoint will depend on the web design itself.

CodeLikeAGirl29

const inputStyle = {
  width: 235,
  margin: 5
};

class MagicEightBall extends React.Component {
  constructor(props) {
    super(props);
    this.state = {

CodeLikeAGirl29

library.js

const inventory = {
  sunglasses: 1900,
  pants: 1088,
  bags: 1344
};

const checkInventory = (order) => {
 return new Promise((resolve, reject) => {

CodeLikeAGirl29

SQL Cheat Sheet, Tips, and Tricks

Tips and Tricks

• You know that you're in the right database when you see the name of the database at the beginning of the terminal line.
• If you already know the name of the database you want to connect to, you can write psql name_of_database and that would be equivalent to psql postgres \c name_of_database
• Remember to steer clear of double quotes around strings in your queries!

SQL Cheat Sheet

Meta Commands

• \l List databases
• \c Connect to a database
• \dt Display Tables in a database

CodeLikeAGirl29

Psst: have a look at the JavaScript Console 💁

Get your shorts on - this is an array workout!

Array Cardio Day 1

    // Some data we can work with

CodeLikeAGirl29

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals