---
# System prepended metadata

title: '[電腦] 教學系列'
tags: [教育學習網, GenAI, STEAM, 自學, 網頁設計, 電腦, 課程, Tutorial, W3School, AIGC, 學科, 生成式AI]

---

[電腦] 教學系列
===
###### tags: `學科`
###### tags: `學科`, `電腦`, `W3School`, `課程`, `自學`, `Tutorial`, `STEAM`, `AIGC`, `生成式AI`, `GenAI`, `STEAM`, `教育學習網`, `網頁設計`

<br>

[TOC]

<br>

<hr>

<br>

# [web] https://w3c.hexschool.com/ :+1: :100: 
[![](https://i.imgur.com/dUr02Iv.png)](https://w3c.hexschool.com/flexbox/2186a786) [![](https://i.imgur.com/ZkvGulZ.png)](https://w3c.hexschool.com/flexbox/a0979749)

- [Flex 基礎教學](https://w3c.hexschool.com/flexbox/2186a786)
- [Flex 範例](https://w3c.hexschool.com/flexbox/a0979749)

<br>

<hr>

<br>

# [mixed] https://www.w3schools.com/

[![](https://i.imgur.com/wMAS2mj.png)](https://i.imgur.com/wMAS2mj.png)
![](https://i.imgur.com/C6YgK8r.png =30%x) ![](https://i.imgur.com/uV2eJ4V.png =30%x) ![](https://i.imgur.com/i39hIeW.png =30%x)

## [[Programming] JavaScript Tutorial](https://www.w3schools.com/js/)

## [[Programming] Java Tutorial](https://www.w3schools.com/java/default.asp)

## [[Programming] Go Tutorial](https://www.w3adda.com/golang-tutorial/go-hello-world)

## [[Programming] Machine Learning](https://www.w3schools.com/python/python_ml_getting_started.asp)

## [[Programming] Data Science Tutorial](https://www.w3schools.com/datascience/default.asp)


<br>

<hr>

<br>

# https://www.geeksforgeeks.org/
[![](https://hackmd.io/_uploads/SkOCgHWK2.png)](https://hackmd.io/_uploads/SkOCgHWK2.png)
[![](https://hackmd.io/_uploads/BJbjvrZYn.png)](https://hackmd.io/_uploads/BJbjvrZYn.png)

## [Python](https://www.geeksforgeeks.org/python-programming-examples/?ref=shm)

## [Algorithms](https://www.geeksforgeeks.org/fundamentals-of-algorithms/?ref=shm)

<br>

<hr>

<br>

# [programming] https://www.programiz.com/
> Learn to Code for Free
- [PYTHON PROGRAMMING](https://www.programiz.com/python-programming)
- [C PROGRAMMING](https://www.programiz.com/c-programming)
- [JAVA PROGRAMMING](https://www.programiz.com/java-programming)
- [JAVASCRIPT PROGRAMMING](https://www.programiz.com/javascript)
- [C++ PROGRAMMING](https://www.programiz.com/cpp-programming)
- [DS & ALGORITHMS](https://www.programiz.com/dsa) (#資料結構 演算法 data structure algorithm)
- [KOTLIN PROGRAMMING](https://www.programiz.com/kotlin-programming)
- [SWIFT PROGRAMMING](https://www.programiz.com/swift-programming)
- [C# PROGRAMMING](https://www.programiz.com/csharp-programming)


<br>

<hr>

<br>

# [Fooish 程式技術](https://www.fooish.com/)
## [HTML 教學](https://www.fooish.com/html/)
## [SQL 教學](https://www.fooish.com/sql/)
## [React 教學](https://www.fooish.com/reactjs/)
## [JavaScript 教學](https://www.fooish.com/javascript/)
## [JSON 教學](https://www.fooish.com/json/)
## [Regex 教學](https://www.fooish.com/regex-regular-expression/)
## [jQuery 教學](https://www.fooish.com/jquery/)

<br>

<hr>

<br>

# [text] https://www.markdowntutorial.com/
> Markdown

<br>

<hr>

<br>

# [國立臺灣師範大學](https://web.ntnu.edu.tw/~algo/) 
> Algorithm & Data Structure :+1: :+1: :+1: :100:

- Search
- About
- Algorithm
- Data Structure
- Algorithmic Graph Theory
- Combinatorial Optimization
- Computational Number Theory
- Analytic Number Theory
- Computational Geometry
- Discrete Differential Geometry
- Numerical Analysis
- Numerical Linear Algebra
- Engineering Mathematics
- Discrete Mathematics
- Data Processing
- Signal Processing
- String Processing
- Coding Theory
    - [Encryption](https://web.ntnu.edu.tw/~algo/Encryption.html)
- Multimedia
- Interdisciplinarity
- Development
- Innovation

<br>

<hr>

<br>

# [STEAM 教育學習網](https://steam.oxxostudio.tw/)
> STEAM 教育由五個單字組成，分別是 Science ( 科學 )、Technology ( 技術 )、Engineering ( 工程 )、Arts ( 藝術 ) 和 Mathematics ( 數學 )

## [生成式 AI ( AIGC、GenAI ) 教學](https://steam.oxxostudio.tw/category/aigc/index.html)
> 生成式 AI ( AIGC、GenAI ) 教學會透過一系列的文章，介紹常見的生成式 AI 工具，例如 ChatGPT、Midjourney、Leonardo.Ai...等，透過這些工具快速的產生文字和圖片，不僅大幅增加工作或學習效率，更能提供更豐富的想像和創意。
- ChatGPT
- Poe ( Poe AI )
- Midjourney

<br>

## [Canva 教學](https://steam.oxxostudio.tw/category/canva/index.html)

<br>

## [HTML 教學](https://steam.oxxostudio.tw/category/html/index.html)

<br>

## [Google Analytics 4 教學](https://steam.oxxostudio.tw/category/ga4/index.html)

<br>

## [Python 教學](https://steam.oxxostudio.tw/category/python/)

<br>

<hr>

<br>

# 網頁設計
## 2019 iT 邦幫忙鐵人賽回列表
- [金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎 系列](https://hackmd.io/TOqjfKQzQSqLES1t3r2y8g)


<br>

<hr>

<br>


## 散篇
### git
- [連猴子都能懂的Git入門指南](https://backlog.com/git-tutorial/tw/intro/intro1_1.html)