Frontend Awareness
Networking, deployment, SEO, CI/CD, and general web awareness
Questions4 shown
DNS (Domain Name System) translates human-readable domain names into IP addresses.
How it works:
1. User types example.com in the browser
2. Browser checks local cache for the IP
3. If not cached, queries the recursive resolver (ISP's DNS server)
4. Resolver checks its cache, then queries root nameserver
5. Root directs to .com TLD nameserver
6. TLD directs to authoritative nameserver for example.com
7. Authoritative server returns the IP address
8. Browser connects to the IP
DNS Records:
A — Maps domain to IPv4
AAAA — Maps domain to IPv6
CNAME — Alias for another domain
MX — Mail server
TXT — Verification, SPF, DKIM
Authentication — Verifying WHO you are
"Are you who you claim to be?"
Login with username/password
Biometric verification
Multi-factor authentication (MFA)
Authorization — Determining WHAT you can access
"Are you allowed to do this?"
Role-based access (admin, user, guest)
Permissions and policies
API scopes and tokens
| Aspect | Authentication | Authorization |
|--------|---------------|---------------|
| Purpose | Verify identity | Check permissions |
| Order | First | After authentication |
| Example | Login form | Admin-only page |
| Mechanism | Passwords, tokens, biometrics | Roles, policies, ACLs |
Authentication answers "Who are you?" while authorization answers "What can you do?"
**JWT (JSON Web Token)** is a compact, self-contained token for securely transmitting information. **Structure:** `header.payload.signature` 1. **Header:** Algorithm and token type [code block] 2. ...
Create a free account to unlock login-level content, or go premium for everything.
**CI (Continuous Integration):** - Developers merge code changes frequently to a shared repository - Each merge triggers automated builds and tests - Catches bugs early before they reach production *...
Create a free account to unlock login-level content, or go premium for everything.
Interview Preparation
PremiumHigh-signal questions that come up most in real interviews. These are the ones worth spending extra time on.
**SPA (Single Page Application):** - Loads one HTML page, dynamically updates content - Client-side routing (no full page reloads) - Rich, app-like experience - Examples: Gmail, Twitter, Trello **Tra...
Create a free account to unlock login-level content, or go premium for everything.
**SEO (Search Engine Optimization)** improves a website's visibility in search engine results. **Key SEO factors:** 1. **Content quality** and relevance 2. **Meta tags** — title, description, Open Gr...
Create a free account to unlock login-level content, or go premium for everything.