logo
训练营课程安排

AI Web全栈项目班

开启AI全栈开发新征程，掌握RAG前沿技术，精准匹配AI时代企业需求

  • 超过4000人信任的AI Web全栈项目训练营，通过真实的团队大项目经验，拿到Offer。从23期起墨尔本，悉尼，布里斯班 .NET线下开班
  • 前端React+后端Node.js、.NET、Java三个方向，RAG，AWS，Agile等任你学习
  • 获取项目经验，实习经验，让你求职不再无筹码
查看 AI 职业影响地图 →
下一期火热来袭！AI+RAG+React+Node.js+ .NET 新班开课！
课程预览
Class Schedule

课程大纲

分阶段课程安排，方便在职或跨时区同学灵活学习

ℹ️ Information课前须知
课前须知：欢迎来到Web全栈开发课程！为了帮助大家更好地投入学习并取得最佳效果，我们特别准备了以下课前须知，请仔细阅读：预习材料：建议同学们提前自学W3Cschool中的HTML、CSS和JavaScript部分内容，多加练习可以帮助你更好地理解课堂内容。课堂设备准备：为了提高学... 登录后查看完整内容
ℹ️ Information课前准备
为确保同学们在全栈开发课程中获得最佳学习体验，请参考以下准备指南：基础知识预习：建议您在正式课程开始前，访问 W3Schools 等在线资源，自学 HTML、CSS 和 JavaScript 等基础知识。多次复习这些基本概念将为您加入全栈班级打下坚实的基础。课前准备：请务必查阅我... 登录后查看完整内容
📚 Lesson 3开营仪式 & 职业路线图：从AI学习者到AI工程师
AI Engineer 职业路线图与能力结构拆解 AI Engineer 的“五维能力”：- Full-stack 基础（前端/后端/API/数据库/工程协作）Prompt EngineeringAI Engineering（LLM 接入、RAG/Agent 工作流）Cloud ... 登录后查看完整内容
📚 Lesson 4学习平台使用指南
你今天能学到什么通过这一节，你会掌握：怎么看课表、找上课入口怎么快速找到课程资料怎么看课程回放、补课平台里还有哪些学习资源能帮你提分/提能力怎么用 Jobpin AI 简历生成器做一份专业简历（用于找实习/工作）
🎬 VideoHTML&CSS的奥秘
网页的心跳:网页如何呈现给用户网页旅程:探究一个网页如何从服务器传输到你的屏幕的背后原理。HTML标签揭秘:网络的基石。熟悉最常用的标签并理解它们的功能。深入HTML的构架HTML结构:学习HTML的基本框架和其重要性。头部(Head)解析:头部标签里包含了什么?为什么它是如此重... 登录后查看完整内容
✍️ AssignmentHTML&CSS的奥秘: Assignment 01
创建Registration Form作业背景：网页表单是任何交互性网站的核心部分，无论是注册、登录、提问还是购物，表单都扮演了关键角色。为了强化你对HTML和基础CSS的理解，我们为你设计了这个作业，让你从实践中学习。作业要求：表单结构：你的表单应该至少包含以下字段：First... 登录后查看完整内容
📚 Lesson 7HTML入门实战：从空白到CareerMate网页框架
这是项目开发正式启动的第一节技术课。你将从零搭建 CareerMate AI 的 Landing Page 基础网页结构，完成一个可在浏览器打开、具备真实页面骨架的静态页面，为后续 CSS 布局、JavaScript 交互和 React 重构打下基础本节课目标理解 HTML 在真... 登录后查看完整内容
📝 QuizHTML基础测试
This quiz is designed to check your fundamental understanding of HTML before we move into CSS, JavaScript, and project development.It covers... 登录后查看完整内容
🧪 LabLab(1):使用Chrome Debugger和实现Responsive List
掌握 Chrome Debugger介绍 Chrome Debugger: 简要介绍 Chrome Debugger 的功能和它在前端开发中的重要性。基本操作:打开和导航 Chrome DevTools。学习使用 Elements 面板来检查和修改 HTML/CSS。使用 Con... 登录后查看完整内容
ℹ️ Information关于如何解决Error Messages，几个步骤
应对error message的几个步骤：1. 详细阅读一下error message，看报错的内容是什么，是否和自己操作的步骤有关，你是否能从报错的内容中找到出错位置，以及出错原因2. 如果自己无法理解错误信息，尝试提炼出error message中的关键语句，在google上... 登录后查看完整内容
🎬 VideoHTML&CSS (Part 2)
CSS概念定义：CSS(级联样式表)是用来装饰和布局网页的语言。作用：让网页内容更加美观，为HTML元素设置样式。Emmet语法定义：一个高效的编码快捷工具，帮助快速编写HTML/CSS。示例：输入ul>li*5后，可快速展开为5个列表项的无序列表。选择器的种类及其作用标签... 登录后查看完整内容
✍️ AssignmentHTML&CSS (Part 2): Assignment 02
作业背景：卡片式设计（Card UI Design）是现代Web设计中常见的一种模式，广泛用于产品展示、新闻摘要、个人资料等。此次作业，你将会获得一些预先设计好的Card UI Design图。你的任务是使用HTML和CSS来实现这些设计，将其从静态图像转变为实际的Web元素。选... 登录后查看完整内容
📚 Lesson 13CSS基础与产品风格打造：让页面“有感觉”
上一节我们完成了CareerMate AI网页的HTML结构搭建，本节你将正式“点亮”整个页面：加入色彩、排版、组件样式和响应式能力，为页面赋予专业、统一且可扩展的视觉风格。这是你第一次从视觉角度“做出一个产品的感觉”。本节课目标学会用CSS变量统一管理颜色、间距、阴影等视觉参数... 登录后查看完整内容
🎬 VideoCSS & Sass
Card Design作业评议与SVG编辑回顾与讨论学生提交的card design作业。如何编辑SVG图像以增强设计效果。box-sizing的实际应用解释box-sizing属性如何影响元素的宽高计算。展示content-box与border-box之间的区别。CSS长度单位... 登录后查看完整内容
📚 Lesson 15网页布局与响应式：Flex + Grid 打造专业结构
本节课，你将正式掌握如何用现代 CSS 布局系统（Flexbox + Grid）构建出一个既美观又实用的网页结构。你会手把手完成 CareerMate AI 的各大核心页面区域，从导航栏、Hero 区、功能展示卡片到 Testimonials 和 Footer，用专业手法打造真正... 登录后查看完整内容
🧪 LabLab(2):使用Grid和Flexbox实现卡片布局
CSS Grid 布局基础构建网格系统:创建一个简单的网格布局，定义列和行。探索 grid-template-areas 和 grid-template-columns 的使用。响应式网格:使用媒体查询调整网格布局。实践如何在不同屏幕尺寸下重新排列网格项。Flexbox 卡片布局... 登录后查看完整内容
🎬 VideoJavaScript 入门
JavaScript的奇幻之旅：跟随时间的轨迹，了解JavaScript如何从一个小小的脚本语言成为Web的重要组成部分。理解其如何成为Web的核心语言。体验Node.js的魅力，看看如何轻松地在这个环境中运行你的JS代码。探索js的秘密：深入了解JavaScript的独特Dat... 登录后查看完整内容
✍️ AssignmentJavaScript Assignment 03
作业目标:通过这次的作业，你将会练习JavaScript中的基本数据类型、数组、对象、条件语句、循环语句和函数的应用。作业要求:数据与变量：创建一个购物清单数组，例如:数组应用：向购物清单中添加两样物品，并输出更新后的清单。从购物清单中删除最后一项物品，并输出结果。条件与循环：创... 登录后查看完整内容
📚 Lesson 19JavaScript交互入门：让网页“动起来
写网页，不只是堆静态内容。本节课我们正式开启前端开发的“灵魂”：JavaScript，让你的CareerMate AI网页从静态页面变成真正“会动、能互动”的Web应用。你将动手实现网页中的浮动按钮、用户表单交互、验证逻辑、接口请求等常见交互功能，完成从“展示型网页”向“可交互应... 登录后查看完整内容
👨‍🏫 TutorialTutorial (html, css, js)
在完成了前几节基础课程之后，你已经动手搭建了 CareerMate AI 的基础页面结构、样式和交互功能。这次 Tutorial 是一个“集中答疑 + 老师帮你看代码”的环节，帮助你：解决你在 HTML / CSS / JS 实战中遇到的技术卡点帮你Review代码，优化你的结构... 登录后查看完整内容
🧪 LabLab(3):创建Responsive定价卡片
Lab: 创建响应式定价卡片设计定价卡片:分析上传的定价表格设计。创建基础的 HTML 结构。实现基础样式:应用基础 CSS 样式来模仿上传的设计。使用 Flexbox 或 Grid 系统来对卡片进行布局。增加响应式特性:使用媒体查询创建多个断点，以适配不同的屏幕尺寸。调整定价卡... 登录后查看完整内容
🎬 VideoGit Introduction
探索版本控制的魔法为什么我们都爱版本控制？分布式(Distributed) vs 集中式(Centralized)：Git的独特之处。什么是分布式版本控制系统主流的 git 系统介绍开启你的Git旅程一步步引导你安装和配置Git。为Git设定你的身份：告诉Git你是谁。初始化Gi... 登录后查看完整内容
✍️ AssignmentGit Introduction Assignment 04
Git 简答作业Git 练习作业作业提交：在你的GitHub上面创建一个仓库，上传GitHub仓库链接，点击“确认提交”，提交成功。
📚 Lesson 25Git 版本管理的第一步：掌握Git并上传你的项目
探索版本控制的魔法为什么我们都爱版本控制？分布式(Distributed) vs 集中式(Centralized)：Git的独特之处。什么是分布式版本控制系统主流的 git 系统介绍开启你的Git旅程一步步引导你安装和配置Git。为Git设定你的身份：告诉Git你是谁。初始化Gi... 登录后查看完整内容
🧪 LabLab(4): Git实践练习
Git 基础安装 Git:确保所有学员都安装了 Git。通过运行 git --version 来验证安装。配置 Git 环境:设置用户的名字和电子邮件地址。创建本地仓库初始化仓库:使用 git init 创建一个新的本地 git 仓库。文件操作:创建新文件，学习 git stat... 登录后查看完整内容
🧪 LabLab(5):构建一个JavaScript天气应用
目标概述:介绍实验室的目标：构建一个能够展示选定城市天气的应用。HTML 布局:创建一个表单以接收用户输入的城市名。定义显示天气信息的元素。CSS 样式化:应用样式以匹配您提供的设计。确保应用是响应式的，能在不同设备上良好显示。JavaScript 交互:编写 JavaScrip... 登录后查看完整内容
📚 Lesson 29GitHub Action + CICD自动部署上线：让你的CareerMate网页全球可见
CICD自动部署上线：让你的CareerMate网页全球可见
🎬 Video利用AWS部署前端spa项目
利用AWS部署前端spa项目
🎬 Video5分钟手动部署Web Application到AWS S3静态网站
前端App部署基础介绍如何准备前端应用以便于部署。指导如何选择合适的部署平台和服务。创建AWS S3 Bucket逐步演示如何在AWS S3中创建一个新的Bucket。讨论Bucket命名规则和配置选项。编写Bucket策略学习如何为Bucket编写安全策略。分析策略语法和关键要... 登录后查看完整内容
🎬 VideoCI/CD基础:使用Jenkins和AWS CodePipeline手把手部署一个Web App
分享人：Kevin内容：1. Jenkins和AWS Codedeploy的区别是什么，有什么优点好处2. 代码里的Jenkinsfile逐行解读3. Jenkins如何开一个新的pipeline部署到Branch上4. 如何使用AWS CodePipeline部署
ℹ️ InformationDocker Introduction
Docker 视频学习： https://youtu.be/gAkwW2tuIqE
🎬 VideoAWS基础
老师：Michel Su公司：Atlassian职位：SRE内容：1. AWS的基础知识，已经AWS是什么，为什么使用Cloud云计算服务2. 云计算的优势是什么，云计算的种类，为什么要用AWS3. IAM是什么，如何定义IAM，Users，Groups，Roles分别是什么，如... 登录后查看完整内容
简历修改，模拟面试，面试指导
🎬 Video澳洲工作职场介绍
"澳洲公司全景：行业领袖与职业机遇" 澳洲公司的市场概况：深入介绍澳洲主要行业和领先公司，包括它们的市场定位、企业文化和核心价值。 澳洲公司的职业前景：探讨在澳洲各种类型公司工作的优势和挑战，以及如何在这些环境中发展职业生涯。 "就业方向解析：产品与咨询服务" 产品方向的职... 登录后查看完整内容
🎬 Video澳洲企业招聘流程
"澳洲企业招聘全攻略：三大关键阶段深度解析" 简历和求职信的制作与提交：学习如何撰写针对澳洲市场的高效简历和求职信，包括格式、内容和展现个人特色的技巧。 面试的全面准备：深入分析招聘过程中的各种面试类型，包括初步面试、在线评估、技术面试和管理层面试。提供准备技巧、常见问题解答和... 登录后查看完整内容
🎬 Video手把手带你打造高质量IT人的LinkedIn主页
手把手带你打造高质量IT人的LinkedIn主页
🎬 VideoLinkedIn & CV
1. 校招和社招的要求，entry level vs junior level vs mid level 2. 职场规划，沟通能力的重要性，team match 的重要性 3. 澳洲公司情况，产品方向 vs 咨询方向 4. 找工作网站的区别、建议 5. 工作类型，permanen... 登录后查看完整内容
🎬 Video招聘官挑选简历的标准
招聘官在挑选简历时通常会根据以下几个标准进行筛选： 符合职位要求：首先会检查应聘者的教育背景、工作经验、技能和资格是否符合岗位的具体要求。 清晰、专业的简历格式：一份清晰、逻辑性强、格式规范、无拼写错误的简历更容易获得青睐。 关键字匹配：许多公司使用自动跟踪系统（ATS）来筛选... 登录后查看完整内容
🎬 Video如何撰写 IT 专业简历
清晰的格式和布局：使用易于阅读的字体和清晰的布局。保持简历的长度适中，通常不超过两页。个人信息和联系方式：包括你的姓名、职业头衔（如软件工程师、系统管理员等）、联系电话、电子邮箱和 LinkedIn 个人页面链接。专业摘要或目标声明：简洁地概述你的职业背景、技能和你寻求的职位类型... 登录后查看完整内容
🎬 Video简历常见问题
"简历制作艺术：重点、加减分项及编写原则" 简历的重点内容：指导您如何突出简历中的重点内容，包括职业经历、技能、成就和教育背景，确保雇主能够快速抓住您的核心优势。 避免的简历减分项：教您识别和避免简历中的常见错误和不利因素，如过度冗长、格式不当或信息不准确等。 简历的加分元素：... 登录后查看完整内容
🎬 Video如何利用 ChatGPT 写简历
"利用 ChatGPT 提升简历撰写技巧：指南与实践" ChatGPT 基本使用方法：本节课将介绍 ChatGPT 的基础功能和操作方法，帮助学员快速掌握如何有效使用这一先进的工具。 ChatGPT 在简历撰写中的应用技巧：这部分将指导学员如何充分利用 ChatGPT 在简历撰... 登录后查看完整内容
🎬 Video手把手带着运营 LinkedIn
"LinkedIn 职业建设：完善个人资料与网络拓展" 维护完整、专业的 LinkedIn 个人资料：指导您如何创建和维护一个展现您职业经历、技能和成就的专业 LinkedIn 资料。这包括头像选择、经历描述、技能展示和获取推荐等关键元素。 加入与行业和兴趣相关的 Linked... 登录后查看完整内容
🎬 Video如何利用 LinkedIn 准备面试
"求职成功攻略：职位描述解析、面试准备与公司研究" 这个课程旨在全面指导您如何在求职过程中取得成功。本课程将包括： 职位描述深度解析：教您如何仔细分析职位描述，理解职位要求的核心内容和隐含条件，从而更有效地准备申请材料和面试。 面试准备技巧：提供面试准备的策略，包括如何针对面试... 登录后查看完整内容
🎬 Video如何准备澳洲大厂开发类岗位面试
老师：Xuecong，就职于悉尼 AWS，SDE内容：1. 澳洲大厂开发类岗位面试常见流程2. 如何‘管理'整个面试流程3. 如何准备面试申请4. 准备面试，哪些专业能力需要提高5. 如何准备大厂面试，体现价值观和企业文化6. 面试当天注意事项7. 如何接受，拒绝，协商 Offe... 登录后查看完整内容
🎬 Video求职国内秋招大厂前端开发岗，需要做哪些准备
分享人：Kevin内容：国内大厂前端岗位如何细分？获得前端岗位 Offer 所需的几大要素如何准备面试中的八股文、算法等硬核考点？怎样的实习经历可以让你在校招求职中脱颖而出？
🎬 Video如何准备国内秋招，才能获得大厂Offer?
分享人：Chen内容：秋招时间规划解析秋招的主要时间节点，帮助你合理安排准备时间。讨论如何在学习、实习和求职之间平衡。准备秋招的步骤提供详细的秋招准备指南，包括市场调研、目标公司筛选等。强调技能提升和实战经验积累的重要性。笔试准备技巧分析常见的笔试题型和应对策略。提供实用的学习资... 登录后查看完整内容
🎬 Video澳洲程序员找工作必备哪些后端知识
分享人: 老虎内容:澳洲后端开发者必备知识分析澳洲后端开发职位的常见要求和技能需求。探讨关键的编程语言（如Java、Python、Node.js）和框架。数据库技能介绍常用的数据库技术，包括关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB）。A... 登录后查看完整内容
🎬 Video在澳洲，IT学生如何准备System Design面试-----Ben
分享人：Ben内容：系统设计面试的基本功概念理解：讲解系统设计面试中经常涉及的关键概念，如可扩展性、可靠性、效率等。技能要点：强调分析问题、沟通思路、考虑权衡的重要性，并提供实用技巧帮助你在面试中脱颖而出。面试准备方法资源梳理：介绍高质量的学习资源和实践工具，帮助你系统地准备系统... 登录后查看完整内容
🎬 VideoGoogle大佬教你，如何突破年薪20w澳币天花板 -- 韭天
分享人: 韭天内容:薪资的组成深入了解薪资的不同组成部分，包括基本工资、奖金、福利等。提升薪资的方法探讨如何通过技能提升、职位晋升等方式增加薪资。分析职业发展中关键的技能和资格认证。优质雇主的选择比较不同类型的公司及其提供的薪资水平。讨论如何选择能够提供更好薪资和职业发展机会的公... 登录后查看完整内容
🎬 Video在澳洲如何找到一份Java Developer的工作 -- 虎头锤
分享人：虎头锤内容:澳洲Java工作市场分析探索澳洲Java开发岗位的市场需求和主要工作要求。分析技术技能和行业经验在职场中的重要性。回答行为面试问题提供实用的策略和技巧，帮助你准备和回答行为面试中的问题。分析常见的行为问题及其背后的意图。简历撰写和个人品牌打造教你如何撰写一份突... 登录后查看完整内容
长达2个月的Project 3 阶段，在Agile课程中，学会开发的流程，以及完整的Digital Product开发顺序。学员会按照5-8个人一个分组进行分组，选出组长，确定好项目的方向，以及项目的需求。本阶段会深入学习大型商业项目的构建，深入学习React，Redux，Java Spring Boot/ Nodejs Expressjs/ Koa等，以及数据库Mongodb/PostgreSQL，学习云技术AWS的自动化部署，EC2，Message Queue等。根据学习的技能，完成项目，最后一次课程会进行英文/中文项目展示，选出最佳项目
🎬 VideoAgile Methodologies
1. 敏捷开发采用的具体方法：Scrum / Kanban 是什么？1.1 Agile 是什么（一句话）Agile = 用短周期迭代、持续反馈，快速交付可用价值。不是“快点写完代码”，而是“早交付、早验证、早调整”。1.2 Scrum 是什么Scrum 是一种 迭代式敏捷框架，核... 登录后查看完整内容
🎬 VideoAgile方法论: 解锁团队的协作潜力
1. Agile敏捷开发：历史与哲学探究从传统瀑布模型到敏捷方法的革命性变革。敏捷哲学：为什么它如此强大？Agile 哲学：为什么"Agile"变得如此重要？2. 深入Agile Manifesto (敏捷宣言)敏捷的四个核心价值观：从"个体与互动"到"响应变化"。十二条开发原则... 登录后查看完整内容
🎬 Video什么是Agile SDLC, Waterfall, Agile介绍
1. Agile 的由来、开发宣言、原则、主要关注点1.1 Agile 的由来（为什么会出现）背景：90年代的软件项目普遍失败：需求变更频繁，但传统方法假设需求稳定大项目周期长，交付晚，客户等到最后才看到结果文档多、审批慢，团队士气低做完才发现“做错了/不需要”Agile 出现的... 登录后查看完整内容
🎬 VideoAgile Case研究：微软Microsoft Case Study
来自微软曾获得MVP的Ray老师，讲述以微软Windows交付使用Agile的流程 1. 微软是如何使用Agile的，如何使用Agile敏捷开发以及采用DevOps文化 2. Windows的发布周期 3. Waas是什么，Windows as a Service，其中Rings... 登录后查看完整内容
🛠️ WorkshopWorkshop: Agile Project Management
Workshop: Agile Project Management
ℹ️ InformationP3职业孵化器介绍
项目背景 在现实世界中，创业公司通常需要快速开发产品并应对市场的变化。这个项目将模拟一个创业公司的实际情景，让你和你的团队合作，创建一个创新的软件产品。   项目任务 你将加入到一个由你的同学组成的团队中，该团队将一起创建一个新的Web Application。你的任务... 登录后查看完整内容
📚 Lesson 7P3职业孵化器 Bootstrap
Project 3：创造、展示、协作的新篇章课程概述欢迎踏入新的阶段，一个专注于实践、创新和团队协作的全新教育体验！在这里，你不仅学习技术，更将参与到真实的项目中，与团队一起创造有意义的作品。我们的目标是培养能够独立思考、卓越创新的匠人，让每位学员在技术路上更进一步。1. 匠人培... 登录后查看完整内容
🎬 VideoNext.js
Next.js
🛠️ WorkshopStudent Showcase: Stripe Integration in Practice
Student Showcase: Stripe Integration in Practice
🛠️ WorkshopWorkshop：如何利用mediasoup实现多人视频会议
Workshop：如何利用mediasoup实现多人视频会议
🎬 VideoGraphQL101: 剥离RESTful的银行系统开发实践—Gary Sun
分享人：Gary内容：RESTFul与GraphQL对比探讨两种API设计范式的优缺点。分析何时使用RESTFul，何时更适合选择GraphQL。GraphQL的核心概念详细介绍GraphQL的工作原理和主要特性。讨论GraphQL如何改善数据获取和管理。GraphQL查询语言学... 登录后查看完整内容
🎬 VideoSpringBoot的Production部署到AWS ECS Fargate，如何使用Microservice with docker
分享人: Xiaokai & Yinhang内容：Springboot 的 Docker 部署到 AWSECS AWSECS 如何进行 CICDTask 是什么，如何使用VPC 是什么Subnet 是什么，如何使用Microservice 是什么
🎬 Video用Kafka实践Event First设计思维—虎头锤
分享人: 虎头锤内容:Kafka简介介绍Kafka的功能和在现代数据处理中的重要性。讨论Kafka的主要组件，包括生产者、消费者、主题和分区。Event First设计解析Event First设计方法的原则和优势。分析如何使用Kafka构建事件驱动的系统架构。Kafka实战应用... 登录后查看完整内容
🎬 Video从0到1打造React/Node 全栈IoT实时应用——Bryan
主讲人：Bryan内容 ：IoT概览介绍IoT的定义、发展历程和关键技术。分析IoT在不同行业中的应用案例。IoT架构与最佳实践讨论IoT系统的典型架构和组件。探索IoT项目的设计原则和最佳实践。实时应用与技术栈解析构建IoT实时应用的技术栈和框架。分析物联网的数据处理和通信技术... 登录后查看完整内容
🎬 VideoElastic Search基础知识分享Workshop
分享人：Kevin内容：Logging Saas 服务商横向比较：Elastic Search，Splunk，Sumo Logic，Datadog，New Relic 等Elastic Search 是什么，Elastic 的优势是什么Elastic Search 架构 Log，... 登录后查看完整内容
🎬 Video探索现代JavaScript —— ES6 (ECMAScript 2015)之魅力
闪回与展望: ES6简介老师自我介绍ES6 / ECMAScript 2015：现代前端的基石ES5与ES6：旧时魔法与新时力量谁在使用ES6？浏览器与Node.js的亲密拥抱重新定义"变量"：let, const为何var不再流行？const: 不仅仅是常量文字游戏: 模板字符... 登录后查看完整内容
✍️ AssignmentES6 Assignment
作业1. Let, Const 和 Var任务: 将以下代码重写为使用 let 和 const 代替 var。解释为什么在每种情况下 let 或 const 更合适。作业2. 箭头函数 (Arrow Functions)任务: 将以下函数转换为箭头函数。然后解释箭头函数如何与常规... 登录后查看完整内容
🎬 VideoES6进阶技巧与实践
Promises & Async/Await：轻松应对异步挑战！深入了解Promises：利用then()精简代码、用catch()处理异常，以及finally()的应用。实际场景中的Promise链式调用异步编程新姿势：使用async/await实现更简洁、易读的代码。... 登录后查看完整内容
✍️ AssignmentES6 (Part2) & TypeScript Assignment
Post-Lesson Exercise: Practicing Callbacks, Promises, and Async/AwaitObjective: This exercise is designed to help students reinforce their u... 登录后查看完整内容
🧪 LabLab(6):使用Promise和ES6创建进度条
进度条 UIHTML 结构:创建进度条的基础 HTML 结构，包括步骤指示和前进/后退按钮。CSS 样式化:应用样式以匹配您提供的设计，包括圆形步骤指示器和连接线。动态样式:使用 CSS 类来定义进度条的不同状态，例如当前步骤、完成步骤和待完成步骤。JavaScript 逻辑设置... 登录后查看完整内容
🎬 VideoTechnical SEO基础知识
1. SEO是什么，SEO是怎么工作的，影响SEO由哪四大要素影响2. SEO用什么工具查看3. Technical SEO具体如何进行有优化4. 网页的结构应该如何进行优化5. 面对SEO规则，HTML里如何进行优化，如何使用Canonical，301等6. 怎样进行提升网站，... 登录后查看完整内容
ℹ️ InformationNode.js如何安装
To install Node.js, you can follow these general steps. The exact process may vary slightly depending on your operating system:Windows or ma... 登录后查看完整内容
ℹ️ InformationReact如何安装
React 安装、配置及创建项目教学文档1. 环境要求首先，确保您的开发环境包括以下：Node.js：React 需要 Node.js 环境。请访问 Node.js 官网 下载并安装最新版本。npm（Node 包管理器）：通常会与 Node.js 一起安装。2. 安装 Creat... 登录后查看完整内容
🎬 VideoReact项目快速上手
React 框架的起源与版本演进历程：介绍 React 框架的起源和发展历程，包括重要版本的发布和主要特性的改进。快速上手 React：配置开发环境：指导学生安装 Node.js 和 VS Code，以便开始 React 应用程序的开发。快速上手 create-react-app... 登录后查看完整内容
🎬 VideoReact组件基础
组件基础：用 SASS 与 Bootstrap 构建组件的外观：介绍如何利用 SASS 预处理器和 Bootstrap 框架来快速构建组件的外观和样式。强大的模板语法 JSX：深入了解 JSX 语法的特点和优势，以及如何在 React 组件中编写 JSX 代码。Props &am... 登录后查看完整内容
🎬 VideoReact Router
快速上手 React Router:探索 React Router，这个强大的库可让你构建单页应用程序的导航系统，快速开始你的路程。嵌套路由:深入了解嵌套路由，通过分层结构创建复杂的页面布局和导航。HashRouter 与 BrowserRouter:对比 HashRouter ... 登录后查看完整内容
🎬 VideoReact表单处理
非受控表单:了解非受控表单，它们是表单元素的一种处理方式，适用于简单的表单，但缺乏状态控制和验证。受控表单:探索受控表单，这种表单通过React组件状态来控制表单元素的值和行为，使数据流更可控。表单校验 (Form Validation):学会如何对表单进行校验，确保用户输入的数... 登录后查看完整内容
🎬 VideoReact服务端交互
典型交互方式：探讨与服务器通信的经典方式，包括 Ajax、Fetch 和 Axios，并介绍它们各自的用途和优势。快速上手 Axios：学习如何迅速上手 Axios，了解其基本用法和常见配置，以及如何发起 HTTP 请求并处理响应。拦截器处理通用操作：了解如何使用 Axios 拦... 登录后查看完整内容
🎬 VideoReact Hooks
React Hooks：介绍 React 内置的 Hooks，如 useState 和 useEffect，并解释它们的作用和用法。深入理解 useState Hook，包括如何在函数组件中管理状态并进行状态更新。深入理解 useEffect Hook，包括如何处理副作用、订阅和... 登录后查看完整内容
🎬 VideoReact基础(1) - 代码质量
代码规范的重要性课堂实践：写出可读性高的代码 - Income Tax Calculator写出符合人类思维方式的代码代码质量的核心概念：可读性、可维护性、可扩展性SOLID 原则小练习：写出一个高质量的 getFlightsStops 函数
🎬 VideoReact基础(2) - 为什么需要 React
传统开发 vs 组件化开发React 的核心概念（声明式 UI、组件化、单向数据流）用 JS 操作 DOM vs 用 React 渲染 UI（对比体验）
🎬 Video开发环境与工具
什么是打包工具？(Webpack)Babel 介绍：JSX 如何转换成 JavaScript？什么是脚手架？创建第一个 React 项目（Vite）小练习：用 Vite 启动一个 React 应用环境
🎬 VideoReact基础(3) - 开发环境与工具
什么是打包工具？(Webpack)Babel 介绍：JSX 如何转换成 JavaScript？什么是脚手架？创建第一个 React 项目（Vite）小练习：用 Vite 启动一个 React 应用环境
🎬 VideoReact基础(4) - 组件 & JSX 语法
JSX 语法规则React 组件如何在 JSX 里写 JavaScript？组件的 Props（属性传递）小练习：编写一个简单的 Button 组件，支持不同文本
🎬 VideoReact基础(5) - 条件渲染 & 列表渲染
if / 三元运算符 ? : / && 渲染组件数组 .map() 生成组件列表为什么 key 很重要？小练习：渲染一个 Todo List
🎬 VideoReact基础(6) - 组件的状态
React 组件是如何保存状态的？useState 的基本用法事件处理（onClick、onChange）状态提升（Lifting State Up）小练习：制作一个带开关的灯泡组件（点击按钮切换亮/灭）
🎬 VideoReact基础(7) - React 组件生命周期 & 使用 API 获取数据
React 组件的生命周期（挂载、更新、卸载）useEffect 介绍清理副作用（避免内存泄漏）小练习：制作一个自动倒计时的组件如何使用 fetch 请求 API处理加载中 & 错误状态小练习：请求 GitHub API 并显示用户信息
🎬 VideoReact 进阶(1) - Thinking in React
Step 1: Break The UI Into A Component HierarchyStep 2: Build A Static Version in ReactStep 3: Identify The Minimal (but complete) Representa... 登录后查看完整内容
🎬 VideoReact 进阶(2) - 测试和 a11y
测试金字塔Unit Testvitestreact testing libjs-domaccessibility
🧪 LabLab(7):使用React和Hooks创建分页应用
项目初始化和组件结构项目设置:创建一个新的 React 应用。设置项目的文件结构，包括组件和样式文件。组件规划:规划所需的组件，包括分页控件和文章列表。构建静态组件静态博客列表:创建一个博客列表组件，该组件包含静态的文章数据。应用基础的样式来匹配提供的截图设计。分页控件:创建一个... 登录后查看完整内容
🧪 LabLab(8):使用React和localStorage构建笔记卡片应用
项目初始化和组件结构项目初始化:创建一个新的 React 应用并设置项目结构。定义笔记卡片组件和笔记输入组件。组件规划:规划应用中的状态管理逻辑。确定哪些组件需要内部状态，哪些需要应用范围的状态。构建静态组件笔记输入组件:实现一个文本输入框，允许用户输入笔记内容。添加一个“保存”... 登录后查看完整内容
🧪 LabLab(9):使用React构建收支管理应用
项目初始化和规划项目设置:使用 create-react-app 初始化一个新的 React 应用。设置项目结构，包括组件、上下文和 reducer 文件。组件设计:规划应用所需的组件，如余额显示、收支摘要、历史记录列表和新增交易表单。构建静态组件余额组件:创建一个显示当前余额的... 登录后查看完整内容
🧪 LabLab(11):使用React, Hooks和Redux Toolkit构建图书馆应用
项目初始化和规划项目设置:使用 create-react-app 初始化一个新的 React 应用。安装 Redux Toolkit 和 React-Redux。组件设计:规划应用所需的组件，如添加书籍表单和书籍列表。构建静态组件添加书籍组件:创建一个表单组件，允许用户输入书名和... 登录后查看完整内容
🎬 Video课后补充知识：什么是SSR，CSR，SSG
服务器端渲染（SSR）介绍SSR的工作原理和主要特点。探索SSR的优势，如更快的首屏加载时间和更好的SEO。客户端渲染（CSR）讲解CSR如何在浏览器端动态生成页面内容。分析CSR的优点，例如更丰富的交互和更好的用户体验。静态站点生成（SSG）说明SSG的概念和生成静态网页的过程... 登录后查看完整内容
ℹ️ InformationMongoDB面试真题: Weather App项目介绍
项目背景：这个项目的灵感来源于MongoDB的面试题。在现代互联网应用中，与远程API的交互成为了一个关键技能。为了提高你的API交互技巧，我们为你设计了这个挑战：创建一个天气预报应用。原始 MongoDB 面试项目题The coding exercise we’d like t... 登录后查看完整内容
🎬 VideoNode.js (1): 引领现代后端的黑马
Node.js与JavaScript的闪耀时刻为什么JavaScript不仅仅是浏览器的语言？从浏览器到后端：Node.js的崛起与它的创始故事。了解Node.js的特性与架构事件驱动(Event-driven)、非阻塞I/O与高并发：Node.js的三大法宝。事件循环(Even... 登录后查看完整内容
🎬 VideoNode.js (2) : API和RESTful API
深入理解URL结构URL的组成部分与意义。默认端口query paramhashtagHTTP请求与响应HTTP请求/响应的基本结构。HTTP方法概览：GET, POST, PUT, DELETE。HTTP中的常用Header：Content-Type、**Cookie**等。了... 登录后查看完整内容
🎬 VideoNode.js (3) : NPM and Express.js
NPM与Node.js的关系什么是NPM？为什么每个Node.js开发者都应该了解它？如何选择一个可靠的npmpackage其他类似于npm的工具使用npmnpm是如何安装一个package的npm是如何管理package的几种不同的依赖方式package的版本管理探索常用的np... 登录后查看完整内容
🎬 VideoExpress和RESTful API实践
Hands-on Practice实践：构建一个简单的Express项目，实现Restful API路由运用postman和debugger进行调试并借助npm包与中间件优化你的代码逻辑
🎬 VideoNode.js (4) : Build express server with industry standard
express项目的文件结构如何把不同文件、模块按职责划分不同项目如何扩展现有的结构日志为什么要记录日志相关的package - winston和morganAPI 安全与限速Helmet的使用了解 Rate Limiting：为什么和如何？用中间件进行API限速。CORS问题及... 登录后查看完整内容
🎬 VideoNode.js (5): MongoDB
初探MongoDBMongoDB的简介：为何它与Node.js成为绝配？数据模型：文档型数据库与传统关系型数据库的对比。CRUD: 针对MongoDB的CRUD练习数据之间的关联和MongoDB进阶如何定义你的数据结构与关系。什么是indexing，aggregation和tra... 登录后查看完整内容
🎬 VideoNode.js (6) : Mongoose & Authorization and Authentication
身份验证与授权的必要性为什么我们需要身份验证？区分身份验证（Authentication）和授权（Authorization）。本地身份验证实战进行本地身份验证：如何存储和验证密码。加密的重要性：了解如何使用bcrypt为用户密码加密。JWT：无状态身份验证JSON Web To... 登录后查看完整内容
🧪 LabLab(10):使用Node.js和Express构建天气查询后端服务器
项目设置和 Express 基础初始化项目:使用 npm init 创建一个新的 Node.js 项目。安装 Express 作为项目依赖。创建基本服务器:设置一个简单的 Express 服务器。添加一个路由，响应根路径 (/) 的 GET 请求。添加天气路由设置路由:创建一个新... 登录后查看完整内容
🎬 VideoWorking with API
一些网站的拥有者使用API，也就是应用程序编程接口，以便于数据提取。API充当了客户端（如你的计算机）与服务器之间的桥梁，使它们能够进行通信。客户端通过这座桥发送请求，服务器则以所需的数据进行响应。想象一下这种用处：设想有两家公司，匠人学院和一个招聘网站，正在寻求合作。如果匠人学... 登录后查看完整内容
🧪 LabLab(12):使用React和Express构建图像上传应用
项目设置和规划项目初始化:使用 create-react-app 初始化一个新的 React 应用。创建一个新的 Express 服务器项目。组件设计:规划前端的组件，包括文件选择器和上传按钮。构建前端组件图像选择组件:创建一个允许用户选择图像文件的组件。确保组件能够显示用户选择... 登录后查看完整内容
🎬 VideoNode.js (10) : Testing and Deploy
不同类型的测试unit testintegration teste2e testNode.js中的测试单元测试的重要性：为什么我们需要它？使用jest：编写第一个单元测试。使用jest 进行mock使用supertest编写integration test部署的A至Z从开发环境到... 登录后查看完整内容
🛠️ WorkshopWorkshop: AWS IAM的基本用法和高级使用
Workshop 分享人： Henry内容：AWS IAM 创建账户IAM 的 policy 如何设置IAM 的 role 如何设置当用户的 Policy 抵达上限，如何解决IAM 如何设置 boundary，如何限制 User 只能使用悉尼地区服务针对 Non-producti... 登录后查看完整内容
🛠️ WorkshopAWS Lambda基础知识
分享人：Shaun内容：1. Serverles 基础概念2. Faas 基础概念 Function-as-a-Service 概念3. Lambda 如何使用，Lambda 的特点，优缺点4. Lambda 在匠人学院 App 里的使用5. 简单的 Lambda Demo
🎬 VideoNode.js (7): Build a CRUD server (1)
数据的验证Mongoose中的数据验证。专门用于数据验证的package - joi。错误处理如何抛出一个错误。如何处理一个错误。有哪些常见的错误需要注意。结合之前课程所学的内容，搭建一个全新的应用讲解新server的应用场景数据结构设计与关联
🎬 VideoNode.js (8): Build a CRUD server (2)
项目搭建从主要资源出发，搭建单一资源的CRUD endpoint数据的分页和实现基于查询参数的数据过滤扩展到多个集合的数据处理集合与集合的数据关系和逻辑关系
🎬 VideoNode.js (9): Build a CRUD server (3)
完成项目完成项目主体功能讲解单边绑定性能优化话题讨论为部署做准备
🎬 VideoThe Four Prototyping Patterns: Prompting, Fine-Tuning, RAG, Agents
The Four Prototyping Patterns: Prompting, Fine-Tuning, RAG, AgentsBY THE END OF THE SESSION• Prompting "giving the LLM more context" Prompti... 登录后查看完整内容
🎬 VideoIntroduction to Retrieval Augmented Generation (RAG)
学习目标- 掌握Retrieval Augmented Generation (RAG)的基本概念，理解其在生成式AI中的作用- 学习如何通过RAG结合信息检索与生成模型，提高生成内容的相关性和准确性- 掌握RAG系统的核心组件，包括文档检索、嵌入生成与生成模型的集成- 提升在实... 登录后查看完整内容
📚 Lesson 7Introduction to Embeddings
学习目标- 掌握Embeddings的基本概念及其在自然语言处理、信息检索等领域的应用- 学习如何生成和使用文本嵌入向量表示语义关系- 理解不同Embedding模型的工作原理及其对文本表示的影响- 提升在实际项目中使用Embeddings进行文本分类、相似性搜索等任务的能力知识... 登录后查看完整内容
🎬 VideoOpen AI Huggingface讲解 - Guang
OpenAI概览介绍OpenAI的发展历程、愿景和主要成果。提示词工程与高级使用探讨如何精准地使用提示词来提高模型的效果。分析高级应用技巧和策略。OpenAI的其他模型了解OpenAI提供的各种AI模型及其特点和用途。开源AI模型对比探讨与OpenAI相似的开源模型，比较它们的优... 登录后查看完整内容
📚 Lesson 10Building RAG from Scratch in JavaScript
学习目标掌握如何使用JavaScript从零开始构建一个完整的Retrieval Augmented Generation (RAG)系统理解RAG系统的核心组件，包括Information Retrieval、Embeddings和Generative Models学习如何将检... 登录后查看完整内容
🎬 VideoTutorial (Azure AI Preparation)
课程内容：注册Azure账号，开通Speech Service，开通OpenAI API具体任务：学员在导师指导下注册Azure账号，https://azure.microsoft.com/en-au/free/ai-services开通Speech Servicehttps:/... 登录后查看完整内容
🎬 VideoAzure AI Service和TTS
前置条件微软云Azure AI Service 提前注册课程内容Icebreaking，导师自我介绍，学员自我介绍AI 简介AI是什么葫芦里的什么药AI是什么药（是什么，能干什么）AI是什么葫芦（几种实现技术）传统算法深度学习机器学习大语言模型（机器学习的一种分支）AI相关的几个... 登录后查看完整内容
🎬 VideoIntegrate Azure AI Service and Streaming
前置条件完成课程Azure AI Service和TTS课程内容Warmup，回顾上一节的练习和下一步练习回顾后端获取短期token下一步：前端用token通过Stream 模式和AI Service通讯，跟随练习说明，写一个React App，调用后端获取token， 并进行S... 登录后查看完整内容
🎬 VideoIntegrate Azure AI and OpenAI
前置条件完成课程 Integrate Azure AI Service and Streaming已注册ChatGPT/Open AI并开通Open AI API服务 （需要预存5美金）课程内容上次课程（Azure语音转文字和翻译）的回顾Generative AI几个最常见的Ge... 登录后查看完整内容
🎬 VideoWorkshop: 持续集成(CI)/持续部署(CD)的概念以及Jenkins的使用
分享人：Roger内容：持续集成(CI)/持续部署(CD)的概念Jenkins 如何一步一步部署上的Jenkins 的 Docker Image 如何部署的如何实现 Nodejs 后端的自动化部署如何实现 React 前端的自动化部署
内部工具