训练营

45:36

学习基础编程，快速融入IT行业

编程入门班

面向零编程经验，编程入门

零基础转码, 学习Web开发编程

掌握HTML, CSS, JavaScript, Nodejs, Git, Python, SQL等技能

作为Web全栈班, DevOps班, 数据工程班前置课

下一期训练营：2024年8月7日开班，快来晋升吧！早鸟价即将结束！

45:36

适合零基础

边学边练

小型网页应用项目搭建

IT辅导员全程在线答疑

课程大纲

Web基础知识

Introdcution & Web Basics

1. 课程概述及学员自我介绍

2. 课程项目介绍，为何这么设置

3. 课程阶段性作业介绍

4. 了解网络是如何运行的

探索网络的基本原理，互联网是座图书馆，那网络（Network）就是传送书籍的管道
包括物理层面、协议和通信、IP 地址和域名、数据包传输等

5. 什么是前端和后端

解释前端（Frontend）开发和后端（Backend）开发的区别
前端关注用户界面，后端处理服务器和数据交互

6. 介绍 DNS, URL 和 IP

DNS 像图书馆的索书号，URL 是在地图上找到图书馆位置的地址，而 IP 地址就像是图书馆的地球坐标
理解它们在互联网中的关键作用

7. 介绍 Chrome 浏览器以及 Chrome Inspector 的使用

了解 Chrome 浏览器作为开发者工具的重要性
学习如何使用 Chrome Inspector 检查和调试网页

8. 网站基本概念，动态网站，静态网站，服务器，客户端，域名，主机，前端开发，后端开发

HTML & CSS Part I

1. 认识 HTML：

介绍什么是超文本标记语言（Hypertext Markup Language），探索标签（tags）、元素（elements）和属性（attributes）。
HTML 语法规范。

2. 文档结构：

学习如何创建基本的 HTML 文档结构，包括`<!DOCTYPE>`、`<html>`、`<head>`和`<body>`。

3. 文本内容：

学习常用文本的标签如`<p>`、`<h1>`至`<h6>`、`<br>`等格式化和组织文本。

4. 链接和图像：

创建超链接`<a>`，插入图像`<img>`并了解它们的属性。

5. 表格和列表

探索构建 HTML 表格 `<table>` 的相关元素。
了解无序列表 `<ul>` 和有序列表 `<ol>` 的使用。
了解描述列表 `<dl>` 的使用。

6. 表单和用户输入：

创建表单元素 (`<form>`, `<input>`, `<textarea>`,`<select>`)。

HTML CSS Part II

1. 认识 CSS 概述：

介绍层叠样式表的作用和基本语法

2. 引入 CSS 到 HTML

三种引入 CSS 的方法：外部样式表、内部样式表、内联样式
外部样式表如何链接到 HTML 文件

3. CSS 选择器：

介绍三种基本选择器，包含类选择器（.class）、ID 选择器（#id）和元素选择器（element）
更多选择器的使用，包含后代选择器、子元素选择器、并集选择器、链接伪类选择器、focus 选择器

4. 练习—利用类画三个颜色的盒子

5. CSS 字体属性和文本样式：

学习如何设置文本颜色、背景、字体和边框样式

HTML & CSS Part III

1. 行内块元素的介绍

2. 文字垂直居中

3. 背景属性的使用

背景颜色图片平铺
背景位置的设置
固定背景的设置
半透明背景的设置

4. CSS 层叠性和继承性

5. CSS 的优先级

6. CSS 权重

权重注意点
权重的叠加

7. 布局和盒模型

掌握盒模型，包含 margin、border、padding 和 width 等概念

网页应用搭建

Javascript Part I

JavaScript 简介

介绍 JavaScript 的历史和演变
JavaScript 在 Web 开发中的角色和重要性
JavaScript 与 ECMAScript 标准的关系

基本语法

变量的声明与赋值
数据类型（字符串、数字、布尔、对象、数组等）
基本操作符（算术、比较、逻辑）
语句和表达式

控制结构

条件语句（if、else if、else、switch）
循环语句（for、while、do...while）
使用条件和循环解决实际问题

