android/ios/flutter/angular/java web 5種技術撰寫的7個demo工程，有點用，可以看看，github地址，

android_demo

1.專案簡介

《第一行代碼》第二版書中示例demo，時間過去比較久，有一些API變動，自己動手寫了一遍，

2.環境簡介

語言：java 1.8

依賴庫：詳見android_demo/app/build.gradle下的dependencies

3.專案截圖

4.開發流程與代碼邏輯簡述

• 打開Android Studio配置安卓開發環境
• MainActivity為入口檔案，修改其中的跳轉頁面，體驗不同的demo

5.技術準備

• java基礎語法
• 《第一行代碼》書籍第二版
• 安卓開發官網

6.總結

因為在學習之前有java基礎，直接閱讀此書沒有遇到什么困難，一些API的變化搜索引擎就解決了，作為一名Flutter工程師，識訓了一些安卓系統特有的知識，如服務，內容提提供器，廣播，通知，請求權限，除錯安卓程式，打包構建等等，FLutter作為依附于native系統的技術，熟悉native系統的特性還是很有比較必要的，雖然大部分知識FLutter作業中用不到，但感覺識訓還是蠻大的，在今年的學習計劃結束后，后續可能把native系統的學習作為首要目標，

android_web

1.專案簡介

自己寫的一個登錄demo，呼叫了真實的介面，主要就是想模擬一下真實的android開發流程，

2.環境簡介

語言：java 1.8

依賴庫：詳見android_demo/app/build.gradle下的dependencies

3.專案截圖

4.開發流程與代碼邏輯簡述

• 打開Android Studio配置安卓開發環境
• 撰寫xml布局檔案
• 在Activity中獲取頁面控制元件，給按鈕添加監聽事件
• 將輸入框中的元素通過網路請求發送給服務器，拿到回傳結果后將json序列化為Java物件，

5.技術準備

• java基礎語法

• Android布局技術

• okhttp

• GSON

  Gson gson = new Gson();
  JsonBean data = https://www.cnblogs.com/jackbwublog/archive/2021/10/14/gson.fromJson(responseData, JsonBean.class);
  

6.總結

一個簡單的小APP，包含了移動開發中必備的環節，網路請求，獲取頁面元素，json序列化，官網檔案+搜索引擎+一點經驗解決作業中百分之九十五的問題，，

angular_demo

1.專案簡介

使用Angular框架和TypeScript撰寫的前端專案，主要包含一些web開發中常用組件的展示，

2.環境簡介

語言：TypeScript

框架版本：Angular CLI:11.2.6

包管理工具：Node:14.16.0

3.專案截圖

4.開發流程與代碼邏輯簡述

• 搭建開發環境
• 創建工程，安裝組件庫NG-ZORRO和ng-bootstrap
• 在專案中引入所需要的具體組件
• 在html檔案中繪制布局，在ts檔案中撰寫邏輯

5.技術準備

• TS語法
• Angular基礎知識
• 組件庫檔案NG-ZORRO和ng-bootstrap

6.總結

很簡單的開源專案，當時寫這個主要是為了熟悉一下angular組件，作為github上自己唯一的前端專案，我感覺很沒水平，連最起碼流程頁面都沒有一個，不過自己本身前端水平也不高，也不打算長期在這方面發展，計劃之內還有其他的事情，只能接受這種不完美了，

在職業生涯的初期，自己一直在寫Angular，從Angular.js到Angular7,8,11，由于對前端沒有一點的興趣，唉，作業之外的時間都去學java寫后臺了，一直也沒有深入了解angular，就是CRUD，但是這種作業和私下學習分開的學習方式對我來說效果很不好，導致JAVA服務器端開發和前端開發都沒有深入，其實自己現在也面臨著這樣的問題，作業兩年，java web，angualr，flutter，android，iOS，除卻FLutter有一些積累外，其他的技術都是勉強應付作業，環境和個人認知導致的吧，自己這只有廣度沒有深度的技術堆疊，從資本主義的角度來看，專精一門的工人生產力更高，也就是所謂的大廠螺絲釘，提高自己的生產力，就是讓自己更值錢，接下來的一年也會朝著專精一門的方向發展，除卻計算機基礎知識的學習外，在flutter和android上提高自己的技術深度，爭取在作業三年之際給自己一個滿意的答案，

