vernonk

import { useState, useEffect, useRef } from 'react';

// thinking this could be a common 'toggle' hook to abstract
// the keybindings for escape, blur and such
const useToggle = (isOpen, classes) => {
    const [open, setOpen] = useState(isOpen);
    const sectionEl = useRef(null);
    const classesString = (open) ?
        `${classes.messageToggle} ${classes.messageToggleOpen}` :
        `${classes.messageToggle}`;

vernonk

;custom shortcuts to move between mac & win more easily

SendMode input
#SingleInstance force
;#InstallKeybdHook

;---------------------------------------------------------------
; ! = ALT
; ^ = CTRL
; + = SHIFT

vernonk

Pattern Library / Style Guide Tools

• http://patternguide.io
• http://patternlab.io
• http://warpspire.com/kss
• http://styleguide.sc5.io
• http://documentcss.com

Design Tooling

vernonk

Learning more about building and designing websites

These links can help you learn more about designing and developing websites. I hope you enjoyed the info at the career fair. I wish you the best of luck in your future. Always chase your dreams.

• https://www.tynker.com/hour-of-code/
• https://www.codeschool.com/courses/fundamentals-of-design
• http://venturebeat.com/2014/06/03/12-games-that-teach-kids-to-code/
• http://www.codeavengers.com/
• https://www.codeschool.com/courses/front-end-foundations
• http://askatechteacher.com/2014/11/18/hour-of-code/

vernonk

Directory structure
---------------------------

|--tasks/
|    |--app/
|        |customapptask.js  # Exports custom gulp task
|    |--plugins/
|        |uglify.js         # Exports uglify gulp task
|--gulpfile.js

vernonk

A series of JavaScript related questions to be used during technical interviews.

vernonk

function getMe() {
    console.log(this); // what is `this`?
}


var superman = {
    fname: "Clark",
    lname: "Kent"
};

vernonk

// Example of the partial for cta shown above
---
cta_class: default
cta_text: My Text!
cta_href: '#'
---

%a{:class => "#{cta_class}", :href => "#{cta_href"}"} #{cta_text}