编程
📝移动端开发笔记
00 分钟
2023-5-3
2023-9-12
type
status
date
slug
summary
tags
category
icon
password

技术篇

工欲善其事，必先利其器。入坑独立开发后，发现要学习的内容非常繁杂，这个学习路线图我会逐步的更新和迭代。

iOS原生开发

Swift教程：官网教程就是最好的学习资料。
Documentation
Documentation
https://docs.swift.org/swift-book/documentation/the-swift-programming-language/guidedtour/
Swift Playground：不得不说Apple的设计和文档写得非常友好，还专门给Swift做了一个学习App。推荐！Swift Playground目前已经具备完整开发并上传App的能力了，也就是只靠iPAD也可以完成一款App开发了。
‎Swift Playgrounds
‎Swift Playgrounds makes it fun to learn to code and build real apps. You solve interactive puzzles in the guided “Get Started with Code” and learn the basics of building apps in “Get Started with Apps.” You experiment with a wide range of challenges and samples that let you explore unique coding exp…
‎Swift Playgrounds
https://apps.apple.com/app/id908519492
‎Swift Playgrounds
iOS App Dev Tutorials: 跟着这个教程学习开发一个App，能够快速帮助你熟悉iOS App开发的实操。如果没有Macbook或者Mac的使用iPAD下载Swift Playground里面新建一个App也基本能够学习这个教程。不过使用体验上还是直接用Xcode会更加方便。
Develop apps for iOS | Apple Developer Documentation
Learn the basics of Xcode, SwiftUI, and UIKit to create compelling iOS apps.
Develop apps for iOS | Apple Developer Documentation
https://developer.apple.com/tutorials/app-dev-training
Develop apps for iOS | Apple Developer Documentation
SwiftUI Concepts Tutorials：快速介绍SwiftUI的主要概念和思路。
Exploring the structure of a SwiftUI app | Apple Developer Documentation
Walk through code that explores the structure of a SwiftUI app.
Exploring the structure of a SwiftUI app | Apple Developer Documentation
https://developer.apple.com/tutorials/swiftui-concepts/exploring-the-structure-of-a-swiftui-app
Exploring the structure of a SwiftUI app | Apple Developer Documentation
SwiftUI Tutorials：加深对SwiftUI对理解，跟着多写点代码总是好的。
Introducing SwiftUI | Apple Developer Documentation
SwiftUI is a modern way to declare user interfaces for any Apple platform. Create beautiful, dynamic apps faster than ever before.
Introducing SwiftUI | Apple Developer Documentation
https://developer.apple.com/tutorials/swiftui
Introducing SwiftUI | Apple Developer Documentation
SwiftUI Sample App Tutorials：不同的SwiftUI的例子，了解各种不同的UI实现。
Exploring SwiftUI Sample Apps | Apple Developer Documentation
Explore these SwiftUI samples using Swift Playgrounds on iPad or in Xcode to learn about defining user interfaces, responding to user interactions, and managing data flow.
Exploring SwiftUI Sample Apps | Apple Developer Documentation
https://developer.apple.com/tutorials/sample-apps/
Exploring SwiftUI Sample Apps | Apple Developer Documentation
SwiftUI官方文档
SwiftUI | Apple Developer Documentation
Declare the user interface and behavior for your app on every platform.
SwiftUI | Apple Developer Documentation
https://developer.apple.com/documentation/swiftui
SwiftUI | Apple Developer Documentation
Technologies Document：Apple开发相关框架的文档
Technologies | Apple Developer Documentation
There's never been a better time to develop for Apple platforms.
Technologies | Apple Developer Documentation
https://developer.apple.com/documentation/technologies
Technologies | Apple Developer Documentation
《SwiftUI Apprentice》
《iOS Apprentice》
《UIKit Apprentice》

跨平台应用开发框架Flutter

