Zen Frontend: Frontend Interview Survival Guide

Prepare for Frontend Interviews with our mini-book. Covering the most fundamental questions from the real interviews. Book consists of 5 chapters: JavaScript Theory, Javascript Problems, Implementing Widgets, CSS/HTML related questions and Optimizations.

📚 Read Book

Chapter 1: HTML & CSS

Core concepts and fundamental understanding

CSS Box Model
Center a Div
Difference between cookie, sessionStorage, and localStorage
Difference between px, rem, em units
Difference between reset.css and normalize.css
Difference between script, script-async, script-defer
Describe z-index, and it's stacking context

Chapter 2: JavaScript Components

Interactive UI components and widgets

Accordion
Autocomplete
Nested Checkboxes
Star Rating
Tabs
Tic Tac Toe Game
Tooltip

Chapter 3: JavaScript Problems

Practical coding challenges and algorithmic problems

Implement curry function
Implement custom Array.prototype.map
Debounce decorator
Deep Copy of an Object
Deep Equal of two objects
Implement Event Emitter
Implement custom Array.prototype.filter
Flatten the Array
Implement custom Array.prototype.forEach
Implement Custom Promise
Implement a custom Observable
Implement a custom Promise.all()
Implement a custom Promise.race()
Implement a Custom Promise Class
Implement a Custom Promisify Function
Implement Spy decorator
Implement throttle decorator
Traverse DOM tree

Chapter 4: JavaScript Theory

Core concepts and fundamental understanding

Understanding call(), apply() and bind() methods
What is the Closure in JavaScript?
What are the data types in JavaScript?
JavaScript Event Loop
Events: bubbling, capturing, propagation, delegation
Generators and Iterators in JavaScript
High Order Functions
Hoisting in JavaScript
How does a browser render a webpage?
Javascript Modules: AMD, CommonJS, ES6 Modules
Memory Management and Garbage Collection in Javascript
Pass by value and reference
Understanding Promise in JavaScript
Prototypes
Pure and Impure functions
Scope, Lexical Environment, Execution Context
This keyword
What happens when you type URL in browser
var, let, and const

Chapter 5: Optimizations

Performance, accessibility, SEO, and security best practices

Accessibility Best Practices
Performance Best Practices
Security Best Practices
SEO Best Practices