logo
训练营

超过4000学员信任

AI Web全栈项目班 课程安排

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

超过4000人信任的AI Web全栈项目训练营,通过真实的团队大项目经验,拿到Offer。从23期起墨尔本,悉尼,布里斯班 .NET线下开班

前端React+后端Node.js、.NET、Java三个方向,RAG,AWS,Agile等任你学习

获取项目经验,实习经验,让你求职不再无筹码

报名福利:
完成表单报名,即可获得专属报名优惠!仅扫码咨询不享受优惠,请提交表单完成报名。

下一期火热来袭!AI+RAG+React+Node.js+ .NET 新班开课!

feature3个月商业团队AI项目经验+实习
feature80+ Career Coaching Self-paced Learning课程
feature线上和线下同时学习
feature庞大匠人校友网络
feature3个月商业团队AI项目经验+实习
feature80+ Career Coaching Self-paced Learning课程
feature线上和线下同时学习
feature庞大匠人校友网络

课程大纲

    Web基础技能提升
    Introduction&Career

    Part1: 筑基篇

    • 课程结构:以实战和互动为核心,帮助学员建立扎实的基础。
    • 导师介绍:经验丰富的行业专家,以实际案例和经验分享为主导。
    • 课程安排:平衡理论学习和实践操作,注重学员个体进步。
    • 实战项目:结合市场需求设计,让学员在模拟真实工作环境中学习。
    • 破冰小游戏:增进同学间的交流与合作,营造积极的学习氛围。

    Part2: 职业篇

    • 行业福利:详解IT行业的福利体系,帮助学员全面了解职业待遇。
    • 就业市场分析:深入讲解当前市场趋势和就业机会。
    • 职业培训:提供定制化的技能培训,以符合行业需求。
    • 简历库和社群资源:分享优质简历模板,建立专业社群,助力职业发展。
    • 招聘渠道介绍:解析不同招聘渠道的特点和应对策略。

    Part3: 专业心态篇

    • 心态培养:探讨在IT行业中成功所需的心态。
    • IT行业特点:分析IT行业的工作环境和挑战。
    • 企业文化和价值观:讲解如何融入企业文化,理解并实践公司价值观。
    • Ownership和Leadership:重点讲解这两种重要的职业素养和领导能力。

    Part4: 行动指南篇

    • 总体期望:明确课程的终极目标,帮助学员设定合理期望。
    • 上课期望:指导学员如何高效学习,包括课前准备和课后复习。
    • 背景调查:教授如何进行行业和公司的背景调查,为职业发展做准备。
    • Q&A环节:提供一个开放的讨论环境,鼓励学员提出疑问和分享想法。
    HTML&CSS的奥秘

    网页的心跳:网页如何呈现给用户

    • 网页旅程:探究一个网页如何从服务器传输到你的屏幕的背后原理。
    • HTML标签揭秘:网络的基石。熟悉最常用的标签并理解它们的功能。

    深入HTML的构架

    • HTML结构:学习HTML的基本框架和其重要性。
    • 头部(Head)解析:头部标签里包含了什么?为什么它是如此重要?
    • HTML的观众:HTML是为了人类还是机器而创建的?或者两者兼而有之?
    • 元素之间的区别:什么是Block元素?什么是Inline元素?为什么需要区分?
    • 常用标签探讨:深入了解和实践常用的HTML标签。
    • 标签的语义性:为什么选择正确的标签很重要?如何提高代码的可读性和无障碍访问性。

    HTML的其他要素

    • HTML注释的艺术:为什么注释是重要的,以及如何正确地使用它们。
    • 跨浏览器的兼容性:在不同的浏览器上,为什么同一代码会显示不同的样子?如何确保你的代码对所有用户都是友好的?

    现代HTML5新增特性

    • 新的语义标签:如<article><section><nav><header><footer>等。
    • 多媒体标签:如何使用<audio><video>标签嵌入音频和视频。

    表单与用户互动

    • 表单基础:输入类型、标签和属性的详细介绍。
    • 数据验证:如何使用HTML自带的验证功能确保用户输入的数据有效。

    网页的布局基础

    • Box Model:详细解析边距、边框、填充和内容如何共同作用。
    • Position:学习static、relative、absolute和fixed定位的基本知识。

    响应式Web设计入门

    • Viewport:什么是Viewport?为什么它对移动设备如此重要?
    • Media Query:基础介绍,如何根据不同的设备和屏幕尺寸应用不同的CSS样式。

    与其他技术的交互

    • 嵌入JavaScript:简单介绍如何在HTML中使用JavaScript增强互动。

    布置第一个作业:registration_form

    HTML&CSS (Part 2)

    CSS概念

    • 定义:CSS(级联样式表)是用来装饰和布局网页的语言。
    • 作用:让网页内容更加美观,为HTML元素设置样式。

    Emmet语法

    • 定义:一个高效的编码快捷工具,帮助快速编写HTML/CSS。
    • 示例:输入ul>li*5后,可快速展开为5个列表项的无序列表。

    选择器的种类及其作用

    • 标签选择器:针对特定HTML标签应用样式。
    • 类选择器:一个或多个HTML元素的自定义样式。例如,.classname
    • 类选择器多类名使用:一个元素可以应用多个类名,例如<div class="class1 class2">
    • ID选择器:针对特定ID的HTML元素应用样式。例如,#idname
    • 通配符选择器(``):选取所有元素应用统一样式。

    CSS字体与文本属性

    • 字体属性:如font-family,font-size,font-weight等。
    • 复合属性:例如font:12px Arial,sans-serif;可以一次性设置多个字体相关的属性。
    • 文本样式:如text-align,text-decoration,text-transform等用于控制文本的显示效果。

    CSS样式表的种类

    • 内部样式表:直接在HTML文件的<head>中使用<style>标签。
    • 行内样式:直接在HTML元素上使用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)

    • 包括:内容(content),填充(padding),边框(border),外边距(margin)。

    边距的特性

    • Margin水平居中:如margin:0 auto;可以使块元素在容器中水平居中。
    • Margin合并塌陷:当两个垂直边距相遇时,它们将形成一个边距。

    Flex布局

    • 介绍:一个为设计复杂布局而生的模型,主要用于调整元素在不同设备和屏幕大小上的显示。
    • 基本概念:如flex-container,flex-item,justify-content,align-items等。

    Flex属性

    • flex-grow,flex-shrink,flex-basis等,用于控制flex容器内元素的大小和排列。
    CSS&Sass

    Card Design作业评议与SVG编辑

    • 回顾与讨论学生提交的card design作业。
    • 如何编辑SVG图像以增强设计效果。

    box-sizing的实际应用

    • 解释box-sizing属性如何影响元素的宽高计算。
    • 展示content-box与border-box之间的区别。

    CSS长度单位探讨

    • 绝对单位:如px, pt, cm等。
    • 相对单位:如em, rem, vw, vh等。

    文本溢出处理

    • 了解`word-wrap`和`word-break`属性如何帮助控制文本溢出。

    伪类与伪元素的使用

    • 如:hover, ::before, ::after等。
    • 演示如何使用它们增强页面样式和效果。

    float的应用技巧

    • 介绍float属性的常见用途,如创建多列布局或水平菜单。

    选择器的特异性 (specificity)

    • 讲解如何计算选择器的权重,以及为何某些样式没有被应用。

    响应式设计基础

    • 为什么响应式设计是必要的。
    • 如何使用媒体查询创建适应不同屏幕大小的布局。

    Bootstrap与Semantic UI

    • 简介Bootstrap,展示如何使用Bootstrap实现响应式设计。
    • 介绍Semantic UI框架并比较其与Bootstrap的异同。

    CSS预处理器简介: 

    • 什么是Sass、Less等预处理器?为什么它们在现代网页开发中很有用?

    CSS的挑战与Sass解决方案

    • 讨论在大型项目中CSS可能面临的问题。
    • 介绍Sass (SCSS) 如何简化CSS编写,以及如何使用变量、嵌套等功能。

    深入Flexbox

    • 了解Flexbox如何解决传统布局问题。
    • 探索`flex`, `flex-grow`, `flex-shrink`等属性的使用。

    UI设计原则与组件库

    • 学习创建出色UI的基本原则。
    • 介绍流行的组件库,如Material-UI或Ant Design。
    • 展示个人网站设计案例,启发学生的设计灵感。


    作业指导

    • 要求使用本节课学到的技能完成四个Card布局。
    JavaScript

    JavaScript的奇幻之旅:

    • 跟随时间的轨迹,了解JavaScript如何从一个小小的脚本语言成为Web的重要组成部分。
    • 理解其如何成为Web的核心语言。
    • 体验Node.js的魅力,看看如何轻松地在这个环境中运行你的JS代码。

    探索js的秘密:

    • 深入了解JavaScript的独特Data Types,感知数据的生命力。
    • 认识变量命名背后的Naming Conventions,并感受到Hoisting带来的惊喜。

    动态的数据操作:

    • 学习Operators的秘密语言,看它们如何让数据生动起来。
    • 了解=====的精确差异
    • 深入探讨JavaScript的Type Conversion,体验其动态特性。
    • 揭示数字计算中的Precision问题,学会安全的数据处理技巧。

    数组的神秘世界:

    • 从创建到访问,全方位认识Arrays
    • 探索数组的神奇方法,无论是sort还是filter,并学会使用breakcontinue来调控循环的行为。

    控制代码的流程:

    • 体验如何使用Conditional Statements让代码做出决策。
    • 利用Loops让魔法反复施放,直到完成神奇的任务。

    Dive into Functions:

    • 学习如何将神奇的咒语封装成Functions,随时随地召唤。
    • 定义和调用函数,了解Scope和参数传递的机制。
    • 介绍Strict Mode,为什么它是良好编程实践的一部分。

    Objects:模型化复杂的现实世界

    • 深入了解Objects,看它们如何代表复杂的事物。
    • 体验ObjectsArrays的冒险,了解它们在JavaScript世界中的地位。

    最佳实践和注意事项:

    • 深入了解Strict Mode,掌握其在现代JavaScript开发中的重要性。
    • 认识一些常见的JavaScript陷阱,并学会如何避免它们。
    Git Introduction

    探索版本控制的魔法

    • 为什么我们都爱版本控制?
    • 分布式(Distributed) vs 集中式(Centralized):Git的独特之处。
    • 什么是分布式版本控制系统
    • 主流的 git 系统介绍

    开启你的Git旅程

    • 一步步引导你安装和配置Git。
    • 为Git设定你的身份:告诉Git你是谁。
    • 初始化Git空间: **git init**的魔力。
    • mkdir:快速创建你的项目目录。

    创建并驾驭你的代码宝库(Repository)

    • 初始化你的第一个Git仓库。
    • 如何管理和跟踪你的代码变更。

    保护与跟踪你的代码

    • 如何安全地保存你的代码更改?
    • 了解**add**, **commit**以及它们如何帮助你管理更改。
    • 深入理解**git log**:用美化的log追溯你的代码历史。
    • .gitignore:掌握哪些文件不应纳入版本控制。
    • 探索日常工作中使用Git的标准流程。
    • 远程仓库(Remote Repository)的创建与管理:掌握**clone**, push, pull

    Sourcetree:让Git操作可视化

    • 为什么需要图形化工具?
    • 如何使用Sourcetree提高工作效率。

    出错了怎么办:撤回与修复

    • 掌握reset, revert, amend:让你的代码时光倒流。
    • checkoutstash:两种保存和切换的策略,它们的不同之处。

    更进一步:分支管理与合作

    • 学习如何merge、处理代码冲突。
    • rebase:为什么和何时使用它。
    • pull request与代码审查:如何高效、规范地合作。

    当代码世界相撞:冲突(Conflict)解决大师

    • 当代码出现纷争,我们该如何和平解决?
    • 使用rebasemerge的策略,成为解决冲突的高手。

    Git的小贴士和技巧

    • 介绍神奇的.gitignore文件:让某些文件“隐形”。
    • 快速、有效地查看你的代码历史。

    Git遇见GitHub:开放的代码舞台

    • GitHub: 一个开发者的乐园。
    • 如何在GitHub上展示你的才华,与全球开发者共舞。

     

    Links:

    1. Git client: https://git-scm.com/
    2. SourceTree: https://www.sourcetreeapp.com/
    3. Visualizing Git: http://git-school.github.io/visualizing-git/#free
    4. Windows Terminal: https://www.microsoft.com/en-us/p/windows-terminal/9n0dx20hk701
    5. Powerline for Windows Terminal: https://docs.microsoft.com/en-us/windows/terminal/tutorials/powerline-setup
    6. Windows Subsystem for Linux: https://docs.microsoft.com/en-us/windows/wsl/install-win10
    Technical SEO基础知识

    1. SEO是什么,SEO是怎么工作的,影响SEO由哪四大要素影响

    2. SEO用什么工具查看

    3. Technical SEO具体如何进行有优化

    4. 网页的结构应该如何进行优化

    5. 面对SEO规则,HTML里如何进行优化,如何使用Canonical,301等

    6. 怎样进行提升网站,Page Speed如何提升

    课后补充知识:什么是SSR,CSR,SSG

    服务器端渲染(SSR)

    • 介绍SSR的工作原理和主要特点。
    • 探索SSR的优势,如更快的首屏加载时间和更好的SEO。


    客户端渲染(CSR)

    • 讲解CSR如何在浏览器端动态生成页面内容。
    • 分析CSR的优点,例如更丰富的交互和更好的用户体验。

    静态站点生成(SSG)

    • 说明SSG的概念和生成静态网页的过程。
    • 探讨SSG的使用场景,如博客、文档站点等。

    选择最适合的渲染技术

    • 根据不同的项目需求和目标,讨论如何选择最合适的渲染方式。
    Web Application Delivery
    探索现代JavaScript —— ES6 (ECMAScript 2015)之魅力

    闪回与展望: ES6简介

    • 老师自我介绍
    • ES6 / ECMAScript 2015:现代前端的基石
    • ES5与ES6:旧时魔法与新时力量
    • 谁在使用ES6?浏览器与Node.js的亲密拥抱

    重新定义"变量":let, const

    • 为何var不再流行?
    • const: 不仅仅是常量

    文字游戏: 模板字符串 (Template Literals)

    • 无痛多行与字符串嵌入 Seamless multi-line support & string interpolation
    • 动态字符串制造器 • Dynamic string generation

    赋值艺术: 解构 (Destructuring)

    • 数组、对象,一切尽在掌握
    • 函数参数的魔法展示
    • 从对象和数组中轻松提取信息,让数据处理变得更高效

    对象的新姿态: 增强的对象字面量

    • 简洁、直观、强大
    • 动态属性:令人惊叹的新技巧

    函数进化论: 箭头函数 (Arrow Functions)

    • this 的革命
    • 简洁与力量的完美结合

    展开与收纳: 扩展操作符 (Spread & Rest)

    • 数组、对象的新演绎
    • 收纳与释放的双重魔法

    可选与默认: 参数默认值

    • 告别undefined
    • 动态、简洁、高效

    异步的新篇章: Promises

    • 回调地狱不再有
    • 编程的艺术与优雅

    数据的新世界:Set & Map

    • 集合与映射:新玩家的加入
    • 高效、强大、无与伦比

    遍历与创新: 迭代器 (Iterators) 与生成器 (Generators)

    • 数据的流动与控制
    • 迭代的未来与创新
    ES6进阶技巧与实践

    Promises & Async/Await:轻松应对异步挑战!

    • 深入了解Promises:利用then()精简代码、用catch()处理异常,以及finally()的应用。
    • 实际场景中的Promise链式调用
    • 异步编程新姿势:使用async/await实现更简洁、易读的代码。
    • 👇随堂练习

    Destructuring(解构赋值):一步到位,快速提取值!

    • 从对象和数组中轻松提取信息,让数据处理变得更高效。
    • 👇随堂练习

    Spread & Rest Operators(展开和剩余操作符):更便捷地操作数据!

    • 如何利用...操作符展开数组和对象。
    • 如何收集函数参数。
    • 👇随堂练习

    Enhanced Object Literals(增强的对象字面量):定义对象,更佳清晰!

    • 简化属性和方法的定义。
    • 动态属性名。
    • 👇随堂练习

    Iterators & Generators(迭代器和生成器):掌控数据流!

    • 什么是Iterators?如何自定义迭代。
    • 创造自己的生成器函数,了解其强大之处。
    • 👇随堂练习

    New Data Structures:Map&Set—探索新的数据结构!

    • 了解MapSet的应用,它们与传统对象和数组的差异。
    • 高效地存储唯一值。
    • 👇随堂练习

    Modules(模块化):组织和重用代码的新方式!

    • ES6模块化的基本概念。
    • 如何importexport模块。
    • 👇随堂练习

    Symbols & Well-Known Symbols

    • Symbol的高级应用
    • 内置Symbols的实用性
    • 👇随堂练习
    React项目快速上手

    React 框架的起源与版本演进历程:

    1. 介绍 React 框架的起源和发展历程,包括重要版本的发布和主要特性的改进。

    快速上手 React:

    1. 配置开发环境:指导学生安装 Node.js 和 VS Code,以便开始 React 应用程序的开发。
    2. 快速上手 create-react-app:介绍 create-react-app 工具,以及如何使用它来快速创建 React 项目的基本结构。
    3. 体验 React 核心概念:通过编写简单的示例代码,让学生体验 JSX 语法以及 useState 和 useEffect 等 React 核心概念的使用。
    4. 拆分组件:引导学生学习如何将 React 应用程序拆分为可维护的组件,提高代码的复用性和可维护性。
    React组件基础

    组件基础:

    1. 用 SASS 与 Bootstrap 构建组件的外观:介绍如何利用 SASS 预处理器和 Bootstrap 框架来快速构建组件的外观和样式。
    2. 强大的模板语法 JSX:深入了解 JSX 语法的特点和优势,以及如何在 React 组件中编写 JSX 代码。
    3. Props & State:解释组件中的 props 和 state 的概念,以及它们分别用于什么目的。
    4. Props 与 State 的区别和联系:对比 props 和 state 的区别,以及它们之间的联系和作用范围。
    5. 组件间通讯:讨论不同组件之间如何进行通讯,包括父子组件通讯和兄弟组件通讯等方式。
    6. 综合实例:构建一个结构复杂的页面,通过实际例子来理解 React 切分组件的思想,以及如何合理组织组件结构和通讯。
    React Router

    快速上手 React Router:

    1. 探索 React Router,这个强大的库可让你构建单页应用程序的导航系统,快速开始你的路程。

    嵌套路由:

    1. 深入了解嵌套路由,通过分层结构创建复杂的页面布局和导航。

    HashRouter 与 BrowserRouter:

    1. 对比 HashRouter 和 BrowserRouter,了解它们之间的区别,以及何时使用哪一个来管理 URL。

    React Router 运行机制:

    1. 深入理解 React Router 的内部机制,从路由匹配到组件渲染,掌握它如何使一切无缝运转。
    React表单处理

    非受控表单:

    1. 了解非受控表单,它们是表单元素的一种处理方式,适用于简单的表单,但缺乏状态控制和验证。

    受控表单:

    1. 探索受控表单,这种表单通过React组件状态来控制表单元素的值和行为,使数据流更可控。

    表单校验 (Form Validation):

    1. 学会如何对表单进行校验,确保用户输入的数据满足特定的要求,提高数据的有效性和安全性。
    React服务端交互

    典型交互方式:

    1. 探讨与服务器通信的经典方式,包括 Ajax、Fetch 和 Axios,并介绍它们各自的用途和优势。

    快速上手 Axios:

    1. 学习如何迅速上手 Axios,了解其基本用法和常见配置,以及如何发起 HTTP 请求并处理响应。

    拦截器处理通用操作:

    1. 了解如何使用 Axios 拦截器来处理通用的操作,如请求和响应的日志记录、身份验证、错误处理等。

    封装可复用的 Axios 服务:

    1. 学会将 Axios 封装为可复用的服务,以便在整个应用程序中共享和维护一致的 HTTP 请求配置,提高代码的可维护性和可扩展性。

    React 组件的生命周期:

    1. 理解 React 组件的生命周期方法,包括挂载、更新和卸载阶段,并学会如何在组件的生命周期中处理各种操作。

    VDOM:

    1. 简要介绍虚拟 DOM(VDOM)的概念,以及其在 React 中的作用和优势,理解 VDOM 的工作原理。

    类组件与函数式组件:

    1. 对比类组件和函数式组件的特点和用法,并解释为什么函数式组件越来越受欢迎。

    复合组件:

    1. 学习如何使用复合组件将多个组件组合在一起,以构建更复杂和灵活的 UI。

    高阶组件:

    1. 介绍高阶组件的概念和用法,以及如何使用高阶组件来增强组件的功能和复用性。

    开源组件库与企业业务组件库:

    1. 探讨开源组件库的特点和优势,以及如何选择和使用适合项目需求的组件库;同时,讨论企业业务组件库的重要性和设计原则。

    动态生成页面与 React 低代码:

    1. 简要介绍动态生成页面的概念和 React 低代码的特点,了解如何利用 React 技术栈实现动态页面和低代码开发。
    React Hooks

    React Hooks:

    1. 介绍 React 内置的 Hooks,如 useState 和 useEffect,并解释它们的作用和用法。
    2. 深入理解 useState Hook,包括如何在函数组件中管理状态并进行状态更新。
    3. 深入理解 useEffect Hook,包括如何处理副作用、订阅和取消订阅等操作。
    4. 学习如何自定义 Hooks,以便在应用程序中共享和重用状态逻辑。

    用 useTranslation 钩子实现组件的 i18n:

    1. 探讨如何使用第三方库中提供的 useTranslation 钩子来实现组件的国际化(i18n),以支持多语言应用程序的开发。

    状态管理:

    1. 理解状态管理的基本概念,包括状态、单一数据源、不可变性等。
    2. 介绍 React 内置的 Context API,以及如何使用 Context 在组件之间共享状态。
    3. 简要介绍 React Redux,作为一种常用的状态管理中间件,以及其与 Context 的区别和优势。

    自动化测试:

    1. 学习如何进行单元测试,包括安装配置 Jest 测试框架和详解 Jasmine 语法。
    2. 学习如何进行集成测试,包括安装配置 Cypress 测试框架和运行集成测试用例。
    REACT(1): React with Modern JavaScript

    React背景

    • 发展历史
    • 在业界的应用
    • 与其他框架/库的比较

    createReactApp

    • 安装和配置
    • 创建第一个React项目
    • 项目结构简介

    声明式vs命令式

    • 基本定义和区别
    • 在React中为什么选择声明式
    • 示例代码对比

    组件化编程

    • 组件的定义和分类
    • 组件的重用和组合

    实验/练习

    • 使用**create-react-app*创建一个简单的应用。
    • 编写一个小例子展示声明式和命令式的区别。
    • 创建一个简单的React组件。

    课后作业

    • 阅读关于React的基础文档或相关文章。
    • 尝试修改和运行刚创建的React应用。
    REACT(2): Make it stateful

    课程目标

    • 理解JSX的语法和作用。
    • 掌握React组件的创建和使用。
    • 了解Props的基本概念及其在组件通信中的作用。
    • 学习如何在React中应用CSS。

    详细教学内容

    JSX

    • 为什么需要JSX
    • 语法规则和转换原理
    • 表达式插入和条件渲染

    组件(Component)

    • 函数组件和类组件的对比
    • 组件的生命周期(可选,或留至后续课程)
    • 组件嵌套与组合

    Props

    • 什么是Props
    • 如何传递和接收Props
    • Props的只读属性和默认值设置

    React和CSS

    • 内联样式
    • CSS模块化
    • tailwind

    实验/练习

    • 使用JSX编写一个包含多种元素和表达式的React组件。
    • 创建一个函数组件和一个类组件,并让它们互相嵌套。
    • 通过Props在父子组件间传递数据。

    课后作业

    • 阅读官方文档中关于JSX、组件和Props的部分。
    • 修改第一节课创建的React应用,加入新学到的JSX和组件技术。
    REACT(3): Make it interactive

    课程目标

    • 理解State的基础概念及其在React中的重要性。
    • 掌握State Lifting(状态提升)以及如何在组件间共享状态。
    • 学习条件渲染的基本概念和应用场景。
    • 学习React的思维范式,以简化代码和提高可维护性。

    详细教学内容

    State(状态)


    • State的定义和作用
    • 如何在组件中初始化和更新State
    • **setState**的异步性质

    State Lifting(状态提升)

    • 什么是State Lifting
    • 如何通过State Lifting实现组件间的状态共享
    • 状态提升的使用场景

    条件渲染

    • 什么是条件渲染
    • 使用条件运算符和逻辑运算符进行条件渲染
    • 列表渲染与条件渲染的结合

    React思维范式

    • 单向数据流(One-way data flow)
    • 组件化思维(Composability)
    • 声明式编程(Declarative Programming)

    实验/练习

    • 在一个React组件中初始化和更新State。
    • 创建两个或更多的组件并实践状态提升。
    • 在一个实际应用场景中运用React的思维范式。
    REACT(4): Talk to remote

    课程目标

    • 理解Hooks的基础概念和使用场景。
    • 学习如何使用Hooks进行状态管理和副作用处理。
    • 掌握如何调用远端API来获取数据。
    • 学习如何在React中渲染一个列表。
    • 理解React组件的生命周期。

    详细教学内容

    Hooks

    • 什么是Hooks,为什么需要它
    • 常用的基础Hooks(useStateuseEffect等)
    • 自定义Hooks

    调用远端API

    • 使用fetchaxios进行API调用
    • 异步操作和错误处理
    • 数据渲染和更新

    列表渲染

    • 使用.map()方法进行列表渲染
    • 列表的key属性
    • 条件渲染与列表渲染的结合

    组件生命周期

    • 生命周期的三个主要阶段(Mounting, Updating, Unmounting)
    • 生命周期方法(如componentDidMountcomponentDidUpdatecomponentWillUnmount
    • 生命周期与Hooks(如useEffect)的关联

    实验/练习

    • 使用useStateuseEffect在一个组件中管理状态和副作用。
    • 调用一个公开API(例如JSONPlaceholder)来获取数据,并在组件中展示。
    • 使用从API获得的数据进行列表渲染。
    • 通过一个简单的类组件展示生命周期方法的使用。

    课后作业

    • 阅读官方文档关于Hooks和API调用的部分。
    • 在之前的React应用中实现一个功能,该功能使用Hooks和API调用。
    REACT(5) : Thinking in React

    课程目标

    • 掌握"Thinking in React"的核心思想和应用。
    • 深入了解澳洲的前端开发文化。
    • 阐述和理解代码质量(Quality of Code)的重要性。

    详细教学内容

    Thinking in React


    • React的单向数据流
    • 如何分解UI成为多个组件
    • React思维范式的实际应用

    澳洲前端文化

    • 澳洲前端开发的独特点和趋势
    • 常用的工具和库
    • 工作流和团队协作的澳洲特色

    代码质量的重要性

    • 代码可读性、可维护性和可扩展性
    • 代码审查和测试的重要性
    • 持续集成和持续部署(CI/CD)在保证代码质量中的角色

    实验/练习

    • 通过一个实际项目来应用"Thinking in React"的概念。
    • 分析一些在澳洲流行的前端开发项目或库。
    • 实施代码审查和基础测试以提升代码质量。

    课后作业

    • 阅读React官方文档中关于"Thinking in React"的部分。
    • 对一个小型项目进行代码审查,并提出改进意见。
    • 研究如何在您的项目中实施CI/CD。
    AWS基础

    老师: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

    5分钟手动部署Web Application到AWS S3静态网站

    前端App部署基础

    • 介绍如何准备前端应用以便于部署。
    • 指导如何选择合适的部署平台和服务。

    创建AWS S3 Bucket

    • 逐步演示如何在AWS S3中创建一个新的Bucket。
    • 讨论Bucket命名规则和配置选项。

    编写Bucket策略

    • 学习如何为Bucket编写安全策略。
    • 分析策略语法和关键要素。

    Bucket的日常操作

    • 演示如何上传、下载和管理Bucket中的文件。
    • 探索如何监控和维护Bucket。
    Agile Team Project Delivery
    Node.js (1): 引领现代后端的黑马

    Node.js与JavaScript的闪耀时刻

    • 为什么JavaScript不仅仅是浏览器的语言?
    • 从浏览器到后端:Node.js的崛起与它的创始故事。

    了解Node.js的特性与架构

    • 事件驱动(Event-driven)、非阻塞I/O与高并发:Node.js的三大法宝。
    • 事件循环(Event Loop)与异步编程:实现高效运行的秘密。

    熟悉Node.js开发环境

    • 如何配置一个高效的Node.js开发环境。
    • 探索Node.js的命令行界面及其功能。
    • Node.js的版本和nvm
    • 验证你的安装:编写你的第一个Node.js脚本。

    Node.js中的模块系统

    • CommonJS规范简介。
    • 如何在Node.js中使用requiremodule.exports

    熟悉Node.js的核心模块

    • 文件系统fs:如何与服务器上的文件进行交互。
    • HTTP模块:启动你的第一个Node.js服务器。
    • 其他内置模块:探索Node.js的强大生态系统。

    搭建一个简单的webserver

    • 创建一个简单的Node.js服务器,它可以返回"Hello, World!"到任何请求它的客户端。
    • 加入一个路由,让服务器可以响应/aboutURL,返回"About Us"信息。

    碰到bug如何解决

    • 遇事不决consolelog
    • 如何开启Debug模式

    实践练习:HelloNode!

    • 任务:基于我们刚刚创建的webserver和关于fs的使用,尝试写一个notetakingapp,只需要支持写入和读取两种功能
    Node.js (2) : API和RESTful API

    深入理解URL结构

    • URL的组成部分与意义。
    • 默认端口
    • query param
    • hashtag

    HTTP请求与响应

    • HTTP请求/响应的基本结构。
    • HTTP方法概览:GET, POST, PUT, DELETE。
    • HTTP中的常用Header:Content-Type、**Cookie**等。
    • 了解常见的HTTP状态码:200, 404, 500等。

    数据传输格式 - JSON

    • 什么是JSON
    • 为什么用JSON

    API与RESTful API

    • 什么是API
    • RESTful 的含义与原则。
    • 为什么 RESTful API 是构建现代 Web 应用的首选?
    • Restful API 设计规范
    • 除了restful api,业界还有哪些常见的通讯方式

    API中涉及到的authentication和authorization

    • 什么是authentication和authorization
    • 什么是token
    • token如何传递

    Postman:API 开发者的利器

    • 为什么我们需要Postman?
    • Postman的基本使用:发送请求、查看响应、组织你的测试API
    • 环境变量
    • 收藏夹功能

    实践练习:调用第三方API

    • 任务:运用postman来调用第三方API (newsapi和pocketmon)
    • 学会阅读api文档和掌握postman的使用
    Node.js (3) : NPM and Express.js

    NPM与Node.js的关系

    • 什么是NPM?为什么每个Node.js开发者都应该了解它?
    • 如何选择一个可靠的npmpackage
    • 其他类似于npm的工具

    使用npm

    • npm是如何安装一个package的
    • npm是如何管理package的
    • 几种不同的依赖方式
    • package的版本管理

    探索常用的npm包

    • lodash:JavaScript实用工具库,提供模块化、性能高效、功能丰富的方法。
    • dayjs:日期和时间的解析、验证、操作和格式化。
    • axios:基于promise的HTTP客户端,用于浏览器和node.js。

    Express.js:Web开发的新时代

    • 为什么选择Express.js作为我们的授课框架?
    • 有哪些基于express的高阶框架

    了解Express的路由

    • 学习基础路由概念以及处理不同的HTTP请求。
    • 一个http请求有哪些携带数据的方式
    • 不同场景下该如何获取这些数据

    Express中的中间件:工作流的灵魂

    • 什么是中间件?为何它在Express中起到核心作用?
    • 了解中间件的执行顺序
    Express和RESTful API实践

    Hands-on Practice实践

    • 构建一个简单的Express项目,
    • 实现Restful API路由
    • 运用postman和debugger进行调试
    • 并借助npm包与中间件优化你的代码逻辑
    Node.js (4) : Build express server with industry standard

    express项目的文件结构

    • 如何把不同文件、模块按职责划分
    • 不同项目如何扩展现有的结构

    日志

    • 为什么要记录日志
    • 相关的package - winston和morgan

    API 安全与限速

    • Helmet的使用
    • 了解 Rate Limiting:为什么和如何?
    • 用中间件进行API限速。
    • CORS问题及其解决策略。

    API文档和版本控制

    • API文档的重要性。
    • 使用工具如Swagger生成动态API文档。
    • API版本控制的方法和最佳实践。
    Node.js (5): MongoDB & Mongoose

    初探MongoDB

    • MongoDB的简介:为何它与Node.js成为绝配?
    • 数据模型:文档型数据库与传统关系型数据库的对比。

    数据之间的关联和MongoDB进阶

    • 如何定义你的数据结构与关系。
    • 什么是indexing,aggregation和transaction。

    连接MongoDB:开始Node.js与数据库的对话

    • 利用Mongoose:更高效、更简洁地与MongoDB进行交互。
    • 设计模型:如何定义你的数据结构与关系。

    CRUD操作实战与最佳实践

    • 使用Mongoose进行的数据操作:创建、读取、更新和删除。
    • 高效查询:利用Mongoose进行数据查询的技巧与优化。
    • 修改与删除的保护性思路:确保数据操作的安全性。

    简单的API与MongoDB的集成

    • 结合上节课的Express.js应用与MongoDB,实现完整的后端功能。
    • 实战:创建一个简单的数据API。
    Node.js (6) : Build a CRUD server (1)

    结合之前课程所学的内容,搭建一个全新的server

    • 讲解新server的应用场景
    • 数据结构设计与关联
    • 填充server的基本内容以支持CRUD操作
    • 关联数据的获取与更新

    数据的分页和过滤

    • 为什么需要分页?
    • 实现基于查询参数的数据过滤。
    REACT(6): Redux & Redux Thunk

    理解Single Page Application的路由、Context和Redux

    课程目标

    • 掌握Single Page Application(SPA)中路由的基础概念和应用。
    • 理解和应用React的Context API。
    • 了解Redux的基础概念。
    • 对比Context和Redux,了解各自的优缺点和适用场景。

    详细教学内容

    SPA与路由

    • 什么是SPA,为什么需要路由
    • 如何使用**react-router-dom*
    • 路由参数和路由守卫

    Context的作用

    • 什么是Context,为什么需要它
    • 创建和使用Context
    • Context与全局状态管理的关系

    Redux基础概念

    • 什么是Redux,Redux的三大原则
    • Redux的工作流程(Action,Reducer,Store)
    • 如何在React应用中集成Redux

    Context与Redux的对比

    • 使用场景
    • 优缺点分析
    • 实际应用中的选择依据

    SPA、Context和Redux的结合

    • 使用Context或Redux管理路由状态
    • 实例:用户认证状态管理
    • 动态路由与Context或Redux的结合

    实验/练习

    • 创建一个简单的SPA,实现基础路由功能。
    • 在SPA中应用Context API和Redux来管理全局状态(例如,用户登录状态)。
    • 结合路由、Context和Redux,实现一个具有用户认证的小型应用。

    课后作业

    • 阅读官方文档关于**react-router-dom*、Context API和Redux的部分。
    • 为一个现有的SPA添加路由守卫功能。
    • 使用Context和Redux进一步优化您的SPA。
    Node.js (7): Build a CRUD server (2)

    数据的验证

    • Mongoose中的数据验证。
    • 专门用于数据验证的package - joi。

    错误处理

    • 如何抛出一个错误。
    • 如何处理一个错误。
    • 有哪些常见的错误需要注意。
    Agile方法论: 解锁团队的协作潜力

    1. Agile敏捷开发:历史与哲学探究

    • 从传统瀑布模型到敏捷方法的革命性变革。
    • 敏捷哲学:为什么它如此强大?
    • Agile 哲学:为什么"Agile"变得如此重要?

    2. 深入Agile Manifesto (敏捷宣言)

    • 敏捷的四个核心价值观:从"个体与互动"到"响应变化"。
    • 十二条开发原则的解析:如何将价值观付诸实践?

    3. Scrum、Kanban:敏捷的支柱

    • Scrum 框架的各个流程概述,“3355”方法论
    • Scrum:迭代开发、自组织团队的奇妙之处。
    • Kanban:可视化工作流、持续改进的精髓。

    4. 深入Scrum

    • Product Backlog:需求的生命线。
    • Sprints:高效迭代与交付的秘密。
    • 日常站立会议 (Daily Standups):团队默契的塑造。
    • Sprint Retrospectives:持续改进的动力。
    • 结合实际工作讲解各个流程:scrum planning,daily standup,scrum board,scrum review meeting,spring retrospective meeting

    5. 用户故事与验收标准:需求的精髓

    • 打造高质量用户故事的策略。
    • Acceptance Criteria:确保交付符合预期的关键。
    • 怎样写 backlog,怎样写用户故事:“完成”的定义,故事拆分和故事估算

    6. 实践出真知:构建自己的敏捷看板

    • 使用现代工具 (如Trello、JIRA) 建立工作流程。
    • 实际操作:从构建产品积压到完成冲刺。

    7. 敏捷在企业中的演进

    • 大型组织的敏捷转型:成功的案例分析。
    • 避免常见陷阱:敏捷实施中的挑战与解决。
    • 怎样改进流程、提高效率,为什么企业需要 T 型人才

    8. 敏捷的未来展望

    • 敏捷开发不断演进的趋势。
    • 如何将敏捷原则融入日常工作。
    什么是Agile SDLC, Waterfall, Agile介绍

    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个原则是什么

    Agile Methodologies

    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是什么

    Agile Case研究:微软Microsoft Case Study

    来自微软曾获得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(7): Unit Test

    测试与测试的重要性

    课程目标

    • 理解软件测试的基本概念和重要性。
    • 掌握React组件和应用的基础测试方法。
    • 学会使用测试工具如Jest和React Testing Library。

    详细教学内容

    软件测试的基本概念

    • 为什么需要测试
    • 测试的种类(单元测试、集成测试、端到端测试)

    测试的重要性

    • 代码质量保证
    • 团队协作和项目可维护性
    • CI/CD中的测试

    React组件测试

    • 使用Jest进行基础测试
    • 使用React Testing Library测试组件交互

    React应用测试

    • 路由测试
    • 全局状态(Context或Redux)测试
    • Mocking API calls

    实验/练习

    • 创建单元测试以验证一个React组件的功能。
    • 实现一个集成测试案例,检查几个组件间的交互。
    • 在CI/CD流程中集成您的测试案例。

    课后作业

    • 阅读Jest和React Testing Library的官方文档。
    • 为您的项目或一个开源项目添加测试。
    • 了解如何在澳洲的前端开发文化中应用测试。
    Node.js (8): Authorization and Authentication

    身份验证与授权的必要性

    • 为什么我们需要身份验证?
    • 区分身份验证(Authentication)和授权(Authorization)。

    本地身份验证实战

    • 进行本地身份验证:如何存储和验证密码。
    • 加密的重要性:了解如何使用bcrypt为用户密码加密。

    JWT:无状态身份验证

    • JSON Web Tokens(JWT)介绍。
    • 使用JWT进行身份验证的优点。
    • 实践:如何在Express.js中生成和验证JWT。

    OAuth2.0与第三方身份验证

    • 什么是OAuth2.0?
    • Google,Facebook,Twitter等第三方身份验证是如何实现的。

    Session管理与Cookie安全

    • 了解Session与session:存储和使用。
    • 和jwt比有什么不同

    Role-Based Access Control(RBAC)

    • 什么是RBAC
    • 如何设计和实现基于角色的访问控制。

    Hands-on Practice(实践)

    • 扩展上一节课的CRUD应用,加入用户注册、登录功能。
    • 为应用实现JWT身份验证,确保只有登录的用户可以进行某些操作。
    Node.js (9) : Testing and Deploy

    不同类型的测试

    • unit test
    • integration test
    • e2e test

    Node.js中的测试

    • 单元测试的重要性:为什么我们需要它?
    • 使用jest:编写第一个单元测试。
    • 使用jest 进行mock
    • 使用supertest编写integration test

    部署的A至Z

    • 从开发环境到生产环境:关键的区别。
    • 使用PM2进 Node.js应用的进程管理。
    • 部署策略与最佳实践:持续集成与持续部署 (CI/CD)。
    • 将我们的server部署到aws elastic beanstalk

    备份与灾难恢复

    • 数据备份的重要性与实施。
    • 灾难恢复策略:怎么做才能确保最小的业务中断?
    REACT(8): Iteration 0, CI/CD, ESLint和Commit Hook

    Iteration0,CI/CD,ESLint和CommitHook的重要性

    课程目标

    • 理解Iteration0在软件开发生命周期中的作用。
    • 掌握持续集成(CI)和持续部署(CD)的基本概念。
    • 学习如何使用ESLint进行代码规范检查。
    • 掌握CommitHook的应用和设置。

    详细教学内容

    Iteration0的概念和重要性

    • 什么是Iteration0
    • Iteration0的目标和产出

    CI/CD基础

    • 什么是CI/CD
    • CI/CD的优点和应用场景

    ESLint的应用

    • 什么是ESLint,为什么需要它
    • 如何配置和使用ESLint
    • ESLint在CI流程中的角色

    CommitHook的设置与应用

    • 什么是CommitHook
    • 如何使用工具(如Husky)设置CommitHook
    • CommitHook在代码质量控制中的作用

    综合应用:Iteration0与CI/CD

    • 在Iteration0中如何整合ESLint和CommitHook
    • 实际案例和最佳实践

    实验/练习

    • 为一个简单的React应用设置CI/CD(可选工具:GitHubActions,Jenkins)。
    • 在该应用中集成ESLint和CommitHook。
    • 讨论如何在Iteration0的背景下,整合这些工具和流程。

    课后作业

    • 阅读有关CI/CD、ESLint和CommitHook的官方文档和相关资料。
    • 为一个现有或新建的项目进行Iteration0规划,并实践集成ESLint和CommitHook。
    GraphQL101: 剥离RESTful的银行系统开发实践—Gary Sun

    分享人:Gary

    内容:

    RESTFul与GraphQL对比

    • 探讨两种API设计范式的优缺点。
    • 分析何时使用RESTFul,何时更适合选择GraphQL。

    GraphQL的核心概念

    • 详细介绍GraphQL的工作原理和主要特性。
    • 讨论GraphQL如何改善数据获取和管理。

    GraphQL查询语言

    • 学习如何构建高效的查询,获取精确的数据。
    • 实践GraphQL的强大灵活性,适应复杂的应用需求。
    React(9): Authentication Lab

    实际操作 - 创建一个Authentication Form

    课程目标

    • 理解身份认证在现代应用中的重要性。
    • 学习如何在React应用中实现基础的身份认证。
    • 通过实际操作,创建一个完整的Authentication Form。

    详细教学内容

    身份认证的基础知识

    • 什么是身份认证
    • JWT

    React中的身份认证概念

    • 使用Context管理认证状态
    • 使用Hooks进行身份验证

    Authentication Form的设计与实现

    • 创建登录和注册表单
    • 表单验证
    • 后端API调用

    安全性考虑

    • 密码加密与存储

    实验/练习

    • 从头开始创建一个简单的React应用,包含登录和注册功能。
    • 实现前端表单验证和后端 PI调用。
    • 将身份认证状态存储并全局可访问。

    课后作业

    • 阅读有关身份认证和安全性的文献。
    • 优化你的Authentication Form,加入更多高级功能(如多因素认证)。
    Next.js和不同的渲染模式

    Next.js和不同的渲染模式—创建带分页功能的列表

    课程目标

    • 理解Next.js在现代前端开发中的作用。
    • 掌握不同的渲染模式(SSR、SSG、CSR)。
    • 通过实际操作,创建一个带分页功能的列表。

    详细教学内容

    Next.js概述

    • 什么是Next.js
    • Next.js的优点和特性

    渲染模式的对比

    • 客户端渲染(CSR)
    • 服务端渲染(SSR)
    • 静态生成(SSG)

    实战:创建带分页功能的列表

    • 初始化Next.js项目
    • 创建一个基础的列表展示
    • 实现分页逻辑

    高级特性与最佳实践

    • 使用 getStaticPropsgetServerSideProps
    • 数据预取和优化

    实验/练习

    • 创建一个Next.js项目,实现一个带有分页功能的列表。
    • 尝试使用不同的渲染模式来实现该列表,并比较它们的优缺点。

    课后作业

    • 阅读Next.js官方文档,了解其更多高级特性。
    • 扩展你的列表应用,添加搜索或筛选功能。
    SpringBoot的Production部署到AWS ECS Fargate,如何使用Microservice with docker

    分享人: Xiaokai & Yinhang

    内容:

    • Springboot 的 Docker 部署到 AWS
    • ECS AWS
    • ECS 如何进行 CICD
    • Task 是什么,如何使用
    • VPC 是什么
    • Subnet 是什么,如何使用
    • Microservice 是什么
    Workshop: 持续集成(CI)/持续部署(CD)的概念以及Jenkins的使用

    分享人:Roger

    内容:

    • 持续集成(CI)/持续部署(CD)的概念
    • Jenkins 如何一步一步部署上的
    • Jenkins 的 Docker Image 如何部署的
    • 如何实现 Nodejs 后端的自动化部署
    • 如何实现 React 前端的自动化部署
    CI/CD基础:使用Jenkins和AWS CodePipeline手把手部署一个Web App

    分享人:Kevin

    内容:

    1. Jenkins和AWS Codedeploy的区别是什么,有什么优点好处

    2. 代码里的Jenkinsfile逐行解读

    3. Jenkins如何开一个新的pipeline部署到Branch上

    4. 如何使用AWS CodePipeline部署

    Open AI Huggingface讲解 - Guang

    OpenAI概览

    • 介绍OpenAI的发展历程、愿景和主要成果。

    提示词工程与高级使用

    • 探讨如何精准地使用提示词来提高模型的效果。
    • 分析高级应用技巧和策略。

    OpenAI的其他模型

    • 了解OpenAI提供的各种AI模型及其特点和用途。

    开源AI模型对比

    • 探讨与OpenAI相似的开源模型,比较它们的优势和局限。

    产品和运维中的应用

    • 分析OpenAI在实际产品开发和运维中的应用案例。
    • 探索如何将AI模型融入生产实践。
    用Kafka实践Event First设计思维—虎头锤

    分享人: 虎头锤

    内容:

    Kafka简介

    • 介绍Kafka的功能和在现代数据处理中的重要性。
    • 讨论Kafka的主要组件,包括生产者、消费者、主题和分区。

    Event First设计

    • 解析Event First设计方法的原则和优势。
    • 分析如何使用Kafka构建事件驱动的系统架构。

    Kafka实战应用

    • 演示如何设置和配置Kafka环境。
    • 指导如何创建Kafka主题,发送和接收消息。
    在澳洲如何找到一份Java Developer的工作 -- 虎头锤

    分享人:虎头锤

    内容:

    澳洲Java工作市场分析

    • 探索澳洲Java开发岗位的市场需求和主要工作要求。
    • 分析技术技能和行业经验在职场中的重要性。

    回答行为面试问题

    • 提供实用的策略和技巧,帮助你准备和回答行为面试中的问题。
    • 分析常见的行为问题及其背后的意图。

    简历撰写和个人品牌打造

    • 教你如何撰写一份突出你技能和经验的简历。
    • 讨论如何在简历中有效地展示你的项目经验和技术能力。


    澳洲程序员找工作必备哪些后端知识

    分享人: 老虎

    内容:

    澳洲后端开发者必备知识

    • 分析澳洲后端开发职位的常见要求和技能需求。
    • 探讨关键的编程语言(如Java、Python、Node.js)和框架。

    数据库技能

    • 介绍常用的数据库技术,包括关系型数据库(如MySQL、PostgreSQL)和非关系型数据库(如MongoDB)。

    API开发与RESTful服务

    • 学习如何设计和实现高效的RESTful API。

    版本控制和代码协作

    • 强调Git等版本控制系统的重要性,并探索代码协作的最佳实践。

    云服务和容器化技术

    • 介绍云计算服务(如AWS、Azure)和容器技术(如Docker、Kubernetes)。

    软件工程最佳实践

    • 探讨如何编写可维护、高效的代码,以及软件测试和持续集成的重要性。


    在澳洲,IT学生如何准备System Design面试-----Ben

    分享人:Ben

    内容:

    系统设计面试的基本功

    • 概念理解:讲解系统设计面试中经常涉及的关键概念,如可扩展性、可靠性、效率等。
    • 技能要点:强调分析问题、沟通思路、考虑权衡的重要性,并提供实用技巧帮助你在面试中脱颖而出。

    面试准备方法

    • 资源梳理:介绍高质量的学习资源和实践工具,帮助你系统地准备系统设计面试。

    Monolith架构解析

    • 定义和特点:详细解释Monolith(单体架构)的概念,并探讨其优缺点。

    Microservice架构探索

    • 核心理念:深入讲解Microservice(微服务架构)的基本原则和结构。
    从0到1打造React/Node 全栈IoT实时应用——Bryan

    主讲人:Bryan

    内容 :

    IoT概览

    • 介绍IoT的定义、发展历程和关键技术。
    • 分析IoT在不同行业中的应用案例。

    IoT架构与最佳实践

    • 讨论IoT系统的典型架构和组件。
    • 探索IoT项目的设计原则和最佳实践。

    实时应用与技术栈

    • 解析构建IoT实时应用的技术栈和框架。
    • 分析物联网的数据处理和通信技术。

    案例研究和演示

    • 通过具体的项目示例展示IoT技术的应用。
    • 演示如何实现IoT解决方案,并讨论其实际效果。
    Google大佬教你,如何突破年薪20w澳币天花板 -- 韭天

    分享人: 韭天

    内容:

    薪资的组成

    • 深入了解薪资的不同组成部分,包括基本工资、奖金、福利等。

    提升薪资的方法

    • 探讨如何通过技能提升、职位晋升等方式增加薪资。
    • 分析职业发展中关键的技能和资格认证。

    优质雇主的选择

    • 比较不同类型的公司及其提供的薪资水平。
    • 讨论如何选择能够提供更好薪资和职业发展机会的公司。

    职业生涯规划

    • 指导如何根据个人目标和市场趋势规划职业生涯。
    • 分析长期职业规划对薪资和职业满意度的影响。


    Elastic Search基础知识分享Workshop

    分享人:Kevin

    内容:

    1. Logging Saas 服务商横向比较:Elastic Search,Splunk,Sumo Logic,Datadog,New Relic 等
    2. Elastic Search 是什么,Elastic 的优势是什么
    3. Elastic Search 架构 Log,Beats,Logstash,Elasticsearch,Kibana
    4. Beats 的使用,Beats 的特点
    5. Elastic Search 在匠人的架构,Lambda 如何使用
    6. Elastic Search 的如何创建 Dashboard
    7. Elastic Search 的如何查询 Logging 信息,如何做筛选
    Career Coaching阶段
    LinkedIn & CV

    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. 求职信的作用,怎样写求职信

    学会撰写IT专业简历

    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

    内容:

    • 国内大厂前端岗位如何细分?
    • 获得前端岗位 Offer 所需的几大要素
    • 如何准备面试中的八股文、算法等硬核考点?
    • 怎样的实习经历可以让你在校招求职中脱颖而出?
    如何准备国内秋招,才能获得大厂Offer?

    分享人:Chen

    内容:

    秋招时间规划

    • 解析秋招的主要时间节点,帮助你合理安排准备时间。
    • 讨论如何在学习、实习和求职之间平衡。

    准备秋招的步骤

    • 提供详细的秋招准备指南,包括市场调研、目标公司筛选等。
    • 强调技能提升和实战经验积累的重要性。

    笔试准备技巧

    • 分析常见的笔试题型和应对策略。
    • 提供实用的学习资源和练习方法。

    面试技巧训练

    • 探讨如何在面试中有效展现你的能力和潜力。
    • 分享面试中的常见问题和最佳回答技巧。
    LinkedIn & CV

    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 Engineering and AI Intergration
    AI in Programming Workshop

    AI in Programming Workshop

1v1免费职业咨询
logo

Follow Us

linkedinfacebooktwitterinstagramweiboyoutubebilibilitiktokxigua

We Accept

/image/layout/pay-paypal.png/image/layout/pay-visa.png/image/layout/pay-master-card.png/image/layout/pay-airwallex.png/image/layout/pay-alipay.png

地址

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 5000

Disclaimer

footer-disclaimerfooter-disclaimer

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