编写并运行第一个 JavaScript 程序

编写 "Hello, JavaScript!" 程序
在浏览器中运行 JavaScript
掌握浏览器开发者工具的基本用法

Javascript Part II

JS 基本逻辑：

if else：条件语句，根据条件执行不同的代码块。
三元表达式：简洁的条件表达式，根据条件返回不同的值。

for 循环：

循环的目的：重复执行代码块，通常用于遍历、迭代和处理数据集合。
for 循环执行过程：初始化、条件判断、代码执行、迭代更新。
循环小案例：示例循环遍历数组或执行特定任务多次。
continue和break：continue用于跳过当前迭代，break用于退出循环。

while 循环：

用于在满足条件时重复执行代码块，适用于不确定循环次数的情况。

Array 的使用：

数组长度：通过.length属性获取数组长度。
遍历数组：使用for循环或forEach方法遍历数组元素。
新增数组元素：使用.push()方法添加元素到数组末尾。
筛选数组：使用.filter()方法筛选数组元素。

什么是 Object 对象，为什么需要对象：

Object 对象是 JavaScript 的基本数据类型之一，用于存储键值对的集合。
对象用于组织和管理复杂的数据结构和功能，提供了更灵活的数据表示和操作方式。

在 JavaScript 中如何使用 Object 对象：

创建对象：使用对象字面量或构造函数创建对象。
调用对象：通过点号（.）或方括号（[]）访问对象的属性和方法。
遍历对象：使用for...in循环遍历对象的属性。

Javascript Part III

函数基础：

函数是可重复使用的代码块。
使用function关键字声明函数，通过函数名调用。

带参数的函数：

函数可以接受参数，包括形参和实参。
参数传递过程是将实参的值传递给形参。
参数数量需要匹配，否则可能引发错误。

返回值：

使用return语句从函数中返回值。
区分return、break和continue的用途。

函数声明方式：

函数声明（Function Declaration）和函数表达式（Function Expression）。

JavaScript 在网页中的应用：

JavaScript可用于实现网页功能，如表单验证、图像轮播等。

理解 DOM：

DOM 是一种 API，用于访问和操作网页元素。
常用方法包括getElementById()、querySelector()等。

Nodejs Introduction

什么是 Node.js：

Node.js 是用于构建服务器应用的 JavaScript 运行环境
解释 Node.js 的事件驱动、非阻塞 I/O 模型

安装 Node.js：

从官方网站下载 Node.js 安装程序并安装

使用 node 命令运行 JavaScript

创建 Node.js 应用程序

了解 Node.js 的模块系统

Node 2

什么是模块化

将代码分成小块，更易于管理和重用。

介绍内置模块，使用require 去导入模块。

fs 模块（文件系统）：用于文件读写和操作文件系统。可以创建、读取、写入、删除文件，以及操作文件夹。

http 模块：用于创建 HTTP 服务器和客户端，使你能够构建 Web 应用程序和进行 HTTP 通信。

url 模块：用于解析和处理 URL，可以将 URL 字符串解析成可操作的对象，并构建 URL。

path 模块：用于处理文件路径，提供了跨平台的路径操作功能，包括路径拼接、解析和规范化等。

Node 3

介绍自定义模块

每个模块都是一个魔法空间，保护你的代码免受外部干扰。

导出的魔法

使用module.exports和exports施展你的导出魔法，与其他模块分享你的魔法功能。

CommonJS 魔法规则

CommonJS 规则是 Node.js 中的官方魔法法典。

使用 npm

安装和管理依赖包
package.json 文件
创建自己的 npm 包

什么是 Express

介绍 Express ，用于构建令人惊叹的 Web 应用
安装和配置 Express

Express 路由

创建路由和处理程序

Express 模块化路由

使用 Router 对象创建模块化路由，将代码拆分为可管理的部分

Node 4

Express 中间件初体验

探索 Express 中间件的魔法，这些小巧函数可实现惊奇的 Web 功能

全局 vs 局部中间件

全局中间件是应用程序的守护神，而局部中间件是按需服务的特派员

