nikola-wd

// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

const axios = require('axios'); // promised based requests - like fetch()

function getCoffee() {
  return new Promise(resolve => {
    setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
  });
}

nikola-wd

FWIW: I didn't produce the content presented here (the outline from Edmond Lau's book). I've just copy-pasted it from somewhere over the Internet, but I cannot remember what exactly the original source is. I was also not able to find the author's name, so I cannot give him/her the proper credits.

---

Effective Engineer - Notes

• By Edmond Lau
• Highly Recommended 👍
• http://www.theeffectiveengineer.com/

What's an Effective Engineer?

nikola-wd

<?php
//* Do NOT include the opening php tag shown above. Copy the code shown below into functions.php

/**
 * Manage WooCommerce styles and scripts.
 */
function grd_woocommerce_script_cleaner() {
	
	// Remove the generator tag
	remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );

nikola-wd

const waitFor = ms => new Promise(r => setTimeout(r, ms));

    const asyncForEach = async (array, callback) => {
      for (let index = 0; index < array.length; index++) {
        await callback(array[index], index, array);
      }
    };

    (async function() {
      await asyncForEach([1, 2, 3], async num => {

nikola-wd

Wordpress & PHP Resources

Background

I started this markdown file as a place to collect information about Wordpress and PHP when I started programming a Wordpress plugin for the first time. I decided to put out everything I could find in this gist. I will update it occassionally with code examples so I can track my progress in developing Wordpress plugins (or just the one I'm working on at work).

Wordpress 101

Wordpress Environment

• For OSX: MAMP

nikola-wd

// send req after a few seconds have passed since user last wrote in the editor
export default function debounce(a,b,c){
    let d,e;
    return function(){
        function h(){
            d=null;
            c||(e=a.apply(f,g));
        }
        let f=this,g=arguments;
        return (clearTimeout(d),d=setTimeout(h,b),c&&!d&&(e=a.apply(f,g)),e)

nikola-wd

export function removeHTMLTags (str) {
    return str.replace(/<[^>]*>?/gm, '');
}

nikola-wd

/// Forces browsers to use hardware acceleration for transforms
/// @access public
/// @example scss - Usage
///   .foo {
///     @include ha;
///   }
/// @example css - Result
///   .foo {
///     -webkit-transform: translate3d(0, 0, 0);
///     -moz-transform: translate3d(0, 0, 0);

nikola-wd

/// Select all children from the first to `$num`.
/// @group with-arguments
/// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
/// @param {number} $num - id of the child
@mixin first($num) {
  @if $num == 1 {
    &:first-child {
      @content;
    }
  } @else {

nikola-wd

const _headerFN = () => {
  const $header   = document.querySelector('.header');
  const scrollTop = window.scrollY,
        offsetTop = 60;
 
 
  if (scrollTop >= offsetTop && window.innerWidth > 767) {
    $header.classList.add('jsOnScroll');
    document.body.classList.add('jsOnScroll-header');
  } else {