intro_cmd.md

git代码仓库的概念

• torvalds linux / git 的发明者 https://github.com/torvalds/linux

• 史上最浅显易懂的Git教程！ https://www.liaoxuefeng.com/wiki/896043488029600

• git自己创建代码仓库

 git clone https://github.com/ajaxsys/front-end-test.git

• commit - 本地提交

• push - 推送（上传）到服务器上

• pull - 拉取（下载）到服务器上

• git 可以对比自己改了什么（git diff）

• git 推荐大家使用MD(markdown)来写文档

网页开发3驾马车

HTML

• index.html 是大家默认的一个网站入口文件
• HTML是网站的内容

CSS

• 内容的样子（式样・スタイル）
• 和html的衔接点(关键字)： style class

Javascript

• 让内容会动
• 和html的衔接点(关键字)： onXXXX (onclick， onchange, onblur, oninput)

一个例子

参考index.html

真正开发

不是从头开始写html和css和javascript等，而是自己去 https://github.com 上面找“组件/框架” ： 牛人们给我们写好的东西

经验者的角度

HTML单独的框架不用学

• 因为没有css/javascript的辅助，html就很丑

css 的框架

• boostrap
  • twitter出的框架，老牌的css框架
  • https://github.com/twbs/bootstrap

javascript 的框架

• jquery
  • 10年前开始的web2.0的重要推进者
  • https://github.com/jquery/jquery

接下来的工作，可能先使用boostrap/jquery来开发小网站

• 大部分很简单的静态网站(mobirise: bootstrap4 + jquery3来做的)

一些技术网站

英文 (绝对要经常用)

• https://github.com
  • 全世界的优秀程序员都在这里共享代码
• https://stackoverflow.com/
  • 全世界的程序员都在这里问问题
• https://google.com
  • 用百度不是开发者

中文

• https://juejin.cn/
• https://ke.qq.com/course/list/javascript
• https://time.geekbang.org/

trip7用的技术

前端： React

facebook出的框架 https://github.com/facebook/react https://zh-hans.reactjs.org/

为什么用React？

• 以后做app(一套代码开发ios+android)用React Native https://github.com/facebook/react-native

React的竞争者

Vuejs - 中国人开发 Angular - Google 开发

后端

• springboot https://github.com/spring-projects/spring-boot

demo（20k star） https://github.com/xkcoding/spring-boot-demo demo的配套视频教程（免费） https://www.bilibili.com/video/BV1Nf4y117W6/