roadmap

Roadmap

Roadmap to developer. Inspired by the Web developer roadmap(번역) and The Front-End Checklist.

Curiosity

Programming Language

• JavaScript
  • 생활코딩
    • JavaScript
    • 웹브라우저 자바스크립트
  • JavaScript - MDN web docs
  • 자바스크립트는 어떻게 작동하는가(원문: How JavaScript works)
    • 엔진, 런타임, 콜스택 개관
    • V8 엔진의 내부 + 최적화된 코드를 작성을 위한 다섯 가지 팁
    • 메모리 관리 + 4가지 흔한 메모리 누수 대처법
    • 이벤트 루프와 비동기 프로그래밍의 부상, async/await을 이용한 코딩 팁 다섯 가지
    • 웹소켓 및 HTTP/2 SSE
    • 웹어셈블리와의 비교 + 언제 웹어셈블리를 사용하는 게 좋은가
  • Understanding JavaScript Function Invocation and "this"
• TypeScript
  • 타입스크립트 코리아 : 기초 세미나 - 인프런
  • Handbook(번역)
  • How do the different enum variants work in TypeScript? - Stack Overflow
• Node.js
  • JavaScript (nodejs) - 생활코딩
  • Node.js server without a framework - MDN
  • Introduction to the server side - MDN
  • Client-Server overview - MDN
  • Server-side web frameworks - MDN
• Rust
  • Book: 2판 한글 번역(GitHub)
  • Rust by Example(GitHub)
  • Rust Cookbook
  • Rust - Rethinking Systems Programming
  • Frequently Asked Questions(한글)
  • What is the difference between iter and into_iter? - Stack Overflow
  • Understanding and relationship between Box, ref, & and * - Stack Overflow
• Lua
• Go
• Kotlin
• Python
  • Google's Python Class
  • Official Python Tutorial
• Swift
• Ruby
• Clojure
• R Programming

Library

• HTTP
  • Retrofit
  • hyper - GitHub
• Event driven
  • libevent
    • Programming with Libevent
  • Tokio - GitHub
    • Official Documentation
    • API documentation
• Reactive Extensions - ReactiveX
  • Rx와 Functional Reactive Programming으로 고성능 서버 만들기 - Slideshare
  • ReactiveX - Intro
  • The introduction to Reactive Programming you've been missing - GitHub Gist(번역)
  • Cold observable과 Hot observable | PoiemaWeb
  • ReactiveX Docs
  • RxJS - GitHub
    • RxJS Official Docs: Practiced here
    • Netflix JavaScript Talks - Async JavaScript with Reactive Extensions - YouTube
    • Learn RxJS - GitHub
    • Difference Between throttling and debouncing a function - Stack Overflow
  • RxJava
  • RxKotlin
  • RxCpp - GitHub
  • RxRust
• Reactive Streams - GitHub Organization
  • Reactive Streams - Wikipedia
  • Reactor

Framework

• LLVM
  • LLVM - Wikipedia(한글)
  • LLVM - 나무위키
• Cross-platform Desktop Application
  • Electron
• Cross-platform Mobile Application
  • React Native - GitHub
  • NativeScript - GitHub
• Dependency injection
  • Dagger
• Unit Testing
  • Google Test
    • Googletest Primer document
    • Google Mock document

Software development process

• Extreme programming
  • Extreme Programming Roadmap

Programming Paradigm

• Declarative Programming
  • Functional Programming
    • (번역) 함수형 프로그래밍이란 무엇인가? - Jooyung Han (한주영) - Medium
  • Dataflow Programming
    • Reactive Programming
  • Functional Reactive Programming

Embedded

• Embedded Recipes

Frontend

• HTML
  • Basics
    • HTML 수업 - 생활코딩
    • Introduction to HTML - MDN
    • Multimedia and embedding - MDN
    • HTML forms - MDN
    • Learn HTML to solve problems - MDN
    • Dive Into HTML5
  • HTML reference - MDN
  • HTML5 Specification TR - W3C
• CSS
  • Basics
    • Introduction to CSS - MDN
    • Styling text - MDN
    • Styling boxes - MDN
    • CSS layout - MDN
    • CSS3 - MDN
  • Media queries
    • Media queries - MDN
    • Using media queries - MDN
    • Testing media queries programmatically - MDN
    • Using Media Queries for Accessibility - MDN
  • CSS Preprocessors
    • Sass
    • Postcss
  • CSS framework
    • Bootstrap
  • CSS architecture
    • BEM
  • CSS reference - MDN
  • CSS Specs - W3C
