lindakatcodes

Today I Learned

10/7 Thurs - Angular's @Output will automatically subscribe to an observable if it's passed directly to it! Because EventEmitter is a Subject under the hood, it can detect if it's using an observable and will subscribe to it for you. Skips an extra function just to send the value!

---

10/11 Mon - The if/else syntax in Angular always throws me - the else goes into a ng-template tag, and the conditions aren't listed in the standard JavaScript way. For future reference:

<div *ngIf="condition; else elseBlock">...</div>
<ng-template #elseBlock>...</ng-template>

lindakatcodes

<div class="parent">
  <h2>I'm an h2!</h2>
  <!-- This is an adjacent sibling - it's the first p directly after the h2 -->
  <p>I sit right next to the h2!</p>
  <!-- Here it's after the h2 but not directly next, so is a general sibling -->
  <p>I'm related to h2, but farther away.</p>
</div>

lindakatcodes

<div class="parent">
  <!-- This is a direct child of parent -->
  <span>
    I'm a child of parent!
  </span>
  <p>
    I'm a paragraph
    <!-- This is nested deeper, so is a descendant but not a direct child -->
    <span>
      with a span inside!

lindakatcodes

[character]
error_symbol = "[✘ ](bold red)"
format = "[  ](bold cyan)"
success_symbol = "[✔ ](bold green)"

#          ﯟ    器  ﮼                  
# holidays -   ﮊ  滑        ﴔ     

[directory]
truncation_length = 2

lindakatcodes

<template>
  <div id="auth-container"></div>
</template>

<script>
  import { ui, uiConfig } from '../../firebaseConfig';

  export default {
    mounted() {
      ui.start('#auth-container', uiConfig);

lindakatcodes

var gulp = require('gulp');
var imageMin = require('gulp-imagemin');
var resize = require('gulp-image-resize');
var rename = require('gulp-rename');
var del = require('del');

// Outside of the above required plugins, you'll also need to download either GraphicsMagick or ImageMagick. The links are on the quiz page. I chose to use GraphicsMagick, but either will work. Just download the installer file for your OS, and let it install. You won't need it to show in any code, it just has to be on your computer.

// Clean will remove the images folder, if it already exists, so we don't risk getting any duplicate folders

lindakatcodes

var gulp = require('gulp');
var imageMin = require('gulp-imagemin');
var resize = require('gulp-image-resize');
var rename = require('gulp-rename');
var del = require('del');

// Outside of the above required plugins, you'll also need to download either GraphicsMagick or ImageMagick. The links are on the quiz page. I chose to use GraphicsMagick, but either will work. Just download the installer file for your OS, and let it install. You won't need it to show in any code, it just has to be on your computer.

// Clean will remove the images folder, if it already exists, so we don't risk getting any duplicate folders
// For larger projects, should update / change this to something that instead watches for new / changed files and updates those, instead of deleting the folder and completely redoing it