完整的Web开发训练营
资源
https://www.appbrewery.co/p/web-development-course-resources
项目
项目1：使用html创建的个人网站-https：//sdkdeepa.github.io/resume/
项目2：CSS介绍-https：//sdkdeepa.github.io/profile/
项目2决赛：html，CSS和Bootstrap -https：//sdkdeepa.github.io/udemy-bootstrap/
项目3：骰子游戏-JS和DOM方法-https：//sdkdeepa.github.io/dice
项目4：鼓套件-JS键盘事件-https：//sdkdeepa.github.io/drumming/
项目5：Simon Game -JS和JQuery -https：//sdkdeepa.github.io/simon-game-jquery/
项目6：BMI计算器-Node.js and Express.js。该项目使用api方法（例如get和post）来计算BMI
- 项目7：天气应用-Node.js and Express.js。该项目使用外部天气API在发送发布请求后呼叫以获取天气数据。
项目8：新闻通讯注册-HTML，CSS，Bootstrap，JS，Nodejs，Express，API，NPM，NPM，Nodemon，Body-Parser等-https：//shrouded-rivered-rivered-river-river-17694.herokuapp.com/
项目9和10：TODO LIST应用程序 - 持续TODO LIST应用程序V2。添加了获取，发布和删除路线。现在，您可以为今天和自定义列表创建和删除TODO列表。可以将自定义列表添加到家庭路线（ex： /work）。使用MongoDB Altas云数据库收集数据。通过Heroku托管了申请。查看：https：//tranquil-earth-77166.herokuapp.com/
项目11：乘法个人博客网站 - 使用HTML，CSS，Bootstrap，JS，Node.js，Express.js，Body -Parser，API，EJS，EJS，Heroku，Mongoose，Mongoose，Mogodb Altas Cloud Cloud Cloud cloud cloud Cloud cluster创建了一个多页面个人博客应用程序。结帐：https：//morning-brook-32061.herokuapp.com/
线框项目的示例
涵盖了主题
HTML, CSS, JavaScript, Bootstrap 4, DOM & DOM Manipulation, jQuery, Node.js, Express, React EJS, body-parser, nodemon, lodash, MongoDB, MongoDB Atlas, mongoose, mongoose-encryption, dotenv, md5, bcrypt, passport, passport-local, passport-local-mongoose, Passport-Google-Path20，Mongoose-FindorCreate，Express-Session，API，JSON，AUTHERTICATION，MAILCHIMP API，HEROKU从头开始构建REST API。
第9节：JavaScript ES6简介
- 116-117：挑战：更改文本中的套管
- 118：JavaScript中的基本算术和Modulo操作员
- 121-122：功能第1部分：挑战 - 卡雷尔机器人
- 124：功能第2部分：参数和参数
第10节：中级JavaScript
- 131：JavaScript中的随机数：构建爱情计算器
- 132：控制语句：使用IF-ELSE条件和逻辑
- 编码练习5：BMI计算器高级（如果/其他）
- 编码练习6：leap年
- 138：添加元素和中间阵列技术
第12节：老板级挑战1-戴西游戏
- 创建外部JS文件
- 添加骰子图像
- 创建一个随机数
- 将两个IMG更改为随机骰子
- 更改两个IMG元素
- 更改标题以展示获胜者
第13节：高级JavaScript和DOM操纵
第14节：鼓工套件
- 171：将事件列表者添加到按钮
- 174：如何在网站上播放声音
- 176：如何在JavaScript中使用开关语句
- 179：使用键盘事件听众检查键按
- 181：将动画添加到网站
第15节：老板级挑战2-西蒙游戏
- 添加JS和jQuery
- 创建一个新模式
- 通过动画和声音向用户显示顺序
- 检查按下哪个按钮
- 将声音添加到按钮点击
- 将动画添加到用户点击
- 开始游戏
- 检查用户对游戏顺序的答案
- 游戏结束
- 重新启动游戏
第19节：带有node.js的express.js
- 241：使用Express创建第一台服务器
- 242：处理请求和响应：获取请求
- 244：理解和使用路线
- 246：计算器挑战设置
- 248：响应HTML文件的请求
- 249：带有人体解析器的处理后请求
- 250：BMI路由挑战
第20节：API-应用程序编程接口
- 258：通过节点HTTPS模块进行获取请求
- 259：如何解析JSON
- 260：使用Express渲染具有实时API数据的网站
- 261：使用身体解析器将邮政请求解析到服务器项目：天气项目
第21节：新闻通讯注册
- 263：设置注册页面
- 264：通过其API将数据发布到MailChimp的服务器
- 265：添加成功和失败页面
- 266：用Heroku部署服务器
项目：https：//shrouded-river-17694.herokuapp.com/
第22节：EJS
- 282：模板？为什么我们需要模板？
- 283：创建您的第一个EJS模板
- 284：在EJS模板中运行代码
- 285：将数据从您的网页传递给服务器
- 287：将预制的CSS样式表添加到您的网站
- 288：了解模板与布局
- 289：了解节点模块导出：如何传递文件之间的功能和数据
第23节：老板级挑战3-博客网站
- 获取家庭路线并添加内容到home.ejs
- 将数据从homestartingcontent传递到home.ejs
- 将标题和页脚局部添加到home.ejs
- 将标题和页脚移到了Partials文件夹
- 添加并联系路线，将内容传递到about and Contact.ejs
- 将NAV HREF添加到标题
- 添加撰写形式和邮政路线
- 添加文本字段以组合形式并使用Bootstrap
- 创建JS对象的发布
- 将帖子推入帖子阵列
- 将帖子添加到渲染数组
- 循环遍历所有帖子
- 用于使用foreach的循环的重构器
- 将每个帖子渲染到家里
- 添加Express路由参数 /帖子 /：Blogpost
- 循环通过帖子数组检查它是否与URL中的标题匹配
- 添加lodash并在标题上使用_。
- 每个博客文章的单独页面
- 首页上的截断帖子主体可截断100个字符
- 添加更多阅读到帖子
第27节：词汇
- 357：蒙古概论
- 358：用猫鼬从数据库中读取
- 359：用猫鼬的数据验证
- 360：使用Mongoose更新和删除数据
- 361：使用Mongoose建立关系并嵌入文档
第28节：将所有内容放在一起
- 364：将Todolist Project提升到一个新的水平，并将其与Mongoose联系起来
- 365：将数据库项目渲染到Todolist应用程序中
- 366：向我们的Todolist数据库添加新项目
- 367：删除我们的Todolist数据库的项目
- 368：使用快速路由参数创建自定义列表
- 369：将新项目添加到自定义训练学家中
- 370：重新访问lodash和删除从自定义待办事项列表中删除项目
第29节 - 部署您的Web应用程序
- 374：如何使用数据库部署Web应用程序
- 374：如何设置MongoDB地图集
- 375：用数据库部署应用程序到Heroku
文件夹：项目9和10：待办事项清单https：//tranquil-earth-77166.herokuapp.com/
第30节 - 老板级挑战4-博客网站升级
- 381：与MongoDB一起保存编写帖子
- 382：获取主页渲染帖子
- 383：save（）完成后，重定向到主页，没有错误
- 384：根据帖子_id渲染正确的博客文章
文件夹：项目11：博客网站完成https：//morning-brook-32061.herokuapp.com/
第31节 - 从头开始构建自己的静止API
- 389：设置服务器挑战
- 391：获取所有文章
- 392：发布一篇新文章
- 393：删除所有文章
- 394：使用Express的锁链路线处理程序
- 395：获取一篇特定的文章
- 396：放一篇特定的文章
- 397：补丁特定的文章
- 398：删除特定文章
文件夹：Wiki-api
第32节 - 身份验证和安全
- 403：设置
- 404：1级 - 注册用户用户名和密码
- 406：2级 - 数据库加密
- 407：使用环境变量确保秘密安全
- 408：3级 - 哈希密码
- 410：4级 - 盐和哈希密码与bcrypt
- 412：5级 - 使用Passport.js添加饼干和会话
- 413A：6级-OAUTH 2.0＆如何与Google实施登录
- 413B：6级-Oauth 2.0与Facebook
- 414：让用户提交秘密
文件夹：秘密
第33节 - react.js
- 422：JSX代码练习
- 423：JSX和ES6模板文字中的JavaScript表达式
- 424：JSX练习中的JavaScript表达式
- 425：属性和样式反应元素
- 426：反应元素的内联样式
- 427：反应造型练习
- 428：反应组件
- 429：反应组件练习
- 431：JavaScript ES6导入，导出和模块练习
- 434：饲养员应用程序项目 - 第1部分
- 436：React Props
- 437：React道具实践
- 438：react devtools -https：//990sq.csb.app/
- 439：将数据映射到组件-https：//0lrqy.csb.app/
- 440：将数据映射到组件练习-https：//1kzup.csb.app/
- 441：JavaScript ES6地图/过滤器/减少
- 442：JavaScript ES6箭头功能
- 443：守护者应用程序项目 - 第2部分
- 444：与三元操作员和操作员的有条件渲染
- 445：条件渲染练习-https：//pr7ow.csb.app/
- 447：React Hooks -Usestate
- 448：Usestate Hook练习
- 449：JavaScript ES6对象和数组破坏
- 450：JavaScript ES6破坏挑战
- 451：事件处理中的事件处理
- 452：反应形式
- 454：改变复杂状态
- 455：改变复杂的国家实践
- 456：JavaScript ES6传播操作员
- 457：JavaScript ES6传播操作员实践
- 458：管理组件树
- 459：管理组成树实践
- 460：守门员应用项目 - 第3部分
- 461：React依赖和样式守护者应用-https：//pbt9b.csb.app/
使用的工具
- codepen
- 原子
- 邮差
- 超级终端
- Visual Studio代码
- https://codesandbox.io/