• JavaScript: Practiced here
• TypeScript: Practiced here
• Package Manager: Practiced here
• Build tool
  • Package Manager
    • NPM scripts: Practiced here
  • Package Bundler
    • webpack
    • Browserify
  • Task Runner
    • gulp.js
• Frontend framework
  • React
    • Redux
    • MobX
  • Vue.js
    • Official Docs
      • Essentials
      • Components In-Depth
      • Transitions & Animation
      • Reusability & Composition
      • Tooling
      • Scaling Up
      • Internals
      • Meta
        • Comparison with Other Frameworks
    • Vuex
  • Angular
    • Official Docs
      • Getting started
      • Tutorial: Tour of Heroes: Practiced here
      • Fundamentals
        • Architecture
        • Components & Templates
        • Forms
        • Observables & RxJS
        • Bootstrapping
        • NgModules
        • Dependency Injection
        • HttpClient
        • Routing & Navigation
        • Animations
    • RxJS
    • ngrx
• Testing framework: Practiced here
• Progressive WebApps
  • Service Workers: Practiced here
  • Progressive web apps - MDN
  • Web Fundamentals | Google Developers
  • Progressive Web Apps Training | Google Developers
• Server Side Rendering
  • React
    • Next.js
    • After.js
  • Vue.js
    • Nuxt.js
  • Angular
    • Universal
• Canvas
• HTML5 APIs
• SVG
• Source Maps
  • Introduction to JavaScript Source Maps
• TC39 - GitHub
  • ECMAScript와 TC39
• Semantic Web
  • Semantic Web - Wikipedia(번역)
  • 시맨틱 웹 - 나무위키
  • Semantic Web - W3C

Backend

• Package Manager
  • Node.js: Practiced here
    • npm
      • npm Documentation
      • NVM: Node Version Manager
    • Yarn
  • Java
    • Maven
    • Gradle
  • Python
    • pip
    • Version Manager
      • Anaconda
      • Virtualenv
• Standards and Best Practices
  • Node.js: Practiced here
    • Website security - MDN
    • OWASP Top 10-2017 - Korean(pdf)(pptx)
    • JavaScript Standard Style(번역): GitHub(번역)
    • Do's and Don'ts - TypeScript
    • Node.js Best Practices
      • 1. Project Structure Practices
      • 2. Error Handling Practices
      • 3. Code Style Practices
      • 4. Test And Overall Quality Practices
      • 5. Going To Production Practices
      • 6. Security Best Practices
        • Common Node.js security best practices
        • Using security-related headers to secure your application against common attacks
        • Constantly and automatically inspect for vulnerable dependencies
    • The Twelve-Factor App
    • Node.js Guides
      • Overview of Blocking vs Non-Blocking
      • The Node.js Event Loop, Timers, and process.nextTick()
      • Don't Block the Event Loop (or the Worker Pool)
      • Timers in Node.js and beyond
      • Anatomy of an HTTP Transaction
      • Working with Different Filesystems
      • Backpressuring in Streams
      • How to publish N-API package
      • ABI Stability
    • Node.js API Documentation
    • Express Production Best Practices: performance and reliability
    • Express Production Best Practices: Security
• Testing framework
  • Node.js: Practiced here
    • Mocha
    • Jasmine
    • SinonJS
    • Assertion
      • Node.js Assert
      • chai
      • should.js
      • expect.js
      • better-assert
      • unexpected
• RDBMS
  • Database Structure and Design Tutorial by Lucidchart(번역)
  • Database design - Wikipedia
  • Database normalization - Wikipedia
  • Database model - Wikipedia
  • Entity-relationship model - Wikipedia
  • Conceptual data model - Wikipedia
  • Logical data model - Wikipedia
  • Physical data model - Wikipedia
  • Join (SQL) - Wikipedia
  • MySQL
    • MySQL - 생활코딩
    • MySQL 8.0 Reference Manual
      • MySQL 8.0 Tutorial
  • MariaDB
    • MariaDB Knowledge Base
      • Beginner MariaDB Articles
  • PostgreSQL
    • PostgreSQL Documentation
      • PostgreSQL Tutorial
• Backend framework
  • Node.js
    • Express
      • Express web framework - MDN: LocalLibrary practiced here
      • Express Guide
      • Express 4.x - API Reference
    • Sails.js
    • Meteor
  • Java
    • Spring
      • 신입 프로그래머를 위한 자바 스프링 (Spring) 프레임워크 강좌 - 인프런
      • Spring Framework
        • Core Technologies
      • Spring Boot
  • Python
    • Django
      • Django Web Framework (Python) - MDN
      • Getting started | Django documentation
    • Flask
