Brenna Martenson 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.

Student:

Check In: 1

Project Name:

Client:

Deliverables:

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)

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

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

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 [email protected]:you/my-awesome-project-name.git

Next Steps: Collaborate!

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)

	# 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).

	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`