# Web开发入门实践
**Repository Path**: repo04/webdev
## Basic Information
- **Project Name**: Web开发入门实践
- **Description**: 帮助零基础的小白，快速上手Web开发，编程语言以JavaScript为主。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 23
- **Created**: 2021-08-25
- **Last Updated**: 2021-08-25
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 《Web开发入门实践》公开课
## 课程目标
帮助零基础的小白，快速上手Web开发（仅仅是入门，不要有太高期待）
每位同学能够独立开发一个相对复杂、可用、安全的Web应用
- 不去想工作压力了，不去想上岸压力了，每天进步一点点，慢慢的就能遇见更好的自己。
- 每天进步一点点，一点点就好，期待惊喜，期待更好的自己。
## 源码地址
- 课堂练习代码： https://gitee.com/OSABC/webdevsrc
- 后台API源码地址： https://gitee.com/OSABC/BlogAPI
## 测试地址
- API接口测试地址： http://blogapi.zhangqx.com/
例如：http://blogapi.zhangqx.com/bloglist
https://blogapi.zhangqx.com/bloglist
- 图片服务器地址：http://blogimg.zhangqx.com/
例如：http://blogimg.zhangqx.com/01.png
- 图片服务器CDN：http://cdn.blogimg.zhangqx.com/
## 课程日历（2021年）
- Day18 【2021-03-05】 [个人Blog项目08（页面样式完善）](Project/02/08/)
- Day17 【2021-03-03】 [个人Blog项目07（热门文章与本站栏目）](Project/02/07/)
- Day16 【2021-03-01】 [个人Blog项目06（展示博客详情）](Project/02/06/)
- Day15 【2021-02-26】 [个人Blog项目05（搜索功能样式）](Project/02/05/)
- Day14 【2021-02-24】 [个人Blog项目04（首页阅读更多）](Project/02/04/)
- Day13 【2021-02-22】 [个人Blog项目03（通过路由实现页面跳转）](Project/02/03/)
- Day12 【2021-02-19】 [个人Blog项目02（异步获取首页博客列表数据）](Project/02/02/)
- Day11 【2021-02-17】 [个人Blog项目01（首页博客列表展示）](Project/02/01/)
- Day10 【2021-02-15】 [React入门](Front-end/06/)
- Day09 【2021-02-12】 [用户登录注册优化](Project/01/)
- Day08 【2021-02-10】 [MySQL使用入门](Back-end/02/)
- Day07 【2021-02-08】 [Node.js入门](Back-end/01/)
- Day06 【2021-02-05】 [JavaScript入门](Front-end/05/)
- Day05 【2021-02-03】 [用户注册页面](Front-end/04/)
- Day04 【2021-02-01】 [用户登录页面](Front-end/03/)
- Day03 【2021-01-30】 [CSS入门](Front-end/02/)
- Day02 【2021-01-28】 [Linux入门](DevOps/01/)
- Day01 【2021-01-26】 [HTML入门](Front-end/01/)
## 项目实战
- [基于React的个人Blog](Project/02/)
- [基于JWT的微信小程序(教室申请)](Project/03/)
## 知识模块【持续更新中...】
### HTTP
- [HTTP基础](Doc/HTTP_基础.md)
- [JWT](Doc/HTTP_JWT.md)
- [性能优化](Doc/HTTP_性能优化.md)
### HTML
### CSS
- [字体](Doc/CSS_字体.md)
- [定位](Doc/CSS_定位方式.md)
- [display属性](Doc/CSS_display属性.md)
### Javascript
- [变量](Doc/JS_变量.md)
- [数据类型](Doc/JS_数据类型.md)
- [函数](Doc/JS_函数.md)
- [对象](Doc/JS_对象.md)
- [this关键字](Doc/JS_this.md)
- 控制语句
- 回调函数
- 函数嵌套
- 变量作用域
- 闭包
- 字符串及常见操作
- [数组的Map函数](Doc/JS_数组Map方法.md)
### ES6+
- [ES6是什么](Doc/ES6.md)
- [Babel](Doc/ES6_Babel.md)
- class
- [let与const](Doc/ES6_变量与常量.md)
- [箭头函数](Doc/ES6_箭头函数.md)
- [this](Doc/ES6_this.md)
- [模板字符串](Doc/ES6_模板字符串.md)
- [函数参数默认值](Doc/ES6_函数参数默认值.md)
- [解构赋值](Doc/ES6_解构赋值.md)
- 延展操作符
- Promise
- [async与await](Doc/ES6_async与await.md)
### JS代码片段分析
- [代码片段1](Doc/JS_Code01.md)
- [代码片段2](Doc/JS_Code02.md)
- [代码片段3](Doc/JS_Code03.md)
### React
- [JSX基本语法](Doc/React_JSX语法.md)
- 组件
- [state](Doc/React_state.md)
- props
- 组件间通信
- 组件生命周期
- 事件
- 表单
- 路由
- axios
- ref
### Redux
### React Native
- [HelloWorld程序解析](Doc/RN_HelloWorld.md)
- [View组件及Flex布局](Doc/RN_View组件及Flex布局.md)
- [Text组件](Doc/RN_Text组件.md)
- [Image组件](Doc/RN_Image组件.md)
- [天气预报界面布局实践](Doc/RN_天气预报界面布局实践.md)
- [TextInput组件](Doc/RN_TextInput组件.md)
- [Touchable组件](Doc/RN_Touchable组件.md)
- [配置路由实现页面切换](Doc/RN_配置路由实现页面切换.md)
- [网络请求fetch](Doc/RN_网络请求fetch.md)
- [天气预报界面布局实践2](Doc/RN_天气预报界面布局实践2.md)
### NodeJS
- [环境配置](Doc/NodeJS_环境配置.md)
- [Express入门实例](Doc/Node_Express.md)
- [配置HTTPS](Doc/NodeJS_https.md)
- [服务器处理get请求并返回JSON数据](Doc/Node_Express_RES_JSON.md)
- [服务器处理Post表单数据](Doc/Node_Express_Post_JSON.md)
- [服务端处理Post的JSON格式数据](Doc/NodeJS_http.md)
- [服务后台永久运行方法](Doc/NodeJS_服务后台运行.md)
- [Node+Express+Mysql实践](Doc/NodeJS_Express_Mysql.md)
- [Node自定义模块](Doc/NodeJS_自定义模块.md)
- [JWT](Doc/NodeJS_JWT.md)
- [socket.io](Doc/NodeJS_socket.io.md)
### Linux
- [部署Apache](Doc/Linux_Apache.md)
- [生成ssh公钥](Doc/Linux_ssh-keygen.md)
- [OpenSSL生成公钥私钥](Doc/Linux_OpenSSL生成公钥私钥.md)
- [vim](Doc/Linux_vi.md)
- [Nginx_配置](Doc/Nginx_配置.md)
### 数据库
- [安装部署MySQL+PhpMyadmin](Doc/MySQL_安装部署.md)
### Webpack
### Git
### Web安全
### 微信小程序
- [新页面](Doc/WXMP_新页面.md)
- [view组件](Doc/WXMP_view组件.md)
- [尺寸单位](Doc/WXMP_尺寸单位.md)
- [scroll-view组件](Doc/WXMP_scroll_view组件.md)
- [swiper组件](Doc/WXMP_swiper组件.md)
- [text组件](Doc/WXMP_text组件.md)
- [image组件](Doc/WXMP_image组件.md)
- [盒模型](Doc/WXMP_盒模型.md)
- [浮动](Doc/WXMP_浮动.md)
- [flex布局](Doc/WXMP_flex布局.md)
- [定位](Doc/WXMP_定位.md)
- [TabBar](Doc/WXMP_TabBar.md)
- [页面切换](Doc/WXMP_页面切换.md)
- [数据绑定](Doc/WXMP_数据绑定.md)
- [组件绑定事件处理函数](Doc/WXMP_组件绑定事件处理函数.md)
- [navigator组件](Doc/WXMP_navigator组件.md)
- [列表渲染](Doc/WXMP_列表渲染.md)
- [wx.getLocation](Doc/WXMP_getLocation.md)
- [wx.request](Doc/WXMP_wxrequest.md)
- [wx.login](Doc/WXMP_wxlogin.md)
- [小程序登录](Doc/WXMP_小程序登录.md)
- [本地存储](Doc/WXMP_本地存储.md)
- [form](Doc/WXMP_form.md)
- [小程序更新机制](Doc/WXMP_小程序更新机制.md)
- [全局变量（globalData）](Doc/WXMP_globalData.md)
- [promise和callback实现同步效果](Doc/WXMP_promise和callback.md)
- [模块化](Doc/WXMP_模块化.md)
- [页面模板](Doc/WXMP_页面模板.md)
- [icon组件](Doc/WXMP_icon组件.md)
- [websocket](Doc/WXMP_websocket.md)
- [web-view组件](Doc/WXMP_web_view组件.md)
- [常用技巧](Doc/WXMP_常用技巧.md)
### 视频教程
#### 模块：微信小程序+NodeJS获取用户登录信息
- 获取微信用户code信息 视频
- 小程序端发起request请求 视频
- 服务器获取request请求中的code参数 视频
- 服务端通过code换取openid 视频
#### 模块：微信小程序+NodeJS+MySQL
- 介绍 视频
- CentOS8.0安装Mysql服务器 视频
- 安装PHPMyAdmin 视频
- NodeJS访问数据库 视频
- 小程序与NodeJS服务器端通信 视频
- Nodejs将openid写入MySQL数据库 视频
******
部分内容及代码来源于网络，如有侵权，请告知后删除！