• NoSQL
  • Key-value
    • memcached
    • Redis
      • Try Redis
  • Document
    • MongoDB
      • MongoDB in Action - 몽고디비 인 액션
      • MongoDB Manual
        • Introduction - MongoDB Manual
        • The mongo Shell - MongoDB Manual
        • MongoDB CRUD Operations - MongoDB Manual
    • CouchDB
  • Column-Family
    • Apache Cassandra
  • Graph databases
    • Neo4j
  • GraphQL
• Caching
• Creating RESTful APIs
• Authentication / Authorization
  • OAuth - RFC 6749 and RFC 6750
    • OAuth 2.0 - 생활코딩
  • Basic Authentication - RFC 7617
    • HTTP authentication - MDN
  • Token Authentication
    • What is token based authentication? - Stack Overflow
  • JWT - RFC 7519
  • OpenID
  • OpenID Connect
• Cryptography
  • Digital signature
  • Elliptic-curve cryptography (ECC)
    • Elliptic-curve Diffie–Hellman (ECDH)
    • Elliptic Curve Digital Signature Algorithm (ECDSA)
• Message Broker
  • RabbitMQ
  • Apache Kafka
    • Official Documentation
• Search Engine
  • Elastic
  • Solr
  • Sphinx
• Web Servers
  • Apache HTTPd
  • Apache Tomcat
  • Nginx
• WebSocket
• Profiling
• Static Analysis
• DDD: Domain-driven design
• SOAP
• Serverless
• Micro Services
  • Microservices.io
    • A pattern language for microservices
    • Architecture patterns
  • Circuit Breaker
    • Microservices.io article
    • Martin Fowler article
  • API Gateway
    • Zuul - GitHub
      • 배민 API GATEWAY - spring cloud zuul 적용기 - 우아한형제들 기술 블로그
    • API Gateway vs Reverse Proxy - Stack Overflow

DevOps

• CI and CD
  • Jenkins
  • Circle CI
  • Travis CI

References

• Web developer roadmap(번역)
• Basics
  • Semantic Versioning
  • Git
    • How to Write a Git Commit Message(번역)
  • Documentation
    • What nobody tells you about documentation - Blog - Divio(번역)
• Trends
  • Google Trends
  • Stack Overflow Annual Developer Survey
  • Database
    • DB-Engines Ranking and history(Method of calculating the scores)
    • MariaDB vs. MySQL vs. PostgreSQL Comparison
  • Web
    • HotFrameworks
• Standards
  • ECMAScript
    • Standard ECMA-262
    • ECMAScript 6 compatibility table
• Blog & Community
  • The Clean Code Blog by Robert C. Martin (Uncle Bob)
  • Rust
    • 한국 러스트 사용자 그룹 - Facebook
• Tutorial & Training
  • Find the Best Programming Courses & Tutorials - Hackr.io
  • Exercism
  • Google Developers Training
  • Open Source
    • First Contributions
  • C Programming Language
    • c-faq
  • Rust Programming Language - Official site
    • Rust Documentation(한글) and another documentation index
      • Learn Rust
        • Book
          • 1판 한글 번역
          • 2판 한글 번역(GitHub)
        • Rust by Example(GitHub)
        • Frequently Asked Questions(한글)
        • rust-learning
      • Use Rust
        • Rust Cookbook
        • The Standard Library
        • The Rustc Book
        • The Cargo Book
        • The Rustdoc Book
        • Rust Compiler Error Index
      • Master Rust
        • The Reference
        • The Rustonomicon
        • The Unstable Book
    • Development environment
      • Rust development using VS Code on OS X, debugging included.: (VS Code + Rusty Code + Native Debug) + (Rust + Racer + GDB)
      • Visual Studio Code를 이용한 Rust 개발환경 꾸며보기 - Rinthel's note: (VS Code + Rusty Code(rls) + Native Debug) + (Rust + GDB)
      • Debugging Rust programs with lldb on MacOS: Rust + LLDB
  • Web
    • Web | Google Developers
    • The Front-End Checklist - GitHub(번역)
    • How Browsers Work: Behind the scenes of modern web browsers(번역)
    • HTTP Documentation
    • NAVER D2
      • 2018년과 이후 JavaScript의 동향 - JavaScript(ECMAScript)
      • 2018년과 이후 JavaScript의 동향 - 라이브러리와 프레임워크
      • 2018년과 이후 JavaScript의 동향 - 브라우저 밖의 JavaScript
    • Crash-only software - Wikipedia
    • The Node.js Way - Understanding Error-First Callbacks
    • Web security
      • Web security exploits - Wikipedia
      • Category:Attack - OWASP
      • Security Cheat Sheet - OWASP
      • Fork bomb - Wikipedia
      • Path Traversal - OWASP
      • SQL Injection
        • Testing for NoSQL Injection - OWASP
      • Regular Expression
        • Regular expression Denial of Service - ReDoS
        • Regular Expression Library
