notes.md

FIRST PRACTICE INTERVIEW NOTES

Brainstorming session about topics on mock interview

HTML

• structure content / template for rendering
• HTML (template for initial state) -> DOM (current state) -> browser view
  • DOM can be updated by DOM manipulation, which consequently will update browser view
• vocab
  • HTML - HyperText Markup Language
  • HTML5 - most recent HTML standard
  • DOM - Document Object Model
    • not actually JS, but has a JS API for traversing it's nodes, along with performing actions that the DOM or it's nodes may need
  • semantic - using the approriate elements to best represent the different types of content in the document
  • attribute
  • element / node
  • tag
  • header - any information that is not rendered, used by browser, search engines, etc
  • body - all rendered information, ie stuff the user can see
  • metadata - information that goes in the header, usually a "key + value" pair format. Info is used for many things, for example SEO consume metadata info for previews and indexing

CSS

JS

• vocab
  • static vs dynamic typing
  • syntactic sugar
  • asynchronous vs synchronous execution

Primitives

Basic atomic values, ie single values

• Boolean
• String
• Number
• null
• undefined

Collections

Collections of single or collection values, heterogenous (can have multiple types) in JS

• Array
• Objects

// all number types - homogenous
const myArray = [ 1, 3, 4, 5, 6 ]
// different types - heterogenous
const otherArray = [ 1, 'hi', [() => {}, null], true]

# all of one type
my_array = int []

Control Flow

• if/then/else
• for - when there is a discrete, known number of iterations
• while - when you don't know how many iterations are required to meet some condition
• switch
• try/catch/finally

Encapsulation

Separating code based on what it does into small, easily understandable, independently maintainable, independently usable blocks

• scripts (which can be modules)
• functions
  • declaration

    const myFunction = function() {
      // some code
    }

  • expression

    function myFunction () {
        // some code
    }

• old school functions vs arrow functions

JQuery

• more expressive (usually) than vanilla JS

AJAX

• HTTP request / response cycle

  • response codes

• client

• server

• API

• fetch API

  • promises or rather, how to use .then and .catch