How to Learn Development

本文是近期为学弟学妹们演讲时用 Logseq 整理的大纲,在此记录一下，以备复用。

Intro

https://guzhongren.github.io/about/^[1]

Know yourself

Do you really like computer science??? 灵魂三问，你真的喜欢计算机科学吗？如果不喜欢早点放弃，不然你以后的每一刻都会感到无比的痛苦。

Trend

Trend is the future https://www.devjobsscanner.com/blog/^[2]

夫以铜为镜，可以正衣冠；以史为镜，可以知兴替；以人为镜，可以明得失。 《旧唐书·魏徵传》李世民 只有系统行地了解你所关注的内容的方向，你才能找到下一个发展的 G 点，从而成功。

Roadmap & Best Pratice

Roadmap

• https://roadmap.sh^[3]

Best Practice

• Article

道术法器

• 道：核心思想、理念、本质规律
• 术：行为与技巧
• 法：法律、规章、制度、方法
• 器：工具

Frontend

Basic

• Node^[4]
  • https://nodejs.org/en/^[5]
• Package management
  • npm^[6]
    • https://www.npmjs.com/^[7]
  • yarn^[8]
    • https://yarnpkg.com/^[9]
  • pnpm^[10]
    • https://pnpm.io/^[11]
• IDE
  • VSCode^[12]
    • https://code.visualstudio.com/^[13]
  • JetBrains^[14]
    • https://www.jetbrains.com/^[15]
• Tools
  • Vite^[16]
    • https://vitejs.dev/^[17]
  • Webpack^[18]
    • https://www.webpackjs.com/^[19]
  • …

Language

• JavaScript/TypeScript
• CSS/Less/Sass
• HTML

Framework

• React^[20]
  • https://reactjs.org/^[21]
• Vue^[22]
  • https://vuejs.org/^[23]
• Angular^[24]
  • https://angularjs.org/^[25]
• Svelte^[26]
  • https://svelte.dev/^[27]
• …

Resources

• 幕课网^[28]
• w3school^[29]
• MDN^[30]

Backend

Nodejs

• Express^[31]
  • https://expressjs.com/^[32]
• Koa^[33]
  • https://koajs.com/^[34]

Java/Kotin

• Spring^[35]

GIS

ArcGIS[ESRI]

• Dev docs^[36]
  • https://developers.arcgis.com/documentation/mapping-apis-and-services/^[37]
• ArcGIS Desktop
• ArcGIS Server

Supermap

OpenLayers^[38]

https://openlayers.org/^[39]

QGIS

GeoServer

Leaflet^[40]https://leafletjs.com/^[41]

Cesiumjs^[42]https://cesium.com/platform/cesiumjs/^[43]

Suggestions

Build common capabilities

• Docker^[44]
  • https://www.docker.com/^[45]
• Command line
  • https://github.com/microsoft/terminal^[46]
  • Linux cmd
  • Mac iterm2 / Warp
• Tech stacks
  • CI/CD
    • GitHub Actions^[47]
      • https://docs.github.com/en/actions^[48]
    • Jenkins^[49]
      • https://www.jenkins.io/^[50]
• Soft skills
  • Communication
  • Management
  • Plan
  • Show
  • …

Build your Tech Radar

• https://guzhongren.github.io/about/^[51]

Always summary

• Build your own blog website
• Wechat articles
• …

[[Agile]]

• [[🌰 Template-Way-of-working]]
• Tools
  • Calendar
  • Trello
  • …

Measure & track anything with data

• [[💯 Capability Uplift]]

English

• 四级/六级/PTE

Keep smile

• Stop complaining;
• Don’t complain;
• No complaints.

Key Points

• Quality vs Output
  • GitHub…
• [[成事思维]]

Q&A

参考

• https://guzhongren.github.io/about/: https://guzhongren.github.io/about/
• https://www.devjobsscanner.com/blog/: https://www.devjobsscanner.com/blog/
• https://roadmap.sh: https://roadmap.sh
• Node: https://nodejs.org/en/
• https://nodejs.org/en/: https://nodejs.org/en/
• npm: https://www.npmjs.com/
• https://www.npmjs.com/: https://www.npmjs.com/
• yarn: https://yarnpkg.com/
• https://yarnpkg.com/: https://yarnpkg.com/
• pnpm: https://pnpm.io/
• https://pnpm.io/: https://pnpm.io/
• VSCode: https://code.visualstudio.com/
• https://code.visualstudio.com/: https://code.visualstudio.com/
• JetBrains: https://www.jetbrains.com/
• https://www.jetbrains.com/: https://www.jetbrains.com/
• Vite: https://vitejs.dev/
• https://vitejs.dev/: https://vitejs.dev/
• Webpack: https://www.webpackjs.com/
• https://www.webpackjs.com/: https://www.webpackjs.com/
• React: https://reactjs.org/
• https://reactjs.org/: https://reactjs.org/
• Vue: https://vuejs.org/
• https://vuejs.org/: https://vuejs.org/
• Angular: https://angularjs.org/
• https://angularjs.org/: https://angularjs.org/
• Svelte: https://svelte.dev/
• https://svelte.dev/: https://svelte.dev/
• 幕课网: https://www.imooc.com/
• w3school: https://www.w3school.com.cn/
• MDN: https://developer.mozilla.org/zh-CN/
• Express: https://expressjs.com/
• https://expressjs.com/: https://expressjs.com/
• Koa: https://koajs.com/
• https://koajs.com/: https://koajs.com/
• Spring: https://spring.io/
• Dev docs: https://developers.arcgis.com/documentation/mapping-apis-and-services/
• https://developers.arcgis.com/documentation/mapping-apis-and-services/: https://developers.arcgis.com/documentation/mapping-apis-and-services/
• OpenLayers: https://openlayers.org/
• https://openlayers.org/: https://openlayers.org/
• Leaflet: https://leafletjs.com/
• https://leafletjs.com/: https://leafletjs.com/
• Cesiumjs: https://cesium.com/platform/cesiumjs/
• https://cesium.com/platform/cesiumjs/: https://cesium.com/platform/cesiumjs/
• Docker: https://www.docker.com/
• https://www.docker.com/: https://www.docker.com/
• https://github.com/microsoft/terminal: https://github.com/microsoft/terminal
• GitHub Actions: https://docs.github.com/en/actions
• https://docs.github.com/en/actions: https://docs.github.com/en/actions
• Jenkins: https://www.jenkins.io/
• https://www.jenkins.io/: https://www.jenkins.io/
• https://guzhongren.github.io/about/: https://guzhongren.github.io/about/