• Projects & Packages
  • Serialization
    • Protocol Buffers(GitHub)
  • Node.js
    • Awesome Node.js
    • Rust
      • The Neon Project(GitHub)
    • TypeScript
      • ts-node
    • Editor
      • Monaco Editor - GitHub
    • Project configuration
      • rc
      • nconf
      • config
      • Browserslist
    • Web frameworks
      • Node.js frameworks
    • Web security
      • Retire.js
      • express-rate-limit
      • express-brute
      • bcrypt
      • helmet
      • escape-html
      • node-esapi
      • Regular Expression
        • safe-regex
        • node-re2
        • RE2
        • ip-regex
      • JSON
        • JSONStream
        • Big-Friendly JSON
    • Authentication / Authorization
      • passport
      • express-jwt
    • Database
      • SQL query builder
        • Knex
      • ORM
        • TypeORM
        • sequelize
        • Objection.js
        • waterline
      • ODM
        • mongoose
    • Promise
      • async
      • bluebird
    • Restarter
      • forever
      • pm2
    • Logger
      • winston
      • log4j
      • pino
    • Validators
    • Code Style
      • ESLint
      • prettier
      • js-beautify
    • Code Coverage
      • Istanbul
  • Rust
    • Awesome Rust
    • Rust OS Projects
    • Mobile
      • Rust on Android
      • Rust on iOS
    • Web
      • Are we web yet? - Rust
      • The Neon Project(GitHub): Rust + Node.js
      • The Rusty Web(Experimental: WebAssembly and asm.js)
  • Lua
    • LuaRocks
• Tools & Services
  • Terminal
    • Tmux
      • .tmux (Oh My Tmux)
  • Unix Shell
    • Zsh
      • Oh My Zsh - GitHub
  • Declarative provisioning
    • Chef
    • Puppet
  • Light-weight virtual environment
    • Docker
    • Vagrant
    • Kubernetes
  • Database
    • Online SQL interpreter
    • SQL Fiddle
    • MongoDB
      • Top 10 MongoDB Hosting You Can Try for Free (or Cheap)
      • Atlas
      • mLab
      • Mongo Clusters
  • Cloud computing
    • AWS: Amazone Web Services
    • GCP: Google Cloud Platform Console
    • Microsoft Azure
    • Heroku
    • Cloud Foundary
    • PWS: Pivotal Web Services
    • Digital Ocean
    • Envoy Proxy
  • Distributed computing
    • Apache ZooKeeper
  • CDN
    • UNPKG
  • Load Balancer & Reverse Proxy
    • Nginx
    • HAProxy
  • Documentation
    • Online Editor
      • StackEdit
      • CodeSandbox
      • StackBlitz
    • Inforgraphics
      • Inforgram
    • API
      • Swagger
  • Testing
    • Postman
    • Selenium
    • ngrok
  • Validation & Lint
    • Markup Validation Service - W3C
    • ESLint
    • CSS Lint
  • Benchmark
    • PageSpeed Insights
  • Code Coverage
    • Codecov
  • CI
    • Jenkins
    • Circle CI
    • Travis CI
  • Web security
    • git-secrets
    • npm audit
    • snyk
    • OWASP Dependency Check
    • Greenkeeper
  • Static analysis
    • Awesome Static Analysis
    • SonarQube
    • Code Climate
  • Monitoring
    • AWS CloudWatch
    • Google Stackdriver
    • Elastic stack
    • Error
      • Sentry
      • Rollbar
      • Raygun
  • Application Performance Management(APM)
    • Website or API monitoring
      • Pingdom
      • Uptime Robot
      • New Relic
    • Code instrumentation
      • New Relic
      • App Danymics
    • Operational intelligence dashboard
      • Datadog
      • Splunk
      • Zabbix