技术架构

基本软件和工具

文本编辑IDE

• VSCode
• Sublime Text
• Atom
• Brackets

综合IDE

• Eclipse
• STS
• intellij IDEA
• Microsoft Visual Studio 2019

Web浏览器

• Chrome
• Firefox
• Safari
• IE/Edge

原型设计工具

• Adobe XD
• Photoshop
• Sketch
• Figma

终端命令工具

• MSDOS
• Linux Bash
• WSL/WSL2
• iTerm2
• Putty
• Htper

网页技术

• HTMl5的基本要素
• CSS3的基础（字体字形，位置布局，箱体模型，内外边框，etc）
• Flexbox（弹性布局）和CSS网格规范
• CSS编程
• 浏览器调试攻击（Chrome，Firefox，IE）

响应式布局

• Viewport的使用
• Fluid（流式布局）
• Media Queries（媒体查询，辨别客户端类型）
• px，em，rem的理解
• 移动设计优先原则（Mobilefirst 手机优先）

系统部署

• 域名登陆与使用管理（Domain）
• 共享主机和虚拟主机VPS
• 文件传输（FTP，SFTP，SCP等）
• 静态网站宿主系统（GitHub Pages，Gitee Pages）

CSS编程

• CSS结构
• CSS变量
• CSS嵌套
• CSS混合与函数（mixin，function）
• CSS继承
  （{less},sass,stylus）

JavaScript

• 数据类型，函数，语法特性，面向对象的编程
• DOM操作与事件
• JSON操作
• AJAX操作
• 最新的ES规范（箭头函数，一步调用，回调地狱问题，etc）

前端开发基础

• 静态网站开发
• 网站UI布局设计（header，footer，sidebar，popup，etc）
• HTML/CSS框架（Bootstrap，Foundation，Semantic UI，Framework7）
• JavaScript框架

JavaScript

• React
• Vue
• Angular

服务器端渲染技术

• Next.js（React）
• Nuxt.js （Vue）
• Agular Universal（Angular）

服务器端编程

数据库开发

• 关系型数据库
  • MySQL，PostgreSQL，MSSQL，Oracle
• NoSQL
  • MongoDB，Redis，HBase，Cassandra
• 云服务
  • Firebase，AWS，阿里云
• 轻量级
  • SQLite，Redis，memcached

内容管理系统（CMS）

• Wordpress
• Drupal
• joomla

终端工具

• 基本的终端命令操作
• 源代码版本管理工具
  • Git，SVN
• 包管理工具
  • npm，yarm，pip，pub，gem，etc
• 打包工具
  • webpack，Gradle，Parcel
• 构建工具
  • Gulp，Grunt

操作部署知识

• 部署
  • Linux，SSH，Git，服务器软件（Apache，Nginx，Tomcat等）
• 平台
  • AWS，Heroku，Azure，阿里云
• 虚拟
  • Docker
  • ,Vagrant,Kubernetes(k8s)

手机开发

• React Native
• NativeScript
• lonic
• Flutter
• Xamarin
• 原生（Swift，Kotlin，etc）

TypeScript

• 静态语言
• 面向对象
• 最新ES标准
• 多方支持（Angular，React，Vue）

PWA（渐进式WEB应用）

• 响应式
• 离线可用
• 模拟原生APP使用（免安装，桌面通知，缓存）
• 安全的HTTPS
• 信赖，可靠，贴切

WebAssembly

其他

• 多平台桌面开发
  • Electron
• API服务
  • GraphQL
• AI于机器学习
  • Python（TensorFlow，keras）
  • 线性代数
• 区块链技术
  • Solidity（一种智能合约的高级语言）
  • Mist（合约事物管理工具）
  • Coinbase API（虚拟货币的开发框架）
• 物联网（loT）
  • Raspberry Pi（树莓派）

参考链接

小马老师
本文纯属记录一下技术概要