1.PHP
新手起步的語言，掌握了基本的Mysql, Mongodb等curd操作，composer由完全不會到了安裝laravel和PHPWord，框架laravel正逐步學習中
2.Mysql
操作感覺上相比mongodb麻煩許多，各種不允許插入空值搞得頭都大
3.MongoDB
操作直覺，好使好用，結構工整，MongoDB Compass等UI工具讓數據部署更輕鬆多
Mongodb 自动增长 自增id 实现:https://blog.csdn.net/cyuyan112233/article/details/19769291
4.Angular
非常全面的前端開發框架，基於angular展開，學習非常多的新知識，新領域,如TailwindCss,purgeCss,postCss,用於高度自定義開發前端介面，後面再度詳細一點介紹。lodash是強大的函數庫，目前較常用是處理前端的json和Aarry數據，例如用search bar直接過濾數據并返回給客戶。rxjs是功能很強的異步處理js庫。npm生態成熟工具多。
優質Angular Animations教學:https://ultimatecourses.com/blog/angular-animations-how-to-animate-lists
Angular runtime檢查，可以視覺化檢查模組和檔案載入次序，對優化載入具有極大幫助：https://angular.io/guide/deployment#enable-runtime-production-mode
另一個檢查工具(Angular 工具篇之分析包的大小):https://semlinker.com/ng-bundle-analyzer/
漸進地載入Font(還不太懂,往後再慢慢看):https://www.filamentgroup.com/lab/font-events.html
Font Face Observer(漸進地載入Font的npm package,還是不懂) : https://www.npmjs.com/package/fontfaceobserver
向下滑動，延遲載入angular module,效果類似facebook內容漸進式載入:https://stackblitz.com/edit/angular-defer-load?file=app%2Fapp.component.css
作者gitHub:https://github.com/TradeMe/ng-defer-load
優質內容,Lazy load Angular Components,慢慢細看:https://juristr.com/blog/2019/04/state-lazy-loading-components-angular/
Angular Lazy load延遲載入中文內容:https://jonny-huang.github.io/angular/training/11_angular_lazy_loading/
(優質博文)@HostBinding and @HostListener:https://alligator.io/angular/hostbinding-hostlistener/
5.CSS
TailwindCSS 高度自定義，用來起像bootstrap,並且支持responsive
purgeCSS 在build product時，用來濾掉沒用過的css，使生成出來的檔案更輕量
postCSS 在配置TailwindCSS前，必需安裝好,tailwindcss才能嵌套進去
TailwindCSS官網速查:https://www.tailwindcss.cn/docs/container
input模式參考:https://freefrontend.com/css-input-text/
6.rxjs
處理請求的response，方便易用功能多，內容很多尚未深入，後補
7.gzip , brotli
伺服器和瀏覽器支持的壓縮檔格式，用戶下載資源更小，反應的速度更快，提升體驗，Angular專案build prod時可以配置，brotli壓縮效果更佳，但目前尚未解決brotli的配置問題
gzip Angular files after build:https://pupli.net/2019/05/gzip-angular-files-after-build/
Nginx配置brotli:https://kknews.cc/code/jmppp56.html
brotli原理文:https://tools.ietf.org/html/draft-alakuijala-brotli-01
8.Nginx
請求分發的好幫手，synology的反向代理服務器簡直是屎一樣，難用，設定好不人性化，功能極少
Nginx Beautifier:https://nginxbeautifier.com/
9.Docker
輕量級OS容器，學習門檻不低，要對linux的操作熟識，還有不同的版本，apline基本上是廢的，目前主要用ubuntu，另外，Synology自帶的Docker感覺很好用，有UI就是易學，上手手感不錯，在這方面我對Synology絕對是給予五星好評，接下來就差Dockerfile 和yml是下一個要學的目標了
Docker 阮一峰詳盡講解:http://www.ruanyifeng.com/blog/2018/02/docker-tutorial.html
全面易懂的Docker指令大全:https://joshhu.gitbooks.io/dockercommands/content/Containers/ContainersBasic.html
Dockerfile 命令行詳細解說:https://blog.csdn.net/wo18237095579/article/details/80540571
Nginx yml相關:https://segmentfault.com/q/1010000012653460
10.Laravel
PHP開發框架，因為受不了自己寫的東西和檔案文件夾結構，又要面臨類似初時接觸angular的痛苦經歷，剛剛開始入坑，又是一大輪的配置，終於配置上Docker了，並且可以配合開發階段遠端使用，配置詳細看另一篇文章。期待可以幫我解決很多語法混亂的問題。
運行環境配置教學:https://tecadmin.net/install-laravel-framework-on-ubuntu/
Laravel入門資料:https://segmentfault.com/a/1190000010543736
Laravel高級封裝的東西,還沒看:https://laradock.io/
11.PHPWord
使用Composer下載包，未有其他更好的方案，目前用著算方便，配置和測試也是搞得心很累。目前配置上生成的檔案名不能用中文，不然無法下載正確的檔案，ubuntu locale改成中文也是沒有解決，後續就慢慢處理
中文參考資料:http://www.tad0616.net/modules/tad_book3/page.php?tbdsn=813
12.Adobe XD
UI介面設計神器，可以export svg，也是好用方便到不要不要的，自行製作元素也是一流的，快速自行設計UI和element
移動端設計參考01:https://abduzeedo.com/2019-biggest-ui-design-trend
fontawesome(免費icon):https://fontawesome.com/start
13.Git
代碼管理，目前是使用自行配置的gitlab，管理使用angular框架開發的代碼，使用上有點難度的，還有很多功能未試，有時間再來逐樣嘗試
有關Git協同合作開發精細使用情境:https://blog.csdn.net/qq_29245097/article/details/52996911
14.postman
請求測試工具，剛剛入坑
15. Cordova
跨平台開發工具，可以使用angular開發，前期配置也是極為艱難，之後可能另外寫一篇配置文，已成功在android上機測試，更多功能之後再深入，使用該工具，好處是可以在發佈的app中放入google廣告賺取廣告費，也可以放入facebook分成廣告賺錢
Cordova Plugin:https://cordova.apache.org/plugins/?q=native
google廣告開源cordova-plugin:https://ratson.github.io/cordova-plugin-admob-free/class/js/banner.js~Banner.html
facebook廣告分成後台Facebook AudienceNetwork:https://developers.facebook.com/tools/api_versioning/
facebook native ads教學相關01(雖然是ionic,但原理相近,有參考價值):http://technotip.com/5128/facebook-native-ads-ionic-2/
facebook native ads教學相關02(ionic):http://technotip.com/5151/facebook-native-ads-clickable-area-ionic-2/
Cordova Plugin for Facebook AudienceNetwork:https://github.com/floatinghotpot/cordova-plugin-facebookads
Adding AdMob In Ionic 2:http://technotip.com/5113/adding-admob-in-ionic-2/
將Angular 部署至 android手機中文教學:https://dotblogs.com.tw/leo_codespace/2018/08/21/110458
16.PWA
完美兼容angular項目，不用發佈app也可以讓用戶體驗到類似原生APP的體驗，直接發佈到nginx就可以直接使用。壞處是不能放google廣告，facebook則未知
17. VScode
使用體驗十分良好的編輯器，可以自定義介面，多控操作。
vscode更改介面、操作、教學、優化:https://geek-docs.com/vscode/vscode-tutorials/vs-code-multi-cursor.html
19. Node.js
暫時未深入,後續再研究看看
由淺入深的Node教程:https://www.nodebeginner.org/index-zh-tw.html#a-full-blown-web-application-with-nodejs
20.lodash
實用js工具庫
21.Npm
記錄一下正在使用的package
22.Linux
Sed可用於修改文檔內容,可用於dockerfile裏面的run:http://bigpxuan.blogspot.com/2018/07/linux-sed-01.html
Sed的菜島教程:https://www.runoob.com/linux/linux-comm-sed.html
任務排程crontab:https://blog.gtwang.org/linux/linux-crontab-cron-job-tutorial-and-examples/
23.Typescript
Typescript貌似是前端的新趨勢,先記錄,有需要時再翻看
24.Firebase
Google產物，可以讓用戶使用github、google、登入網站，目前先開坑，後深入。
25.Composer
PHP的package管理
unoconv(轉檔工具):http://dag.wiee.rs/home-made/unoconv/
26.HTML
簡單的東西,還是需要複習一下的
27.K8S
全名Kubernetes ，基於Linux容器運維自動化的終極手段，學習難度極高，暫且先記錄，後補上資料
自動化部署
自動建置實戰Jenkins+Github+Docker: http://mis101bird.js.org/cd/
Jenkins+Maven+Git+Tomcat搭建持续集成环境,自动打包部署详细教程:https://blog.csdn.net/ianly123/article/details/82981185
綜合類型資訊
網站前端載入效能相關
Measure: https://web.dev/measure/
Google lighthouse:https://github.com/GoogleChrome/lighthouse/blob/d2ec9ffbb21de9ad1a0f86ed24575eda32c796f0/docs/scoring.md#how-are-the-scores-weighted
總結
我從開始最基本的html，Xampp都不懂到現在前後端和移動端的開發，沒人教，全靠一顆恆心和網上分享的高手，兩千篇文章看不懂硬是要看懂，在群暉上亂搞一通，到操作熟練，一步一腳印，經歷了一年八個月，得來不容易
99
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