中间件要点

让中间件的顺序不会成为你的困扰

中间件分类

了解身份验证、日志、安全等中间件的多样性，就像选择技能一样

Node 5

Express 静态资源处理

托管静态资源：

用 Express 的魔法express.static分享文件
示例：app.use(express.static('public'))

路径玩点:

添加自定义前缀给资源路径
示例：app.use('/public', express.static('public'))

CORS 跨域好友

CORS 是什么：

解锁网站的安全大门，让不同源来串门

使用 npm 安装 CORS

CORS 在 Express.js 应用程序中启用跨域请求

接口编写

接口航道：HTTP/HTTPS、REST、GraphQL、SOAP、WebSocket

GET vs POST：

GET：找资料、幂等、参数在 URL
POST：提交东西、不幂等、参数藏在请求体

Nodejs Project 1

创建 project
安装并使用 json-server
完成 project APIs

Nodejs Project 2

Top social backend part2

Project WebPage Part I

创建一个 Vite 项目

安装 Node.js
按照官方网站的步骤安装 Vite

使用 HTML 去实现 bar、main-left

Project WebPage Part II

用 CSS 去完善 main-left
用 HTML 和 CSS 去现实 main-middle-highline
用 HTML、CSS、JavaScript 去实现 main-middle-post

Project WebPage Part III

实现 main-middle-card
实现 main-right
使用媒体查询（media）实现响应式布局
网格布局（grid）的使用
介绍 netlify 的作用：前端部署工具
介绍 fly 和 render 的作用：后端部署工具

后端编程语言PHP

MySQL

探索 MySQL

了解 MySQL，一种强大的数据库
学习如何连接 MySQL 数据库

查询和操作数据

使用 SELECT 来查找数据
CREATE 和 DROP 语句：创建和删除表格
INSERT 语句：插入新数据，让数据生动起来
WHERE 语句：根据条件查询数据，精确而有效

表和结构

SHOW 语句：展示数据库信息，发现隐藏的宝藏
USE 语句：切换数据库，快速掌握

数据整理

DESCRIBE 语句：查看表结构，了解字段
ORDER BY 语句：对数据进行排序，使其有序

PHP Programming Basic

计算机基础

了解计算机运行原理与数据存储
数据编码和高级编程语言的介绍

算法和逻辑

学习问题解决的基本算法
探讨算法的效率

PHP 编程起步

介绍 PHP 及其在 Web 开发中的作用

PHP 基础

配置 PHP 开发环境
学习 PHP 流程控制和数据类型

PHP 高级

探索 PHP 的面向对象编程
常用 PHP 函数和库的使用

用 PHP 操作数据库

1. 将数据存入数据库和读取数据

2. 连接数据库

3. SQL 基本语句的使用

PHP 常用函数

PHP 字符串比较/查找替换函数

explode()：将字符串拆分成数组，根据指定的分隔符
implode()：将数组元素合并为字符串，使用指定的分隔符
substr()：从字符串中提取子字符串
str_replace()：在字符串中查找并替换指定的内容
similar_text()：比较两个字符串的相似性
strpos()：在字符串中查找子字符串的位置
strlen()：返回字符串的长度
str_word_count()：统计字符串中的单词数量
md5()：计算字符串的 MD5 哈希值

PHP 数组函数

array()：创建一个数组
array_combine()：将两个数组合并成一个关联数组
array_chunk()：将数组拆分成多个块
array_merge()：合并一个或多个数组
array_slice()：返回数组的一部分
array_diff()：计算多个数组的差集
array_search()：在数组中搜索指定值并返回键名
in_array()：检查数组中是否存在指定的值
array_shift()：删除数组中的第一个元素并返回它

PHP 时间函数

time()：获取当前时间的时间戳
date()：格式化日期和时间
strtotime()：将日期时间字符串转换为时间戳

会话管理和 Cookie

学习如何使用session_start()启动会话以及设置和获取会话变量
了解如何使用setcookie()创建和处理 Cookie

localStorage 和 sessionStorage

