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

CodeLikeAGirl29

Building Interactive Sites

These are my notes, solutions, ect from the Building Interactive Websites Exam 2 in Codecademy's Full Stack Course.

const students = [
  { name: "Paisley Parker", gpa: 4.0 },
  { name: "Lake Herr", gpa: 3.2 },
  { name: "Promise Lansing", gpa: 3.9 },
  { name: "Friar Park", gpa: 2.8 },
  { name: "Mason Amitie", gpa: 3.49 }

CodeLikeAGirl29

Frontend Developer

Company practices

Git

• You create pull requests with proper name and description 📚
• You squash merge your pull requests 📚

CodeLikeAGirl29

Review checklist

General

1. Does the code work?
2. Description of the project status is included.
3. Code is easily understand.
4. Code is written following the coding standarts/guidelines (React in our case).
5. Code is in sync with existing code patterns/technologies.
6. DRY. Is the same code duplicated more than twice?

CodeLikeAGirl29

class School {
    constructor(name, level, numberOfStudents) {
        this._name = name;
        this._level = ['primary', 'middle', 'high'];
        this._numberOfStudents = numberOfStudents;
    }

    get name() {
        return this._name;
    }