Front-end Skills
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,…
- Browsers; Chrome, Edge, Firefox, Safari, …
Basic
- HTML; HTML Tags, Page Structure, Semantic Tags, SEO, Accessibility …
- CSS; Styling, Layouts, Responsive Design, Animation, Sass, less, PostCSS, …
- 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; BEM
- Preprocessors; Sass, Less, PostCSS
- 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
- Package Manager; npm, yarn
- Module Bundler; Webpack,
- SCM; github, gitlab