王聖凱 (ShengKai Wang)

我有超過 8 年的程式撰寫經驗、有敏捷開發經驗,有自學能力、有團隊溝通與專案管理能力、也有成功帶新人成長的經驗。希望以網頁前端工程師為主要方向,希望待在台南或高雄工作。

Web front-end developer.Tainan.TW

dwatow.github.io | darkblack02.blogspot.tw
[email protected]

Profile 04 00@2x eb0e2fdb6b9448002be791a92293d0e3ae2d393bce3bb23c2ba1a0e8661253ed

Pull-request of Github 


docpress-core

use array formating of config for markdown-it plugin #204

Add a new formating config 

https://github.com/docpress/docpress-core/pull/204


hexo

sel code block line number #2612

Add syntax of code block of hackmd to hexo 

https://github.com/hexojs/hexo/pull/2612


hexo-filter-viz

merge v2.1.2 of viz.js #1

Rebuild plugin of markdown-it of hexo for new version

https://github.com/yao-zou/hexo-filter-viz/pull/1


Jest

add Jest work with AngularJS tutorial #8828

Add a blog's posts to jest doc

https://github.com/facebook/jest/pull/8828

v25.1.0+
https://jestjs.io/docs/en/testing-frameworks#angularjs


Happy-CSSer

2017 12 24 chris #108

A christmas tree in css3 within 3D

https://github.com/Happy-CSSer/Happy-CSSer/pull/108
demo: https://codepen.io/dwatow/pen/WdojzG?editors=1100


node-s3-public-url

add rule %25 -> % with test #2

Add a special case 

https://github.com/indrasantosa/node-s3-public-url/pull/2

My Talks

g0v summit 2020: 自我探索的資訊教育 - 2020 年 12 月 04 日

https://g0v.github.io/summit2020/agenda/2020-12-04

Sharing about How to output better developer by web camp in Goodideas studio

分享從三個方向討論如何提高產出「好的工程師」

  1. 進化招募新學員
  2. 引入 code review
  3. 辨別知識的正確性的方法

MOPCON 2020: 完美 Camp 進化論 - 2020 年 10 月 25 日

https://mopcon.org/2020

Sharing about training life of web camp in Goodideas studio

分享從三個方向討論如何提高產出「好的工程師」

  1. 招募新學員
  2. code review
  3. 辨別知識的正確性

The F2E 2th 精神時光屋 第四關 - 線上支付
Live broadcast,2019 年 8 月 1 日、 8 月 5 日

https://challenge.thef2e.com/news/15?fbclid=IwAR3D31nBpCTHQ6211HXkh46FFLrZ5Gf7M8gYutO9US6W1x-sfwjdMO-uTGk

Live broadcast

Sharing vue-cli from scratch, Planning vue components, grid system of vue components

【大神來六角】六月直播主題:檔案傳輸第二週
Sharing HTML5 File API Spec,2019 年 6 月 14 日

https://www.hexschool.com/2019/05/22/2019-05-22-god-and-hexschool/

sharing detail of File API

  • What is data type of FileList, File, Blob, DataURL.
  • How to transform each other, and sort out a map.
  • Live coding for How to use multipart/form-data in HTML or JavaScript.

HPX Talk 24:如果我們要擁有一個 chatbot,2018 年 1 月 24 日

https://hpx.tw/archives/24251

sharing about Messager chatbot

  • How to define spec for chatbot.
  • What kind of developer for chatbot.
  • What kind of documents for the development of chatbots need?

自由曲面建構的數學與曲線實作,2014 年 3 月 15 日

https://www.meetup.com/Tainan-py-Python-Tainan-User-Group/events/165384202/

sharing about NURBUS, BSpline and De Boor's algorithm.

  • Bézier curve and De Casteljau's algorithm
  • BSpline and De Boor's algorithm
  • print curve at dialog in c sharp 

Work experience

Good Ideas Studio,2017 / 2 - Now
Front-end developer, Project Manager

Mentor of web training camp
  • Assist 15+ front-end students
  • Share 15+ Talks
    tag: flexbox: 1, CSS: 4, Sass: 1, Git: 1, Pull-requetst: 1, Vue: 2, Python: 1, coding style: 1, Aglio: 1, Github page: 1, Parallax: 1, JS: 4, jQuery: 1, Hexo: 3, PM: 2
