martensonbj

# Typescript Overview

## Why TS?

JavaScript is notoriously lenient in its loosely typed structure which
can cause unexpected bugs that are difficult to track down. TypeScript solves
this problem by throwing an error at compile time when defined types don't match
what is being passed around.

This also eliminates the need for boilerplate tests that simply verify that a function/component receives a prop or argument of the expected type and returns the expected type of value (or lack thereof). 

martensonbj

Intro To Go Outline

Modified from a workshop given at DinosaurJS 2019

Description

Go is becoming an increasingly necessary tool in the belt of “languages you should know to be relevant.” Although the beauty of the language is in its simplicity, the transition from JavaScript can be a little bumpy. In this workshop, we’ll work through the basic of Go, paying particular attention to pitfalls you may encounter transitioning from a language like JavaScript.

Target Audience

This workshop is designed for developers with little to no Go experience.

It is ideal for those with knowledge of JavaScript or another similarly dynamic language.

martensonbj

Student:

Check In: 1

Project Name:

Client:

Deliverables:

martensonbj

Project Name & Pitch

Example:

TweetWorld

An application used to filter data form Twitter based on user preference, built with React, Redux, JavaScript, and CSS.

Project Status

(only necessary if incomplete)

martensonbj

Post links to your repo from the Unit Testing React Workshop in the comments of this gist.

martensonbj

Implement at least two PostCSS plugins, and inject CSS into a component using CSS Modules.

Attach links to where you implement these plugins in the comments of this gist.

Comprehensive list of PostCSS plugins.
Documentation

martensonbj

First Glance: Debugging JavaScript - Front End Addition

Debugging JavaScript can be an intimidating part of becoming a front end developer. Because JS is run entirely in the browser, the technique for troubleshooting broken code can happen in many places. Luckily, modern browsers are aware of this and give us a collection of options for digging into your code.

### 1. Developer Tools
One of the first things you should familiarize yourself with when working with JavaScript (or HTML...or CSS...) are the dev tools. You can find a cool tutorial to dive deeper with  [Code School's Discover-DevTools Tutorial.](http://discover-devtools.codeschool.com/) (Chapters 3 & 4 are particularly helpful)

To open developer tools in Chrome:
  - Mac: `Cmd` + `Opt` + `i`
  - (or) Right click on the browser window and select `inspect`

martensonbj

Github RoadShow

Version 1: Create a new Project on Github.com

Local project is automatically connected!

Version 2: Create a new project locally

git remote add origin git@github.com:you/my-awesome-project-name.git

Next Steps: Collaborate!

martensonbj

How to Setup Sass

Sass will watch for any files with a .scss or .sass extension and compile them into .css files for you.

You should continue reading if...

• You have a basic html/css/js structure
• You have NOT integrated node, webpack, or other fancy package managers (they have their own set uÂp rules)

Verify that you have Ruby

The most common way to install Sass is by using Ruby.

martensonbj

Introduction to Sass/SCSS

Goals For This Lesson:

1. Get a general understanding of Sass and SCSS
2. Understand: - Variables - Nesting - Color Functions - Math Functions