munkacsitomi

const outerValue = 'samurai';
let later;

function outerFunction() {
  const innerValue = 'ninja';

  function innerFunction() {
    console.log(outerValue === 'samurai', 'I can see the samurai.');
    console.log(innerValue === 'ninja', 'I can see the ninja.');
  }

munkacsitomi

const text = 'Hello text!';
console.log('Before defining functions');

const useless = (callback) => {
  console.log('In useless function');
  return callback();
}

const getText = () => {
  console.log('In getText function');

munkacsitomi

.first-example {
  @include fade(show);
    
  &--hide {
    @include fade(hide);
  }
}

.second-example {
  @include fade(show);

munkacsitomi

@mixin flex-column {
  display: flex;
  flex-direction: column;
}

@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

munkacsitomi

@function calculateRem($size) {
  $remSize: $size / 16px;
  @return $remSize * 1rem;
}

@mixin font-size($size) {
  font-size: $size;
  font-size: calculateRem($size);
}

munkacsitomi

.only-extra-small {
    @include show-only-extra-small;
}

.only-medium-up {
    @include show-medium-up;
}

.only-small-up {
    @include show-small-up;

munkacsitomi

const singleton = (() => {
  // Instance stores a reference to the Singleton
  let instance;

  const init = () => {
    // Private methods and variables
    const privateMethod = () => {
      console.log('Private function');
    };
    const privateVariable = 'Private variable';

munkacsitomi

const person = {
  'first-name': 'Tamas',
  'last-name': 'Munkacsi'
};

const { 'first-name': firstName, 'last-name': lastName } = person;

console.log(firstName, lastName);

munkacsitomi

<div class="card">
  <div class="card__value">
    Original
  </div>
</div>

<div class="card card--large">
  <div class="card__value">
    Large
  </div>

munkacsitomi

const mockUsers = [
  {
    id: 1,
    name: 'Tom',
    deviceId: 102
  },
  {
    id: 2,
    name: 'Michael',
    deviceId: 101