超过4000人信任的AI Web全栈项目训练营,通过真实的团队大项目经验,拿到Offer。从23期起墨尔本,悉尼,布里斯班 .NET线下开班
前端React+后端Node.js、.NET、Java三个方向,RAG,AWS,Agile等任你学习
获取项目经验,实习经验,让你求职不再无筹码
下一期火热来袭!AI+RAG+React+Node.js+ .NET 新班开课!
Part1: 筑基篇
Part2: 职业篇
Part3: 专业心态篇
Part4: 行动指南篇
网页的心跳:网页如何呈现给用户
深入HTML的构架
HTML的其他要素
现代HTML5新增特性
<article>, <section>, <nav>, <header>, <footer>等。<audio>和<video>标签嵌入音频和视频。表单与用户互动
网页的布局基础
响应式Web设计入门
与其他技术的交互
布置第一个作业:registration_form
CSS概念
Emmet语法
ul>li*5后,可快速展开为5个列表项的无序列表。选择器的种类及其作用
.classname。<div class="class1 class2">。#idname。CSS字体与文本属性
font-family,font-size,font-weight等。font:12px Arial,sans-serif;可以一次性设置多个字体相关的属性。text-align,text-decoration,text-transform等用于控制文本的显示效果。CSS样式表的种类
<head>中使用<style>标签。style属性。.css文件链接到HTML,使样式与内容分离。选择器的进阶使用
div p选择所有div内的p元素。div>p只选择div的直接子元素p。h1,h2,h3可以同时为多个标签设置样式。链接伪类选择器
:hover,:active,:visited等,用于定义链接或其他元素在不同状态下的样式。元素显示模式
span,不独占一行。div,独占一行。display属性,如display:block;或display:inline;。背景属性(background)
background-color,background-image,background-repeat等,用于设置元素的背景。CSS的三大特性
!important,选择器的权重等。CSS盒模型(Box Model)
边距的特性
margin:0 auto;可以使块元素在容器中水平居中。Flex布局
flex-container,flex-item,justify-content,align-items等。Flex属性
flex-grow,flex-shrink,flex-basis等,用于控制flex容器内元素的大小和排列。Card Design作业评议与SVG编辑
box-sizing的实际应用
CSS长度单位探讨
文本溢出处理
伪类与伪元素的使用
float的应用技巧
选择器的特异性 (specificity)
响应式设计基础
Bootstrap与Semantic UI
CSS预处理器简介:
CSS的挑战与Sass解决方案
深入Flexbox
UI设计原则与组件库
作业指导
JavaScript的奇幻之旅:
探索js的秘密:
Data Types,感知数据的生命力。Naming Conventions,并感受到Hoisting带来的惊喜。动态的数据操作:
Operators的秘密语言,看它们如何让数据生动起来。==与===的精确差异Type Conversion,体验其动态特性。Precision问题,学会安全的数据处理技巧。数组的神秘世界:
Arrays。sort还是filter,并学会使用break和continue来调控循环的行为。控制代码的流程:
Conditional Statements让代码做出决策。Loops让魔法反复施放,直到完成神奇的任务。Dive into Functions:
Functions,随时随地召唤。Scope和参数传递的机制。Strict Mode,为什么它是良好编程实践的一部分。Objects:模型化复杂的现实世界
Objects,看它们如何代表复杂的事物。Objects和Arrays的冒险,了解它们在JavaScript世界中的地位。最佳实践和注意事项:
Strict Mode,掌握其在现代JavaScript开发中的重要性。探索版本控制的魔法
开启你的Git旅程
git init**的魔力。mkdir:快速创建你的项目目录。创建并驾驭你的代码宝库(Repository)
保护与跟踪你的代码
add**, **commit**以及它们如何帮助你管理更改。git log**:用美化的log追溯你的代码历史。.gitignore:掌握哪些文件不应纳入版本控制。clone**, push, pull。Sourcetree:让Git操作可视化
出错了怎么办:撤回与修复
reset, revert, amend:让你的代码时光倒流。checkout和stash:两种保存和切换的策略,它们的不同之处。更进一步:分支管理与合作
merge、处理代码冲突。rebase:为什么和何时使用它。pull request与代码审查:如何高效、规范地合作。当代码世界相撞:冲突(Conflict)解决大师
rebase与merge的策略,成为解决冲突的高手。Git的小贴士和技巧
.gitignore文件:让某些文件“隐形”。Git遇见GitHub:开放的代码舞台
Links:
1. SEO是什么,SEO是怎么工作的,影响SEO由哪四大要素影响
2. SEO用什么工具查看
3. Technical SEO具体如何进行有优化
4. 网页的结构应该如何进行优化
5. 面对SEO规则,HTML里如何进行优化,如何使用Canonical,301等
6. 怎样进行提升网站,Page Speed如何提升
服务器端渲染(SSR)
客户端渲染(CSR)
静态站点生成(SSG)
选择最适合的渲染技术
闪回与展望: ES6简介
重新定义"变量":let, const
var不再流行?const: 不仅仅是常量文字游戏: 模板字符串 (Template Literals)
赋值艺术: 解构 (Destructuring)
对象的新姿态: 增强的对象字面量
函数进化论: 箭头函数 (Arrow Functions)
this 的革命展开与收纳: 扩展操作符 (Spread & Rest)
可选与默认: 参数默认值
undefined异步的新篇章: Promises
数据的新世界:Set & Map
遍历与创新: 迭代器 (Iterators) 与生成器 (Generators)
Promises & Async/Await:轻松应对异步挑战!
Promises:利用then()精简代码、用catch()处理异常,以及finally()的应用。async/await实现更简洁、易读的代码。Destructuring(解构赋值):一步到位,快速提取值!
Spread & Rest Operators(展开和剩余操作符):更便捷地操作数据!
...操作符展开数组和对象。Enhanced Object Literals(增强的对象字面量):定义对象,更佳清晰!
Iterators & Generators(迭代器和生成器):掌控数据流!
Iterators?如何自定义迭代。New Data Structures:Map&Set—探索新的数据结构!
Map和Set的应用,它们与传统对象和数组的差异。Modules(模块化):组织和重用代码的新方式!
import和export模块。Symbols & Well-Known Symbols
React 框架的起源与版本演进历程:
快速上手 React:
组件基础:
快速上手 React Router:
嵌套路由:
HashRouter 与 BrowserRouter:
React Router 运行机制:
非受控表单:
受控表单:
表单校验 (Form Validation):
典型交互方式:
快速上手 Axios:
拦截器处理通用操作:
封装可复用的 Axios 服务:
React 组件的生命周期:
VDOM:
类组件与函数式组件:
复合组件:
高阶组件:
开源组件库与企业业务组件库:
动态生成页面与 React 低代码:
React Hooks:
用 useTranslation 钩子实现组件的 i18n:
状态管理:
自动化测试:
React背景
createReactApp
声明式vs命令式
组件化编程
实验/练习
create-react-app*创建一个简单的应用。课后作业
JSX
组件(Component)
Props
React和CSS
State(状态)
setState**的异步性质State Lifting(状态提升)
条件渲染
React思维范式
Hooks
useState, useEffect等)调用远端API
fetch或axios进行API调用列表渲染
.map()方法进行列表渲染key属性组件生命周期
componentDidMount, componentDidUpdate, componentWillUnmount)useEffect)的关联useState和useEffect在一个组件中管理状态和副作用。Thinking in React
澳洲前端文化
代码质量的重要性
老师:Michel Su
公司:Atlassian
职位:SRE
内容:
1. AWS的基础知识,已经AWS是什么,为什么使用Cloud云计算服务
2. 云计算的优势是什么,云计算的种类,为什么要用AWS
3. IAM是什么,如何定义IAM,Users,Groups,Roles分别是什么,如何进行实施
4. s3的基本操作,如何创建S3的bucket
5. ec2是什么,如何启用ec2。ec2 ,ecs,lambda区别是什么,如何设计
6. Load Balancer是什么,Application Load Balancer用来做什么的。Network的协议是什么
7. AWS考试以及证书是什么
8. API gateway的实施
9. 使用老师提供的项目build一个Serverless的Web Application
前端App部署基础
创建AWS S3 Bucket
编写Bucket策略
Bucket的日常操作
Node.js与JavaScript的闪耀时刻
了解Node.js的特性与架构
熟悉Node.js开发环境
Node.js中的模块系统
require和module.exports。熟悉Node.js的核心模块
fs:如何与服务器上的文件进行交互。搭建一个简单的webserver
/aboutURL,返回"About Us"信息。碰到bug如何解决
实践练习:HelloNode!
深入理解URL结构
HTTP请求与响应
Content-Type、**Cookie**等。数据传输格式 - JSON
API与RESTful API
API中涉及到的authentication和authorization
Postman:API 开发者的利器
实践练习:调用第三方API
NPM与Node.js的关系
使用npm
探索常用的npm包
lodash:JavaScript实用工具库,提供模块化、性能高效、功能丰富的方法。axios:基于promise的HTTP客户端,用于浏览器和node.js。Express.js:Web开发的新时代
了解Express的路由
Express中的中间件:工作流的灵魂
express项目的文件结构
日志
API 安全与限速
API文档和版本控制
初探MongoDB
数据之间的关联和MongoDB进阶
连接MongoDB:开始Node.js与数据库的对话
CRUD操作实战与最佳实践
简单的API与MongoDB的集成
结合之前课程所学的内容,搭建一个全新的server
数据的分页和过滤
理解Single Page Application的路由、Context和Redux
课程目标
详细教学内容
SPA与路由
react-router-dom*Context的作用
Redux基础概念
Context与Redux的对比
SPA、Context和Redux的结合
实验/练习
课后作业
react-router-dom*、Context API和Redux的部分。数据的验证
错误处理
1. Agile敏捷开发:历史与哲学探究
2. 深入Agile Manifesto (敏捷宣言)
3. Scrum、Kanban:敏捷的支柱
4. 深入Scrum
5. 用户故事与验收标准:需求的精髓
6. 实践出真知:构建自己的敏捷看板
7. 敏捷在企业中的演进
8. 敏捷的未来展望
1. Agile 的由来、开发宣言、原则、主要关注点,什么是价值
2. 传统的项目管理如何进行的:悉尼歌剧院,悉尼轻轨
3. Software Development Life Cycle(SDLC)是什么, 具体的每个阶段是什么
4. SDLC-Waterfall和V Model是什么
5. Project Management Methodologies有什么
6. Lean Startup是什么
7. 为什么使用敏捷开发,什么是敏捷开发,与Waterfall有什么区别
8. Agile的价值观是什么,Agile Manifesto是什么,12个原则是什么
1. 敏捷开发采用的具体方法,什么是Scrum,什么是Kanban
2. 结合实际工作讲解各个流程:scrum planning,daily standup,scrum board,scrum review meeting,spring retrospective meeting
3. Kanban的几个阶段,具体每个阶段的意义是什么
4. Scrum在敏捷开发中的定义是什么
5. Scrum里面的roles是什么,Artifacts是什么,Scrum里面包含的Events有什么
6. SCRUM的3355原则是什么,Value Propositions是什么
7. Retrospective meeting主要用来作什么的
8. Scrum的Teams Roles: Product Owner, Development Team, Scrum Master,分别是什么
9. Kanban具体的步骤是什么
10. 怎样写 backlog,怎样写用户故事:“完成”的定义,故事拆分和故事估算
11. User Story是什么,具体的User Story该怎么写
12. Sprint Planning是什么
来自微软曾获得MVP的Ray老师,讲述以微软Windows交付使用Agile的流程
1. 微软是如何使用Agile的,如何使用Agile敏捷开发以及采用DevOps文化
2. Windows的发布周期
3. Waas是什么,Windows as a Service,其中Rings是什么
4. 微软的开发团队分布
5. Windows开发具体的周期
6. Up-front Planning开发,Code Test Stabilize 过程
7. Windows的开发流程如何转型的,如何提升效率和成功率的
8. Agile在项目开发中的好处是什么
测试与测试的重要性
课程目标
详细教学内容
软件测试的基本概念
测试的重要性
React组件测试
React应用测试
实验/练习
课后作业
身份验证与授权的必要性
本地身份验证实战
JWT:无状态身份验证
OAuth2.0与第三方身份验证
Session管理与Cookie安全
Role-Based Access Control(RBAC)
Hands-on Practice(实践):
不同类型的测试
Node.js中的测试
部署的A至Z
备份与灾难恢复
Iteration0,CI/CD,ESLint和CommitHook的重要性
课程目标
详细教学内容
Iteration0的概念和重要性
CI/CD基础
ESLint的应用
CommitHook的设置与应用
综合应用:Iteration0与CI/CD
实验/练习
课后作业
分享人:Gary
内容:
RESTFul与GraphQL对比
GraphQL的核心概念
GraphQL查询语言
实际操作 - 创建一个Authentication Form
课程目标
详细教学内容
身份认证的基础知识
React中的身份认证概念
Authentication Form的设计与实现
安全性考虑
实验/练习
课后作业
Next.js和不同的渲染模式—创建带分页功能的列表
课程目标
详细教学内容
Next.js概述
渲染模式的对比
实战:创建带分页功能的列表
高级特性与最佳实践
getStaticProps 和 getServerSideProps实验/练习
课后作业
分享人: Xiaokai & Yinhang
内容:
分享人:Roger
内容:
分享人:Kevin
内容:
1. Jenkins和AWS Codedeploy的区别是什么,有什么优点好处
2. 代码里的Jenkinsfile逐行解读
3. Jenkins如何开一个新的pipeline部署到Branch上
4. 如何使用AWS CodePipeline部署
OpenAI概览
提示词工程与高级使用
OpenAI的其他模型
开源AI模型对比
产品和运维中的应用
分享人: 虎头锤
内容:
Kafka简介
Event First设计
Kafka实战应用
分享人:虎头锤
内容:
澳洲Java工作市场分析
回答行为面试问题
简历撰写和个人品牌打造
分享人: 老虎
内容:
澳洲后端开发者必备知识
数据库技能
API开发与RESTful服务
版本控制和代码协作
云服务和容器化技术
软件工程最佳实践
分享人:Ben
内容:
系统设计面试的基本功
面试准备方法
Monolith架构解析
Microservice架构探索
主讲人:Bryan
内容 :
IoT概览
IoT架构与最佳实践
实时应用与技术栈
案例研究和演示
分享人: 韭天
内容:
薪资的组成
提升薪资的方法
优质雇主的选择
职业生涯规划
分享人:Kevin
内容:
1. 校招和社招的要求,entry level vs junior level vs mid level
2. 职场规划,沟通能力的重要性,team match 的重要性
3. 澳洲公司情况,产品方向 vs 咨询方向
4. 找工作网站的区别、建议
5. 工作类型,permanent vs contractor,薪资期待,福利待遇
6. 获取工作的方式:meetup、猎头、内推,如何区分和利用猎头,内推的作用
7. 如何经营 linkedin:提高 SEO 和可读性、扩大人脉、利用 open network、写好 profile
8. 招聘流程,怎样投简历,怎样说未来计划,怎样说 notice period
9. 怎样写简历,LMS 简历制作功能,怎样罗列自己的技能,怎样把项目经历写进简历
10. 求职信的作用,怎样写求职信
1. 校招和社招的要求,entry level vs junior level vs mid level
2. 职场规划,沟通能力的重要性,team match 的重要性
3. 澳洲公司情况,产品方向 vs 咨询方向
4. 找工作网站的区别、建议
5. 工作类型,permanent vs contractor,薪资期待,福利待遇
6. 获取工作的方式:meetup、猎头、内推,如何区分和利用猎头,内推的作用
7. 招聘流程,怎样投简历,怎样说未来计划,怎样说 notice period
8. 怎样写简历,LMS 简历制作功能,怎样罗列自己的技能,怎样把项目经历写进简历
9. 求职信的作用,怎样写求职信
老师:Xuecong,就职于悉尼 AWS,SDE
内容:
1. 澳洲大厂开发类岗位面试常见流程
2. 如何‘管理'整个面试流程
3. 如何准备面试申请
4. 准备面试,哪些专业能力需要提高
5. 如何准备大厂面试,体现价值观和企业文化
6. 面试当天注意事项
7. 如何接受,拒绝,协商 Offer
分享人:Kevin
内容:
分享人:Chen
内容:
秋招时间规划
准备秋招的步骤
笔试准备技巧
面试技巧训练
1. 校招和社招的要求,entry level vs junior level vs mid level
2. 职场规划,沟通能力的重要性,team match 的重要性
3. 澳洲公司情况,产品方向 vs 咨询方向
4. 找工作网站的区别、建议
5. 工作类型,permanent vs contractor,薪资期待,福利待遇
6. 获取工作的方式:meetup、猎头、内推,如何区分和利用猎头,内推的作用
7. 如何经营 linkedin:提高 SEO 和可读性、扩大人脉、利用 open network、写好 profile
8. 招聘流程,怎样投简历,怎样说未来计划,怎样说 notice period
9. 怎样写简历,LMS 简历制作功能,怎样罗列自己的技能,怎样把项目经历写进简历
10. 求职信的作用,怎样写求职信
AI in Programming Workshop
地址
Level 10b, 144 Edward Street, Brisbane CBD(Headquarter)Level 2, 171 La Trobe St, Melbourne VIC 3000四川省成都市武侯区桂溪街道天府大道中段500号D5东方希望天祥广场B座45A13号Business Hub, 155 Waymouth St, Adelaide SA 5000Disclaimer
JR Academy acknowledges Traditional Owners of Country throughout Australia and recognises the continuing connection to lands, waters and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders past and present. Aboriginal and Torres Strait Islander peoples should be aware that this website may contain images or names of people who have since passed away.
匠人学院网站上的所有内容,包括课程材料、徽标和匠人学院网站上提供的信息,均受澳大利亚政府知识产权法的保护。严禁未经授权使用、销售、分发、复制或修改。违规行为可能会导致法律诉讼。通过访问我们的网站,您同意尊重我们的知识产权。 JR Academy Pty Ltd 保留所有权利,包括专利、商标和版权。任何侵权行为都将受到法律追究。查看用户协议
© 2017-2025 JR Academy Pty Ltd. All rights reserved.
ABN 26621887572