An Yu anyu

ANNOUNCEMENT

I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!

\

Algorithms

Grokking Algorithms: An illustrated guide

Best Practices

Client-Side

Use these rapid keyboard shortcuts to control the GitHub Atom text editor on macOS.

Key to the Keys

⌘ : Command key
⌃ : Control key
⌫ : Delete key
← : Left arrow key
→ : Right arrow key
↑ : Up arrow key

Installing Node.js with `nvm` to Linux & macOS & WSL

A quick guide on how to setup Node.js development environment.

Install `nvm` for managing Node.js versions

nvm allows installing several versions of Node.js to the same system. Sometimes applications require a certain versions of Node.js to work. Having the flexibility of using specific versions can help.

Open new Terminal window.

macOS Internals

Understand your Mac and iPhone more deeply by tracing the evolution of Mac OS X from prelease to Swift. John Siracusa delivers the details.

Starting Points

How to use this gist

You've got two main options:

	<!-- Respect Rollcall -->
	<li><a href="http://www.alistapart.com/articles/">A List Apart — for website builders</a></li>
	<li><a href="http://abstrusegoose.com/">Abstruse Goose — my favorite comic</a></li>
	<li><a href="http://al3x.net/">Alex Payne — technology rambling</a></li>
	<li><a href="http://dashes.com/anil/">Anil Dash — on culture, apple & design</a></li>
	<li><a href="http://weblogs.mozillazine.org/asa/">Asa Dotzler — on mozilla & software</a></li>
	<li><a href="http://www.azarask.in/blog/">Aza Raskin – on design & firefox</a></li>
	<li><a href="http://christophzillgens.com/en/">Christoph Zillgens — interface design</a></li>
	<li><a href="http://cssremix.com/">CSS Remix — gorgeous designs</a></li>
	<li><a href="http://css-tricks.com/">CSS Tricks</a></li>

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
	/* STYLES GO HERE */
	}

	/* Smartphones (landscape) ----------- */
	@media only screen
	and (min-width : 321px) {

	/*------------------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 - desktop (default grid)
	1024-768 - tablet landscape
	768-480 - tablet
	480-less - phone landscape & smaller
	--------------------------------------------*/
	@media all and (min-width: 1024px) and (max-width: 1280px) { }

	@media all and (min-width: 768px) and (max-width: 1024px) { }

	"""
	Given a dictionary, transform it to a string. Then byte encode that string. Then base64 encode it and since this will go
	on a url, use the urlsafe version. Then decode the byte string so that it can be else where.
	"""
	data = base64.urlsafe_b64encode(json.dumps({'a': 123}).encode()).decode()

	# And the decode is just as simple...
	data = json.loads(base64.urlsafe_b64decode(query_param.encode()).decode())
	# Byte encode the string, base64 decode that, then byte decode, finally transform it to a dictionary

	// from the talk https://www.youtube.com/watch?v=PTE4VJIdHPg
	// futures
	future := make(chan int, 1)
	go func() {future <- process() }()
	result := <-future

	// async await
	c := make(chan int, 1)
	go func() { c <- process() }() // async
	v := <-c // await