# webtraining

**Repository Path**: caichicong/webtraining

## Basic Information

- **Project Name**: webtraining
- **Description**: 实训课资料
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-25
- **Last Updated**: 2022-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 要完成的任务

1.  提交项目源代码。
2.	制作一份项目答辩PPT
3.	填写项目分工总结（有模板）
4.	填写毕业实习总结（有模板）
5.	填写实习成绩考核表（有模板）
6.  做项目和讨论项目的时候要拍一些照片（6张以上）

项目分工总结：介绍一下整个项目的内容，然后每个同学针对自己负责模块进行描述，如何做的，运用了哪些技术，实现了哪些功能，有哪些亮点，最终结果，每人不少于300字。

## 参考文档

ES6

https://developer.mozilla.org/en-US/docs/Web/JavaScript

Echarts

https://echarts.apache.org/handbook/zh/get-started/

Node.js

https://nodejs.org/en/docs/guides/

https://nodejs.org/zh-cn/docs/

https://nodejs.org/dist/latest-v16.x/docs/api/

https://expressjs.com/en/4x/api.html

MongoDB

https://www.mongodb.com/docs/manual/

Vue

https://v2.cn.vuejs.org/v2/guide/

https://v3.router.vuejs.org/zh/guide/

https://v3.vuex.vuejs.org/zh/

https://element.eleme.cn/#/zh-CN/component

axios

https://github.com/axios/axios

## 参考书籍

1 火球——UML大战需求分析（第二版）

http://product.dangdang.com/29135579.html

2 SQL反模式

http://product.dangdang.com/11212970251.html

3 白帽子讲web安全

http://product.dangdang.com/29246184.html

4 Web安全防护指南：基础篇

http://product.dangdang.com/25270164.html

5 代码整洁之道

http://product.dangdang.com/28518607.html

6 冒号课堂

http://product.dangdang.com/11200769390.html

7 javascript程序设计

http://product.dangdang.com/29120617.html

8 图解HTTP

http://product.dangdang.com/29236370.html

9 正则表达式必知必会

http://product.dangdang.com/27902026.html

10 REST实战

http://product.dangdang.com/11118477914.html

11 正则指引

http://product.dangdang.com/11207848856.html

12 SQL数据分析 从基础破冰到面试题解

http://product.dangdang.com/29345273.html

13 跟阿铭学Linux（第4版）

http://product.dangdang.com/29198201.html

14 Spring Boot+Vue开发实战

http://product.dangdang.com/29266635.html

15 从实践中学习TCP/IP协议

https://book.douban.com/subject/34468978/

## 开发软件

https://pan.baidu.com/s/1AUUbc8epnrdbXZgZRFc_4A 提取码: 53s4 

## 前端项目实例

https://weui.io

https://less.bootcss.com

https://gitee.com/Tencent/WeUI/tree/master


## API 文档的参考例子


https://help.aliyun.com/document_detail/260277.html

https://www.pingxx.com/api/

https://stripe.com/docs/api

## npm源更换

https://zhuanlan.zhihu.com/p/465424728

npm --save --registry=https://registry.npmmirror.com install cheerio


## 字体图标

http://www.fontawesome.com.cn

https://www.iconfont.cn

## 作业

### node.js

1. 爬取https://www.gz.gov.cn的网页数据 ，爬取 广州要闻， 政声传递，导航链接的标题列表，还有发布时间

2. 注册七牛云的账号，用node.js调用七牛接口上传10张图片到一个bucket

3. 用node.js先创建一个doc文件， 批量创建文本文件1.txt, 2.txt .. 10.txt 存到一个doc文件夹。用异步和同步两种方式来做, Promise.all([])

4. 用node.js搭建一个静态的企业网站，包含有多个HTML页面，它们之间相互链接。页面素材放在 [template.zip](https://gitee.com/caichicong/webtraining/raw/master/template.zip)

5. 用node.js搭建一个简单的表单应用，用户填写微信号，昵称，联系电话，提交之后，数据保存到mongodb。要用JavaScript校验输入的内容，例如电话必须是11位。 页面素材放在[form.zip](https://gitee.com/caichicong/webtraining/raw/master/form.zip)

## 建议放到简历里的作品

1. 一个活动型的H5作品，例如心动小屋
2. 一个工具类的小程序（可上线）
3. 一个交易型的H5程序 （可以做企业微信版的，个人可以注册企业微信）
4. 一个管理后台（可以找一个现成的）

## serverless 平台

https://www.bmobapp.com

https://www.leancloud.cn

## 新型项目

https://github.com/amarukensei/nodejs-blockchain

https://github.com/ThatOtherZach/Web3-by-Example

## 公司分类

1. 垂直行业软件（医疗，银行，汽车）赞同行业，未来机器人
2. 啥都做（小程序，官网）
3. 国企 （例如广电运通）
4. 传统行业的私企或者外企 
5. 外包

## 项目原型

https://www.axureshop.com/shop/75795

https://www.axureshop.com/a/1833183.html

https://www.axureshop.com/shop/6435

https://www.axureshop.com/a/1035617.html

https://www.axureshop.com/a/1196823.html

## 切图和前端面试题

https://www.bilibili.com/video/BV1Qx411G7Uq

https://www.bilibili.com/video/BV1Mx411V7cg

https://space.bilibili.com/30781252/video


## 英语相关的

1. Grammarly 写英文文档的时候检查错误

2. www.deepl.com 方便看英文文档

## 安装项目依赖遇到的问题

出现以下错误 

解决Cannot read properties of null (reading ‘pickAlgorithm‘)

在终端输入： npm cache clear --force

## 提高开发效率的工具

zen coding

https://blog.csdn.net/a2500397/article/details/76253150

基于Web界面的Rest风格API生成器

https://github.com/easychen/LazyRest4

faker.js

https://blog.csdn.net/weixin_42321819/article/details/111219362

## node.js 微信支付

https://github.com/befinal/node-tenpay