Coding for Designers

Demystifying Code and Learning JavaScript

Coding for Designers is a work-in-progress book that demystifies coding and JavaScript relative to concepts that designers are already familiar with. This book adds the framing that is lacking in virtually all learn-to-code resources. The goal of this book is to instill a mental model that helps designers learn coding concepts faster, more deeply, and more intuitively. The topics and concepts covered will act as reference and reflection points on your learn-to-code journey. Empower yourself to better understand code and learn JavaScript today.

• CodingForDesignersBook.com
• Give Feedback/Ideas
• Derek Knox website

Table of Contents

Preface

Breaking Barriers

• Ones and Zeros
• Hard to Soft
• Bits and Bytes
• Black and White
• Coding Color
• Encode and Decode
• Saved Image

Structure, Style, and Behavior

• Structure
• Style
• Behavior

Programming and Visual Design

• Design
• Elements and Elements
• Principles and Patterns
• Constructs and Components

Interactive Code

• Authoring, Compiling, and Executing
• Frame Rate
• Event Loop
• Sync and Async
• Interfacing
• Client and Server
• Anatomy of HTML, CSS, and JavaScript
• Work. Right. Better.

80/20 JavaScript

• Environment
• Mindset
• Subset
• Keywords
• Expressions
• Operators
• Statements
• Functions
• Errors
• Debugging

Deconstructing Designs

• Adobe Illustrator
• Twitter
• Airbnb
• Gmail