• AWS Certified Solutions Architect - Associate Level (Apr 2017 – Apr 2019 License AWS-ASA-35173)
  
• TOEIC - 710 (May 2014)

Frontend

• React / Redux stacks
• Immutable.js / reselect (selector)
• Force the redux store immutable
• Filter the props from redux store
  
• Memoization (cache) the select function result
  
• Reduce unnecessary re-rendering
• Fetch API / Redux Sagas
• Use Fetch API instead of traditional XHR API or other library, because it's natived and the syntax is more compatible with Generator or Async Await syntax .
  
• Use Generator to control async function instead of Promise API to prevent callback hell
• Use Put and Take API to integrate those side-effect flow into redux lifecycle
• Pure Component
• Reduce any unnecessary component re-rendering
• Server Side Render (SSR)
• Reduce the first loading time
• Prefetch data by server, reduce the HTTP request in client device.
• Integrate Server side router and React router to replace hash URL.
• CSS
  
• PostCSS / CSS Modules
• Use postcss for more fine grained control of CSS relative plugins or preprocessors.
• Use new CSS features before browser natively support it. (e.g. NextCSS, Sass, Less)
• Use CSS Modules to force each CSS rule only available in each corresponding react components, prevent conflict and !important
• Autoprefixer auto add the prefix for different browser such as -moz, -webkit and -ms
• Flexbox and MediaQuery (RWD)
• Use Flexbox as layout system instead of tables or float.
• Integrate flexbox and media query to design for different resolution devices 
• Webpack
• Development mode
• Hot Module Reload exchange (HMRe)
• Update module's content when edit source files and keep react / redux states
• Production mode
• Code-Splitting
• Separate source code and vendor code ,such as react and redux..., into different JavaScript file.
• browser will cache the vendor js file to reduce fetch time.
• Uglify
• Replace the variable and function name by short characters to minify the bundle size.
• Reduce the readability of production code 
• Compression
• Generate gzip files of web assets
• Serve as static files and gzip in compiler time instead dynamically generate each time when server receive request.
• General setting
• Source map
• Show the debug / error messages with original line number and file name in the source code, instead of the information in production code.
• Use common setting as based config, then merge it with Dev or Prod configs
• Babel 
• Preset-env
• Replace the preset-es201x, for latest features.
• Dynamic scan the source code and fine grained control the installation of polyfill 
• Coding Style
• Eslint / stylelint
• highlight the source code which conflict with coding style of team
• Prettier
• auto formating when saving source code
• editorconfig
• End to End testing
• Puppeteer (Headless Chrome) + Jest (Runner)
• Authentication / Authorziation
• JSON-Web-Token(JWT)
• pass by cookie or bearer header
• InfoGraphic
• D3.js and SVG
• Using D3.js to calculate the scale and using SVG to implement graphic and charts from UI design.
• Websocket
  
• Ability of using websocket to send notification through mqtt protocal
• Web Progressive Application
• Limited knowledge of CacheStorage API for offline application.

Backend

• Node.js
• Web Server Framework 
• Koa.js
• Support yield or async await to control async behavior instead of callback hell from Promise API.
• Express.js 
• Router
• Restful style routing
• Static file serving
• Secure HTTP Header
• Using tools like Helmet to setting secure headers such as CSP, HSTS ... etc
• Live Reload Server
• Auto restart server when edit source code
• tool: nodemon 
• Package Management
• npm / yarn 
• Coding Style Checking
• Node.js
• ESlint
• Prettier
• editor config
• Unit test
• Use jest as tast runner
• Writing mock function when the function have side-effect
• API test
• Use jest to write auto api test
• Use Postman and Curl to manual test
• Golang
• Web Server Framework 
  
• Gin 
  
• Live Restart Server
• air
• Package Management
  
• govendor (golang)
  
• Project specific package manager, instead of using `go get` all the package store in global scope (gopath workspace)
  
• Coding Style Checking
• go fmt
• Integrate AzureAD and fetch user info by Graph API, to implement the auth process of docker registry
• CORS knowledge
• Share credentials cookies cross different domain
• the root domain should be the same such as api.example.com and www.example.com
• setting Access-Control-Allow-Credentials header
• origin should be the root domain, not  *, 
• setting credentials header in request side
• HTTPs / HTTP2
• use LetEncrypt to sign certification
• self-sign certification
• Database
• Database Normalization
• Basic CURD skill
• AAA server
• FreeRADIUS
• Integrate with AD
• Integrate with CAS
• Integrate with local database
• MQTT
• use Mosiqutto and ActiveMQ as broker

DevOps

AWS Cloud Service

• Serverless Service
• S3
• Web / static file host
• API Gateway
• API router
• redirect to lambda function or other service 
• Lambda
• Integrate with API Gateway as API handler function
• CloudFormation
• Writing yaml file to auto provision the AWS infra
• Code Pipeline
• CI / CD service for AWS service
• Source stage: Github / S3 / CodeCommit
• Build stage: Jenkins on EC2 or CodeBuild
• Run unit test / API test / end2end testing
  
• Deploy stage: CloudFormation + ECS
• Router53 (DNS)

Crawling data from Taiwan Stock Exchange, and send notification by email when the condition is true. (2015)

Mandarin

Native

Hokkien

Proficient

English

Intermediate (writing, reading)

Basic (speaking)

Taiwan Hackathon
@Shenzhen, China (Oct 2015)

• Project: Using Mobile Camera and Matlab Algorithm to detect glaucoma probability
• Role: Fullstack developer
• Award: Best Presentation
  

Taiwan Hackathon
@Taipei (Dec 2015)

• Project: Taipei Art and Culture Events Guided Tour App Using AR tech　
• Role: Backend API developer
• Award: Best Presentation