Project
  1. Hausenn Camp website https://hausenncamp.tw
    Front-end developer
    HTML + CSS + JavaScript
    pure CSS RWD Parallax, Parallax Moving transition, 5 kinds of visual effects
    jQuery, Masonry, Grid of Bootstrap
  2. Street Observer website http://streetobserver.org
    Front-end developer
    HTML, CSS, RWD
    Carousel, Grid of Bootstrap
  3. Messager Chatbot
    Project Manager
    Sequence Diagram, Wireframe,
    35 API with API blueprint + aglio (API Doc)
  4. Messager Chatbot
    Side project
    Facebook Messager application, JSON, node.js
    send all kind of template of Messager
  5. 第 9 屆 IT 邦幫忙鐵人賽 (2018 IT Help Iron Man 30 posts)
    Awards: 不分組佳作(Cross group excellent work) https://ithelp.ithome.com.tw/announces/21
    Group: Modarn Web
    Article: 前端新手村 (Novice F2E) 
    https://ithelp.ithome.com.tw/articles/10196272

  6. 2017 Fishackthone
    Front-end developer
    Promise, Ajax, jQuery, JSON
    pure CSS web layout, Grid of Bootstrap
    RWD, Single Page Application
  7. Dreamgems dashboard
    Front-end developer
    Vue.js, vuex, vur-router, iview, axios
  8. 第 10 屆 IT 邦幫忙鐵人賽 (2019 IT Help Iron Man 30 posts)
    Group: Software Development
    Article: 可不可以不要寫糙 code (Pleases don't make spaghetti code) 
    https://ithelp.ithome.com.tw/users/20107637/ironman/1927

  9. AngularJS legacy code migrate
    AngularJS 1.3 -> AngularJS 1.7 + ES6
    Bower -> npm
    Gulp -> Webpack4 + Babel 7

Technical teaching
  1. Tutor
    One on one
    5 Students, C++ Basic syntax expression, STL collections, Object-oriented, Design Pattern
  2. Industry lecturer
    Class room
    Chang Jung Christian University 2018 Red Eye, 7 students, Git&Github, HTML&CSS Base Layout
  3. Industry lecturer
    Class room
    Kun Shan University 2018 react & vue class, vue2 & component, vuex, vue-router

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

Kingroup System Inc.,2014 / 4 - 2017 / 2
Back-end developer, Project Manager, Scrum master

  1. Back-end developer for core service of the MES
    Back-end engineer
    Reduce the average compilation time by 25%, refactoring 363 API in every fix bug or add feature.
    Saves back-end Engineer 60+% of development time, create a MVC architecture by refactoring.
    Reduce the probability of 85+% bugs to release edition
    Design and implemented full CI unit test suit from scratch with CppUnit.
    • add 500+ unit testing.
    • over 72% line coverage.
    • stub object for company library, mock object for ORM object.
  2. Import MES system for a customer in Taipei
    Project Manager
    First success case, import MES system for a customer of KGS.
    Mapping 7 table schema of database between MES and ERP.
    Provide 5+ new feature for MES system package.
  3. Import Agile methods
    Import Jenkins as Continuous Integration of DevOps tool.
    Import Agile method as Scrum, as Scrum master.
    Saves developers 85+% of unrelated development time.
  4. Others
    Import Git as Version Control System, and git flow for branch management method. Import Wiki for Knowledge management.
    Import Bug Tracker for Issues management.
    Import Jenkins as Continuous Integration of DevOps tool.

Experiences 00 01@2x 6daa47d1df70d315f129dcecdd562003831581c4cdd8f9c819aa22d4a24ae150

Chilin Opto Inc.,2010 / 09 - 2014 / 4
Research and Development Electronic Engineer

  1. Color Eye
    CA-210 (is a PC Software for Color Analyzer with CA-SDK)
    Measure application for CA-210
    Reduce operator by 50% in OQC
    Reduce measure time 20% in PD departments
    windows base, MFC, CA-SDK, OLE for Excel, UI design、OOA
  2. Doraemon(Legacy code)
    Screentone layout CAD for Light Guide Plate
    LGP Design tool for PD department
    Export mathematics algorithm from source code
    using NURBUS, BSpline and Algorithm: De Boor's algorithm
    windows base, windows form in VC++, Design Pattern、multi-thread
  3. HTOL data sortout tool
    Screentones layout CAD for Light Guide Plate
    Reduce the average time to classify data from 3 days to 1 minute.
    user: RA department
    windows base, MFC, OLE for Excel

Experiences 00 02@2x d08cb731546334ac3e784c5845e368719bba256a127be86e720a634d798b8bb9

National Cheng Kung University

2011/09 - 2012/06  Auditor

Department of Industrial Design, Basic Design 1, Basic Design 2


National Kaohsiung First University of Science and Technology

2008/09 - 2010/06 Master of Science (M.S.) Degree

Department of Electronic Engineering

Expertise: Digital IC design


I-Shou University

2002/09 - 2006/06  Bachelor of Science (B.S.) Degree

Department of Electronic Engineering

Powered by CakeResumePowered by CakeResume