프론트엔드 2024 마스터 핸드북

<프론트엔드 2024 마스터 핸드북>

프론트엔드에 관한 분야, 지식총집합!

멋진 자료를 발견하게 되어 공유합니다.

기술을 이해할때에는 T자형으로 넓고 깊게 아는게 중요하다고 하는게 깊게 아는 것은 직관적으로 이해되지만 넓게 안다는건 무슨 의미인지 이해하기 어렵습니다.

넓게 안다는 것은 기술의 범주와 카테고리 그리고 무엇이 있는지를 알고 있는 것입니다. 무엇이 있는지를 모르니 무엇이 있는지를 알기 위한 방법을 아는게 어렵기에 넓게 아는 것이 어려운 법이지요.

자세한 내용을 아직 하나하나 읽어 본 것은 아니지만,

이 컨텐츠는 이미 <목차>만으로도 충분한 가치가 있습니다.

구성이 참 알차네요!

프론트엔드 개발자로 앞으로 무엇을 알아가야 할 지 혹은 내가 얼마나 알고있는지 체크리스트로 한번 활용해보세요 :)

---

https://frontendmasters.com/guides/front-end-handbook/2024/

1. Overview of Field of Work

1.1 — What is a (Frontend||UI||UX) Developer/Engineer?

1.2 — Common Job Titles (based on "Areas of Focus" in section 2)

1.3 — Career Levels & Compensation

1.4 — Occupational Challenges

2. Areas of Focus

2.1 — Website Development

2.2 — Web Application Development / Software Engineering

2.3 — Web UX / UI Engineering

2.4 — Web Test Engineering

2.5 — Web Performance Engineering

2.6 — Web Accessibility Engineering

2.7 — Web Game Development

3. Learning / Education / Training

3.1 — Initial Steps

3.2 — On Demand Courses

3.3 — Certifications & Learning Paths

3.4 — University/College Educations

4. Foundational Aspects

4.1 — World Wide Web (aka, WWW or Web)

4.2 — The Internet

4.3 — IP (Internet Protocol) Addresses

4.4 — Domain Names

4.5 — DNS (Domain Name System)

4.6 — URLs (Uniform Resource Locators)

4.7 — Servers and Web Hosting

4.8 — CDN (Content Delivery Network)

4.9 — HTTP/HTTPS (Hypertext Transfer Protocol/Secure)

4.10 — Web Browsers

4.11 — JavaScript Engines

5. Core Competencies

5.1 — Code Editors

5.2 — HyperText Markup Language (HTML)

5.3 — Cascading Style Sheets (CSS)

5.4 — JavaScript Programming Language (ECMAScript 262)

5.5 — Document Object Model (DOM)

5.6 — TypeScript

5.7 — JavaScript Web APIs (aka Web Browser APIs)

5.8 — JavaScript Object Notation (JSON)

5.9 — ES Modules

5.10 — Command Line

5.11 — Node.js

5.12 — JavaScript Package Managers

5.13 — NPM Registry

5.14 — Git

5.15 — Web Accessibility - WCAG & ARIA

5.16 — Web Images, Files Types, & Data URLS

5.17 — Browser Developer Tools (DevTools)

6. Other Competencies & Paradigms

6.1 — A/B Testing

6.2 — AI-powered Coding Tools

6.3 — Adaptive Design

6.4 — Algorithms

6.5 — Asynchronous Programming

6.6 — Atomic CSS

6.7 — Backend as a Service (BaaS)

6.8 — Big'O Notation

6.9 — Building / Builds (aka, Web Bundlers)

6.10 — CI/CD

6.11 — Content Management System (CMS)

6.12 — Code Complexity

6.13 — Code Coverage

6.14 — Code Formatter

6.15 — CSS in JS

6.16 — CSS Animations

6.17 — CSS Frameworks

6.18 — CSS Resets

6.19 — Data API Testing

6.20 — Data Structures

6.21 — Declarative Programming

6.22 — Design Systems

6.23 — Device Testing

6.24 — Development Servers

6.25 — Device Testing Using Emulation

6.26 — DOM Scripting/Manipulation

6.27 — Front-end Web Development Frameworks & Libraries

6.28 — Full Stack Web Development Frameworks

6.29 — Functional Programming (FP)

6.30 — Functional / End to End Testing

6.31 — GraphQL

6.32 — Headless Content Management System (Headless CMS)

6.33 — HTML Email Development

6.34 — Imperative Programming

6.35 — Interaction Design

6.36 — JAM stack

6.37 — JavaScript Performance

6.38 — JSX

6.39 — Micro Frontends

6.40 — Monorepos

6.41 — Muli-Page Apps (MPA)

6.42 — Native Application Development from Web Technologies

6.43 — Object Oriented Programming (OOP)

6.44 — Offline / Local First Web Development

6.45 — Polyfills

6.46 — Progressive Web Apps (PWA)

6.47 — Regular Expressions

6.48 — Responsive Design (RWD)

6.49 — REST API

6.50 — Search Engine Optimization (SEO)

6.51 — Semantic Versioning

6.52 — Semantical HTML

6.53 — Server side Rendering (SSR)

6.54 — Single Page Apps

6.55 — State & State Management

6.56 — State Machines

6.57 — Static Analysis Tools

6.58 — Static Site Generators (SSG)

6.59 — Static Typing / Type Annotations

6.60 — Streaming SSR

6.61 — Tree and Graph Data Structures

6.62 — UI Design Patterns

6.63 — UI Toolkits/Libraries (aka, JavaScript UI Widgets)

6.64 — Unit Testing

6.65 — User Experience (UX)

6.66 — Utility First CSS Frameworks

6.67 — Virtual DOM

6.68 — Visual Testing

6.69 — Web 1.0

6.70 — Web 2.0

6.71 — Web 3.0 (Conceptual)

6.72 — Web Animations (aka JavaScript Animations)

6.73 — Web Assembly (WASM)

6.74 — Web Browser Testing

6.75 — Web Components

6.76 — Web Fonts

6.77 — Web Hosting Services

6.78 — Web Performance

6.79 — Web Security

6.80 — Web Sockets

6.81 — Web Typogrpahy

6.82 — Web Workers

6.83 — Wireframing