Front-end Roadmap Serise[…ing]

이번 시리즈는 front-end developer라면 알면 좋은 front-end roadmap을 기반으로 주제를 다뤄 보려 합니다. 다소 뭉뚱그려 알고 있었던 것과 모르고 있었던 것들의 개념을 정리 및 공부하고자 하는 목적으로 작성 됩니다.

iee1020
4 min readDec 22, 2019
https://github.com/kamranahmedse/developer-roadmap
  • #0: Internet
  • #1: HTML(Hyper Text Markup Language)
  • #2: CSS(Cascading Style Sheets)
  • #3: JavaScript
  • #4.1: [Package Manager] NPM
  • #4.2: [Package Manager] YARN
  • #5: [CSS Pre-Processors] SASS
  • #6: [CSS Frameworks] Bootstraps
  • #7.1: [Build Tools-Linters and Formatters] Prettier & ESLint
  • #7.2: [Build Tools-Task Runners] Npm Scripts
  • #7.3: [Build Tools-Module Bundlers] Webpack
  • #8.1: [Pick a Framework] React.js
  • #8.2: [Pick a Framework] MobX
  • #8.3: [Pick a Framework] Redux
  • #9.1: [CSS in JS] Styled Components
  • #9.2: [CSS in JS] CSS Modules
  • #10.1: [Testing your Apps] Jest & Enzyme & Cypress
  • #10.2: [Testing your Apps] Unit & Integration & Functional
  • #11.1: [Progressive Web App] Storage
  • #11.2: [Progressive Web App] Web Sockets
  • #11.3: [Progressive Web App] Service Workers
  • #11.4: [Progressive Web App] PRPL Pattern
  • #11.5: [Progressive Web App] RAIL Model
  • #11.6: [Progressive Web App] Performance Metrics
  • #11.7: [Progressive Web App] Using Light House
  • #11.8: [Progressive Web App] Using DevTools
  • #12: [Type Checkers] TypeScript
  • #13: [Server Side Rendering] Next.js
  • #14: [Static Site Generators] GatsbyJS
  • #15: [Desktop Applications] Electron
  • #16: [Mobile Applications] React Native
  • #17: Web Assembly
  • #0.01: Git Version Control
  • #0.02: Basic Terminal Usage
  • #0.03: Data Structures & Algorithms
  • #0.04: GitHub
  • #0.05: Licenses
  • #0.06: Semantic Versioning
  • #0.07: SSH
  • #0.08: HTTP/HTTPS & APIs
  • #0.09: Design Patterns
  • #0.1: Character Encodings

!목표: 주 1회 링크 등록

--

--