# Web开发入门实践公开课 **Repository Path**: haoranpku/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-03-26 - **Last Updated**: 2021-03-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 《Web开发入门实践》公开课 ## 课程目标 帮助零基础的小白，快速上手Web开发（仅仅是入门，不要有太高期待） 每位同学能够独立开发一个相对复杂、可用、安全的Web应用 半年一个周期（1月-6月、7月-12月） - 不去想工作压力了，不去想上岸压力了，每天进步一点点，慢慢的就能遇见更好的自己。 - 每天进步一点点，一点点就好，期待惊喜，期待更好的自己。 ## 源码地址 - 课堂练习代码： https://gitee.com/OSABC/webdevsrc - 后台API源码地址： https://gitee.com/OSABC/BlogAPI ## 测试地址 - API接口测试地址： http://blogapi.zhangqx.com/ 例如：http://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/) ## 知识模块【持续更新中...】 ### 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) - 解构赋值 - 延展操作符 - Promise ### React - [JSX基本语法](Doc/React_JSX语法.md) - 组件 - [state](Doc/React_state.md) - props - 组件间通信 - 组件生命周期 - 事件 - 表单 - 路由 - axios - ref ### Redux ### React Native ### NodeJS - [环境配置](Doc/NodeJS_环境配置.md) - [Express](Doc/Node_Express.md) - [Node+Express+Mysql实践](Doc/NodeJS_Express_Mysql.md) - [服务后台永久运行方法](Doc/NodeJS_服务后台运行.md) ### Linux部署 - [部署Apache](Doc/Linux_Apache.md) - [生成ssh公钥](Doc/Linux_ssh-keygen.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.request](Doc/WXMP_wxrequest.md) - [小程序登录](Doc/WXMP_wxlogin.md) - [小程序更新机制](Doc/WXMP_小程序更新机制.md) - [icon组件](Doc/WXMP_icon组件.md) - [web-view组件](Doc/WXMP_web_view组件.md) - [常用技巧](Doc/WXMP_常用技巧.md) ****** 部分内容及代码来源于网络，如有侵权，请告知后删除！