dtauer

Mutation: {
  editIssue: async (_, { input }, ctx) => {
    if (!ctx.user)
      throw new GraphQLError('UNAUTHORIZED', { extensions: { code: 401 } })

    const { id, ...update } = input

    const result = await db
      .update(issues)
      .set(update ?? {})

dtauer

State, View, JavaScript, DOM & Events

• HTML & markup in the web browser
• JavaScript & the DOM API - Web IDL, Webcore
• DOM tree, event API

Data-binding in UI development

• Design patterns for data/view consistency
• One-way data flow and binding

Virtual DOM

dtauer

Full Stack for Front-End Engineers Part 1 Notes

Before starting day 2, these are the steps to get caught up from Day 1.

Create SSH Key (name it fsfe)

cd ~/.ssh
ssh-keygen

dtauer

HTML/CSS Training Resources

• Visual Studio Code Editor (https://code.visualstudio.com/)
• MDN HTML/CSS Documentation (https://developer.mozilla.org/en-US/docs/Web)
• Netlify Web Hosting (https://www.netlify.com/)
• Namecheap Domain Registration (https://www.namecheap.com/)

dtauer

Cast Iron Techniques

• Pan Seared Steak
• Pan Seared Salmon
• Finishing Steak in the Oven

Other Recipes

• https://therecipecritic.com/skillet-honey-lime-chicken/
• https://www.cookingclassy.com/creamy-salmon-piccata/
• https://www.themediterraneandish.com/one-skillet-mediterranean-chicken-recipe/
• https://ourbestbites.com/cajun-style-hash-brown-skillet/

dtauer

/* Change the box-sizing so we don't have issues calculating the width */
* {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: 16px;
}

dtauer

Day 1: October 26th 2017

• Adobe XD (for Prototyping): http://www.adobe.com/products/xd.html
• Seesparkbox: https://seesparkbox.com
  • Content Prototype: http://building.seesparkbox.com/content-prototype/
  • Style Prototype: http://building.seesparkbox.com/style-prototype/
• Style Tiles: http://styletil.es/
• 9 Priciples of RWD: http://blog.froont.com/9-basic-principles-of-responsive-web-design/
• Responsive vs Liquid vs Adaptive: http://www.liquidapsive.com/
• Codepen Coding Tool: https://codepen.io
• My Responsive Example: https://codepen.io/dtauer/pen/MOgKdx?editors=1100

dtauer

Resources

Below are examples, links, and resources from our one-on-one training sessions

Day 1: October 10, 2017

• CodePen: https://codepen.io
• MDN Tutorial: https://developer.mozilla.org/en-US/docs/Web/Tutorials
• Wordpress.com: https://wordpress.com/
• Squarespace.com: https://www.squarespace.com/
• Photoshop Asset Generator: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

dtauer

HTML/CSS Training

Tuesday, January 10th 2017

Resources

• CSS Reference
• MDN HTML Reference
• Litmus Email Marketing Resources
  • Templates
  • Description of Template Types
  • Help Center

dtauer

HTML/CSS Training

Wednesday, December 14th 2016

Resources

• CSS Reference
• MDN HTML Reference
• Litmus Email Marketing Resources
  • Templates
  • Description of Template Types
• Help Center