Anton Nikolenko nikolenkoanton92

Frontend Technical Interview Prep

EDIT: Well this has been linked now so just an FYI this is still TBD. Feel free to comment if you have suggestions for improvements. Also here is an unrolled Twitter thread of a lot of the tips I talk about on here.

I've been doing frontend for a while now and one thing that really gripes me is the interview. I think the breadth of knowledge of a "Frontend Engineer" has been so poorly defined that people really just expected you to know everything. Many companies have made this a hybrid role. The Web is massive and there are many MANY things to know. Some of these things are just facts that you learn and others are things you really have to understand.

Every time I interview, I go over the same stuff. I wanted to create a gist of the TL;DR things that would jog my memory and hopefully yours too.

Lots of these things are real things I've been asked that caught me off guard. It's nice to have something you ca

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

How to: Setup Teamcity Agent on EC2 Ubuntu 12.04.2 Linux with front end tools

References:

Install dependencies

sudo apt-get update

Whether you use 2 spaces or 4 spaces, there are a few simple things that can make your node.js code easier to read. We've been using them in all the hapi modules for over 4 years now to great results. This list is by no means complete but it highlights the most useful elements that will give you immediate value in reducing bugs.

Required modules

JavaScript makes it harder than most languages to know where variables are coming from. Variables assigned required modules are particularly important because they represent a singleton object shared with the entire application. There are also globals and module globals, along with function variables and arguments.

Traditionally, variables starting with an uppercase letter represent a class that must be instantiated using new. This was an important semantic in the early days of JavaScript but at this point, if you don't know Date requires new Date() you are probably very new. We have adopted Upper Camel Case variable names for all module global variables

Studying for a Tech Interview Sucks, so Here's a Cheat Sheet to Help

This list is meant to be a both a quick guide and reference for further research into these topics. It's basically a summary of that comp sci course you never took or forgot about, so there's no way it can cover everything in depth. It also will be available as a gist on Github for everyone to edit and add to.

Data Structure Basics

###Array ####Definition:

Stores data elements based on an sequential, most commonly 0 based, index.
Based on tuples from set theory.

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

	function Heap(compare = (a, b) => a - b) {
	const arr = [];
	return { push, pop, peek, size };

	function size() {
	return arr.length;
	}

	function push(v) {
	arr.push(v);

	//problem1

	var kits ={
	kit1: {
	cost : 6.0,
	components: ['one','two','three']
	},
	kit2: {
	cost: 3.0,
	components: ['three','two']

	var crypto = require('crypto');

	// larger numbers mean better security, less
	var config = {
	// size of the generated hash
	hashBytes: 32,
	// larger salt means hashed passwords are more resistant to rainbow table, but
	// you get diminishing returns pretty fast
	saltBytes: 16,
	// more iterations means an attacker has to take longer to brute force an

	// input array
	var notFlattenArray = [[1, 2, [3]], 4]

	/**
	* Convert unflatten array to flatten
	* @param {Array} array
	* @return {Array} flattenArray
	*/
	function convertArray(array) {
	var flattenArray = []