雖然自己一直苦于沒有技術深度，但是這種技術廣度也讓自己對整個產品的開發流程更加了解，其實很多技術知識都是可以復用的，像本篇文章中介紹的框架Angular的回應式編程，在FLutter中也同樣適用；還有端開發的統一流程，發送請求，獲取資料，更新UI；就是后端和前端的某些知識也是可以通用的，在寫后臺的程序中學習SQL知識，在端開發的本地存盤上一樣適用；面向物件還能在腳本開發中發揮作用，還有程式架構mvc，mvp，mvvm之類，很多很多吧，

得益于這兩年來的自學，不夸張的說，讓自己培養出了較強的學習能力，學習能力其實是很抽象的，首先有學習的熱情，同樣學習熱情的兩個人，在學習程序中的速度和效果，就可以理解為學習能力，這兩年間自己的大腦里已經有了一張圖譜，在面對新知識的時候，會敏銳的發現哪些知識和之前學的知識類似，并將他們關聯起來，哪些是需要重點學習的新概念，哪些是不太重要的知識，大腦其實是很懶惰的，碰到理解不了的東西他就會分散你的注意力，讓你去做一些不需要動腦的事情，我把這些事情稱之為精神垃圾，學習分兩種，向之前提過的將知識與原來學習過的東西聯系起來不算真正意義上的學習，叫復習，只有哪些你理解不了的概念，大腦不想讓你繼續學下去的知識，才是有效的學習，面對這樣的情況，就是用意志力和大腦對抗，我就是要弄懂，一遍不懂就重復看，看懂為止，意志力又是一個新概念了，我覺得很多偉大的文學作品都增強了我的意志力，讓我勇于面對生活，活著就挺難了，

沒有檔案的開源專案相當于沒有靈魂，自己專門騰出一些時間，給這些專案賦予靈魂，為測驗不同的專案配置了很多環境，好處就是自己的開源專案寫的沒那么多，作業量尚可，自己的記憶也還不錯，專案的一些流程和細節都還能想的起來，還沒有靈魂的專案不多了，爭取這周搞完，以后寫專案寫完之后一定要寫一份檔案，這種堆積起來一次補齊的方式太累了，這兩年總是在迷茫和換作業中度過，很多自己想做的事情都被準備面試耽誤了，這份作業無論如何也要做一年多，把自己想做的東西，想學的知識有條不紊的完成，也算對得起自己，

flutter_demo

1.專案簡介

flutter APP，

專案分五個檔案夾:

• 影片組件
• 作業中用到或是一些其他有趣的組件
• 布局相關的組件
• 學習FLutter撰寫的練習或是測驗代碼
• 工具類，后面會單獨寫成一個專案

2.環境簡介

語言：Dart

fLutter版本：Channel master, 2.3.0-17.0.pre.414

3.專案截圖

4.開發流程與代碼邏輯簡述

• 組件比較多就不一一介紹了

5.技術準備

• Dart基礎
• FLutter API

6.總結

這個專案維護是比較多的，首頁上展示的只有影片和一些有趣的組件，可以下載體驗一下，看看有沒有感興趣的功能，這個專案有單獨的地址，目前這個demo工程只是一些測驗代碼，

IOS_Demo

1.專案簡介

學習ios寫的小demo，比較零碎，看到感興趣的知識點就自己動手試一下，沒有什么下載價值，

2.環境簡介

語言：Swift 5.4

UI框架：UIKit

3.專案截圖

4.開發流程與代碼邏輯簡述

• 更多的使用了storyboard拖拽控制元件的開發方式，簡單體驗了一下，

5.技術準備

• Swift基礎語法

• UIKit使用

6.總結

找的不少教程都不寫純代碼，都是storyboard拖拽控制元件結合代碼，不太喜歡這種方式.

寫在末尾

由于更換了電腦，兩個java相關的工程需要重新搭建環境補齊檔案，暫時不打算更新了，感興趣的網上隨便搜幾篇技術文章就能搭，

后續如果自己想寫點后臺的話，就順手把這兩個readme補齊，

標籤：其他

上一篇：開源專案——使用FLutter開發錄音APP

下一篇：HDC 2021 | HMS Core 6.0：連接與通信論壇，為App打造全場景連接體驗