# hackMD_public-notes

:::info
Overview:

https://hackmd.io/@barrystone
:::

## Software Engineering

- [1. 軟體程序](https://hackmd.io/@barrystone/software-engineering_1-軟體程序)
- [2. 敏捷式開發](https://hackmd.io/@barrystone/software-engineering_2-敏捷式開發)
- [3. 需求工程](https://hackmd.io/@barrystone/software-engineering_3-需求工程)
- [4. 系統塑模](https://hackmd.io/@barrystone/software-engineering_4-系統塑模)
- [5. 架構設計](https://hackmd.io/@barrystone/software-engineering_5-架構設計)
- [6. 設計與實作](https://hackmd.io/@barrystone/software-engineering_6-設計與實作)
- [7. 軟體測試](https://hackmd.io/@barrystone/software-engineering_7-軟體測試)
- [8. 軟體演進](https://hackmd.io/@barrystone/software-engineering_8-軟體演進)
- [9. 專案管理](https://hackmd.io/@barrystone/software-engineering_9-專案管理)
- [10. 專案規劃](https://hackmd.io/@barrystone/software-engineering_10-專案規劃)
- [11. 組態管理](https://hackmd.io/@barrystone/software-engineering_11-組態管理)
- [12. 品質管理](https://hackmd.io/@barrystone/software-engineering_12-品質管理)
- [13.分散式軟體工程](https://hackmd.io/@barrystone/software-engineering_13-分散式軟體工程)

## Redux

- [redux-toolkit update state in slice](https://hackmd.io/@barrystone/redux_redux-toolkit-update-state-in-slice)
- [redux-thunk](https://hackmd.io/@barrystone/redux_redux-thunk)
- [Redux API middleware B-S-F](https://hackmd.io/@barrystone/redux_redux-api-middleware-b-s-f)
- [Nextjs with Redux](https://hackmd.io/@barrystone/redux_nextjs-with-redux)

## CSS

- [Basic CSS setup](https://hackmd.io/@barrystone/css_basic-css-setup)
- [Media query basic breakpoint](https://hackmd.io/@barrystone/css_media-query-basic-breakpoint)
- [SCSS Rules and Tricks](https://hackmd.io/@barrystone/css_scss-rules-and-tricks)

## Others

- [VS code Snippets](https://hackmd.io/@barrystone/others_vs-code-snippets)
- [Logrocket](https://hackmd.io/@barrystone/others_logrocket)
- [Cloudinary image upload](https://hackmd.io/@barrystone/others_cloudinary-image-upload)
- [Bit component](https://hackmd.io/@barrystone/others_bit-component)
- [Imgur markdown size](https://hackmd.io/@barrystone/others_imgur-markdown-size)

## Web Dev

- [Set environment variable reactjs and nextjs](https://hackmd.io/@barrystone/web-dev_set-environment-variable-reactjs-and-nextjs)
- [Set up concurrently for ReactJS and backend](https://hackmd.io/@barrystone/web-dev_set-up-concurrently-or-eactjs-and-backend)
- [PWA index.html icon](https://hackmd.io/@barrystone/web-dev_pwa-indexhtml-icon)

## App Hosting

- [Hosting option](https://hackmd.io/@barrystone/app-hosting_hosting-option)
- [Deploy on heroku](https://hackmd.io/@barrystone/app-hosting_deploy-on-heroku)
- [React App deploy on github-pages](https://hackmd.io/@barrystone/app-hosting_react-app-deploy-on-github-pages)
- [Nextjs deploy on github-pages](https://hackmd.io/@barrystone/app-hosting_nextjs-deploy-on-github-pages)

## Vuejs

- [Vuex](https://hackmd.io/@barrystone/vue_vuex)
- [Vuex tempalte](https://hackmd.io/@barrystone/vue_vuex-template)
- [vue-router](https://hackmd.io/@barrystone/vue_vue-router)
- [Vue env variable and github-page deploy](https://hackmd.io/@barrystone/vue_vue-env-variable-and-github-page-deploy)
- [Vue lifecicle](https://hackmd.io/@barrystone/vue_vue-lifecicle)

## Backend

- [Docker comand line](https://hackmd.io/@barrystone/backend_docker-comand-line)
- [npm npx cmd](https://hackmd.io/@barrystone/backend_npm-npx-cmd)
- [yarn](https://hackmd.io/@barrystone/backend_yarn)
- [Set import in ES module](https://hackmd.io/@barrystone/backend_set-import-in-es-module)

## Graphql

- [Graphql Introduction](https://hackmd.io/@barrystone/graphql_graphql-introduction)
- [Graphal pakages](https://hackmd.io/@barrystone/graphql_graphql-pakages)
- [Graphql with Prisma schema](https://hackmd.io/@barrystone/graphql_graphql-with-prisma-schema)

## Security

- [ModSecurity](https://hackmd.io/@barrystone/security_modsecurity)
- [Pingtung Hacker note](https://hackmd.io/@barrystone/security_pingtung-hacker-note)
- [hash digest](https://hackmd.io/@barrystone/security_hash-digest)