Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| public:computer:front-end-skill-map [2022/04/20 11:19] – alex | public:computer:front-end-skill-map [2022/04/21 10:18] (current) – alex | ||
|---|---|---|---|
| Line 3: | Line 3: | ||
| ===== Prepare ===== | ===== Prepare ===== | ||
| + | * Computer; MacOS, Windows, Linux | ||
| + | * Browser; Chrome, Edge, Safari, Firefox | ||
| + | * Rext Editor; VS Code, IntelliJ, Atom, Sublime Text | ||
| + | * Terminal; Powershell, Bash, zsh | ||
| + | |||
| + | |||
| * Editor; VSCode, WebStorm, | * Editor; VSCode, WebStorm, | ||
| * Browsers; Chrome, Edge, Firefox, Safari, ... | * Browsers; Chrome, Edge, Firefox, Safari, ... | ||
| ===== Basic ===== | ===== Basic ===== | ||
| - | * HTML; Structure, SEO, ... | + | * HTML; HTML Tags, Page Structure, Semantic Tags, SEO, Accessibility |
| - | * CSS; Sass, less, PostCSS, ... | + | * CSS; Styling, Layouts, Responsive Design, Animation, |
| - | * JavaScript; ES6+,... -> TypeScript | + | * JavaScript; ES6+ Syntax, Browser APIs,... -> TypeScript |
| * 언어 고유의 기능 | * 언어 고유의 기능 | ||
| * 브라우저 관련 기능 | * 브라우저 관련 기능 | ||
| + | |||
| + | * ES6+ Syntax | ||
| + | * Basic; | ||
| + | * let, const | ||
| + | * if, for switch, while | ||
| + | * function | ||
| + | * object | ||
| + | * Advance; | ||
| + | * Prototype | ||
| + | * Hoisting | ||
| + | * Scope | ||
| + | * Closure | ||
| + | * Browser APIs; | ||
| + | * DOM Manipulation | ||
| + | * Events | ||
| + | * Fetch API (Async) | ||
| + | * | ||
| + | |||
| + | * CSS | ||
| + | * Architecture; | ||
| + | * Preprocessors; | ||
| + | * CSS Framework | ||
| + | |||
| + | |||
| + | * JavaScript -> TypeScript; Types, OOP | ||
| + | * JavaScript Framework; React, Vue, Angular, Svelte | ||
| + | |||
| + | |||
| + | * SPA | ||
| + | * Static Site Generators(SSG) | ||
| + | * Gatsby (React) | ||
| + | * GridSome (Vue) | ||
| + | * 11ty (JS) | ||
| + | * Server Side Rendering (SSR) | ||
| + | * Next.js (React) | ||
| + | * Nuxt.js (Vue) | ||
| + | * Universal (Angular) | ||
| + | * Sapper (Svelte) | ||
| + | |||
| + | |||
| + | |||
| + | ==== Tools ==== | ||
| + | * Git; Version Control System, GitHub, Bitbucket, GitLab | ||
| + | * Package Manager; npm, yarn | ||
| + | * Module Bunder; Webpack, Rollup, Parcel | ||
| + | |||
| + | ==== Testing ==== | ||
| + | * Test Pyramid; Jest, Cypress, Enzyme, react-testing-library | ||
| + | * Good Test Principles | ||
| + | * CI/CD | ||
| + | |||
| + | ==== Publish ==== | ||
| + | * Azure, AWS, Github Pages, Netlify, Vercel, Heroku | ||
| + | * | ||
| ===== Tools ===== | ===== Tools ===== | ||
| * Package Manager; npm, yarn | * Package Manager; npm, yarn | ||