介绍 Web 存储机制，包括 localStorage 和 sessionStorage

PHP 预定义常量和魔术常量

学习 PHP 的一些预定义常量，如__FILE__和__LINE__
了解 PHP 的魔术常量，如__CLASS__和__METHOD__

对象

介绍面向对象编程（OOP）的基本概念，包括类和对象
了解如何创建类、实例化对象以及访问对象属性和方法

版本控制和团队协作

Git & Shell

Git 是代码管理工具，记录代码历史的宝藏
Shell 是命令行界面，输入魔法，让你的电脑听话又有趣

Git 入门与乐趣

Git 的原理
快速上手 Git：init、clone、add、commit、pull、push、branch、merge

轻松用 GUI 玩转 Git

GUI 是 Git 操作界面
GUI 工具有 GitHub Desktop、GitKraken 等
简单操作：可视化提交、分支管理，告别命令行烦恼

Git 魔法词汇

Git 的三大法宝：Pull、Push、Commit

代码飞向云端

云端存储：与 GitHub、GitLab 等云服务交朋友
上传步骤：创建仓库、本地初始化、添加、提交、推送

Git 魔法应用

版本控制：时光机，代码历史尽在掌握
协作开发：多人合作，无压力
分支管理：创新无限，解决问题从不停歇
远程协作：世界各地的朋友，代码同步轻松
持续集成：自动构建、测试，代码保持完美
回滚更改：出错了？别担心，回滚回去

全民Python时代

Python 入门, 你不知道的 Python 技巧——悉尼大学 USYD 老师孙禹

分享人：悉尼大学 USYD 老师孙禹

内容：

分享 Python 入门技巧
一步一步讲解 Python

Python Workshop 1——Introduction

欢迎来到 Python 的世界

认识 Python，一门强大的编程语言
了解为何 Python 备受欢迎

起步：安装 Python

介绍如何安装 Python
验证 Python 安装成功

你的第一个 Python 代码

编写和运行 Python 程序

Python 数学运算

NumPy 是 Python 中用于科学计算的核心库之一，提供了高效的多维数组操作和数学函数
介绍其他常用的数学运算库

变量和命名

理解变量的概念
如何给变量取名

探索数据类型

八大数据类型：整数、浮点数、字符串、列表、元组、字典、集合、布尔值

Python Workshop 2

Python 逻辑运算（Logical Operations）：

探索 Python 中的逻辑运算，如与、或、非，用于决策和控制流程

循环与控制流（Loops and Flow Control）：

介绍 for，while 等语句

条件语句（Conditional Statements）：

介绍 if 语句，根据条件执行不同的代码块

介绍函数（Function）和参数（argument）：

函数就像一台食物制作机
参数就像你给这台机器的食材

如何使用 Python 库：

使用import 关键字引入库

如何用 Python 读写文件：

使用 open()、write()等语句来读写文件

Python Workshop 3

认识 Class 和 Object

Class 相当于飞机的设计图，那 Object 就是飞机的实物

创建和操作 Class

使用class关键字创建自定义数据类型
在 Class 中定义属性和方法，描述对象特征和行为

Class 的继承

介绍什么是继承
介绍子类继承父类的特性

Python 开发的基本结构

基本结构包括变量、条件、循环、函数和模块

Python Workshop 4

介绍 Python 迭代

揭开迭代的神秘面纱，了解如何按顺序遍历数据集合

Python 的函数使用

了解如何创建函数，将代码模块
探索函数的参数，以及如何使用返回值传递信息

Python Workshop 5

了解匿名函数
了解高阶函数
timeit 库的使用
了解装饰器在 Python 的应用场景
Map 函数的使用
Filter 函数的使用
Reduce 函数的使用

Python Workshop 6

类与对象 (Classes and Objects)
属性与方法 (Attributes and Methods)
封装 (Encapsulation)
继承 (Inheritance)
多态性 (Polymorphism)
类的特殊方法 (Special Methods)
类的组合与继承 (Composition vs. Inheritance)

Python Workshop 7

思考游戏的本质
贪吃蛇小游戏（Snake Game）