Dart语言示例：Flutter是基于Dart的，所以首先还是要了解下Dart的基本语法和特点。尤其是之前没有Java或Javascript经验的同学需要重点先学习下。下面是Dart最基本的一些语言示例。
Dart 编程语言概览
展示常见的 Dart 语言的用法。
Dart 编程语言概览
https://dart.cn/samples
Dart 编程语言概览
Dart语言特性概览：Dart的语言概率，更加详细的介绍Dart的语法特性。建议重点认真学习
Dart 开发语言概览
Dart 开发语言的主要特性概览。
Dart 开发语言概览
https://dart.cn/guides/language/language-tour
Dart 开发语言概览
Flutter实战：熟悉了Dart语法后，我们直接来进行实战
第二版序 | 《Flutter实战·第二版》
第二版序 | 《Flutter实战·第二版》
https://book.flutterchina.club/#第二版变化
P.S.
Flutter在Windows上的安装有2个坑要注意
  1. 系统语言如果不是英语flutter doctor会报错显示无法确认系统版本是否符合要求
  1. flutter本身要安装在c盘，并且不能是Program Files中，否则新建项目时会提示无法打开模板文件
使用Android Studio运行虚拟设备Debug由于使用了Gradle，需要科学上网。

后端

产品篇

Idea

  1. 答案之书
  1. 宝宝成长记录（The Wonder Weeks/牙齿记录等）
  1. 易经占卜
  1. 力量训练计算器
  1. AIGC儿童绘本
  1. 个人收藏
  1. 自动改写牛逼简历
  1. 元宇宙相亲
  1. 去中心化的内容创作平台
  1. 缓解焦虑
  1. 小测试
  1. 了解自我
  1. AIGC互动小说
  1. 拜佛/烧香/木鱼
  1. 反PUA词典
  1. 消解负面情绪
  1. 吐槽/树洞/解忧娃娃App
  1. 心情打卡
  1. 发现日常生活之美
  1. 正能量/鸡汤/毒鸡汤语录
  1. 拍照/上传照片AI写一句正能量的话
  1. 自省提示器
  1. 摸鱼
  1. AI文案助手
  1. AI解梦
  1. 宠物日记

App开发

  1. 准备读一本书《一个App的诞生2.0》

开发流程

  1. 描述应用的主要使用场景
  1. 设计应用主要页面的UI和交互
  1. 开发：使用MVC设计模式
    1. 明确要开发的Models
    2. 明确Views的结构并分别开发
    3. 开发Views之间的交互
  1. 实现Views间的数据交互
  1. 完善其他功能

原型

Figma：作为设计和产品小白，综合一下选择了Figma这个在线的原型设计工具，相对简单易用。
Figma: the collaborative interface design tool.
Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.
Figma: the collaborative interface design tool.
https://www.figma.com/
Figma: the collaborative interface design tool.

UI设计

  1. Human Interface Guidelines：Apple官方的设计指南
developer.apple.com
https://developer.apple.com/design/human-interface-guidelines
  1. 《认知与设计——理解UI设计准则》：读了2章，写得图文并茂，通俗易懂，干货满满。看完至少不能保证你能产出好的设计，但可以避开很多坏的设计。
  1. Midjourney教程：AIGC技术的成熟大幅提升了设计的效率。作为独立开发者，时间就是金钱，效率就是生命，自然也不能落伍。
🧭 Midjourney 学习导航 | Learning Prompt
本教程部分图片并没有保存在 GitHub 上，而是保存在 Craft 上，所以如果你没法看到教程里的图片，请检查一下你的网络环境。
🧭 Midjourney 学习导航 | Learning Prompt
https://learningprompt.wiki/docs/midjourney-learning-path
  1. Canva：之前苦于UI设计无从下手，强烈推荐使用Canva，帮助我大幅提升Demo开发中设计的效率。
  1. 《写给大家看的设计书（第4版）》

运营篇

上架
上一篇
提升幸福感，先会做减法
下一篇
Google UAC广告简介
评论