Python Workshop 8

完善贪吃蛇小游戏

世界市场占有率最高的Wordpress Programming

Web development

WordPress 调试与问题解决

学习 WordPress 如何轻松 debug
解决常见问题（数据库连接、Email、文件尺寸等问题）

强化安全保护：Wordfence 插件

带上盾牌，学会使用 Wordfence 提升网站安全性

数据洞察与报告

通过数据洞察，了解网站的成功与失败

高级 Web 技巧

掌握内容分发网络、版本升级、域名和更多高级 Web 技巧

网站上线与在线建站

从头到尾，构建、上线您的 WordPress 网站

电子商务网站项目展示

将所学运用到实战中，创建属于您的电子商务网站

Wordpress Basic

掌握 WordPress：网站的起点

了解全球最热门的博客系统
轻松安装 WordPress，开启网站之旅

装点网站风采：主题和插件

利用主题和插件，将网站装点得独一无二

导航与工具

掌握菜单和小工具，提升用户体验

引领潮流：Avada 主题介绍

发现 Avada 主题，最畅销的 WordPress 付费主题
为何 Avada 备受推崇？

安装与启程：Avada 主题初体验

学会如何安装 Avada 主题
探索 Avada 主题的基础功能

定制化：打造属于自己的网站

配置 Avada 主题，创造与众不同的网站

探索 Avada 主题中的各种网页元素

Wordpress programming

探索 WordPress 文件结构

解析 WordPress 目录和文件结构，熟练管理主题和插件

精通 WordPress 核心函数

The Loop：优雅展示文章和页面内容
条件语句：动态控制内容的显示

数据查询的艺术：args 解析

利用参数（args）精确查询文章和页面

深入 Hooks：WordPress 的秘密武器

自定义 WordPress：动作（Actions）和过滤器（Filters）

创意无限：使用 Shortcode

创建和应用短代码，轻松插入特殊功能和内容

学习创建 child theme

制作子主题，自定义外观和功能

改头换面：覆盖 WordPress 页面

定制页面外观和功能，提供独特用户体验

Woocommerce

展示第二个项目公司网站

打造吸引人的公司网站
创意设计与用户体验
目标受众定位

学习使用 Woocommerce 搭建电商平台

添加配置
商品管理
页面优化
订单管理

Wordpress Themes & Plugins

插件魔法

探索 WordPress 插件的神奇功能
轻松扩展网站的魔法工具

幻灯片（Slideshows）妙用

创造引人入胜的幻灯片
用图像和文字讲述故事

表单之术（Contact Form 7）

使用 Contact Form 7 轻松定制表单
与访客建立联系的艺术

地图引导

嵌入式 Google Map 的神奇应用
向访客展示您的位置

语言无界

跨越语言障碍的多语言插件
扩展全球受众，使网站国际化

搜索引擎亲密伙伴

探索搜索引擎优化（SEO）的奥秘
提升网站在搜索结果中的能见度

网站速度魔法

提高网站速度的缓存（cache）技巧
快速加载页面的神奇

数据库入门

数据库基础

数据库的定义和用途
数据库管理系统（DBMS）的角色

数据库类型

关系型数据库（SQL 数据库）与非关系型数据库（NoSQL 数据库）
常见的数据库系统：MySQL、PostgreSQL、MongoDB 等

数据库安装

SQL 语言基础

SQL 的定义与用途
SQL 语句的基本结构
数据类型：整数、字符串、日期等

数据查询与操作

数据查询语言（DQL）：SELECT 语句的使用
数据操作语言（DML）：INSERT、UPDATE、DELETE 语句的使用
数据定义语言（DDL）：CREATE、ALTER、DROP 语句的使用

We Accept

Top Categories

Web全栈班 DevOps项目班数据工程全栈班数据分析项目班编程入门班 Business Analyst实习算法集训营

求职就业

BA和产品经理实习数据科学实习数据分析实习 Marketing实习简历修改面试指导导师指导VIP

地址

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

联系方式

hello@jiangren.com.au 0421-672-555

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.

ABN 26621887572