or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Syncing
xxxxxxxxxx
Introduction to Web Programming
Web。Programming
Web Browser
前端。後端
伺服器
前端。瀏覽器 (Web Browser) [ref]
First web browser: WorldWideWeb (aka. Nexus), by Tim Berners Lee, 1990
前端。瀏覽器 (Web Browser) [ref]
Lynx, a text-based browser, by a team of students and staff at the university (of Kansas), 1992 (http://lynx.browser.org/)
前端。瀏覽器 (Web Browser) [ref]
Mosaic, often regarded as the first graphical web browser, was developed by National Center for Supercomputing Applications (NCSA) of UIUC, in late 1992 (Led by Marc Andreessen)
前端。瀏覽器 (Web Browser) [ref]
Netscape, founded by Marc Andreessen, James H. Clark, and 4 others from Mosaic, was the most successful commercial web company in 90’s
前端。瀏覽器 (Web Browser) [ref]
前端。瀏覽器 (Web Browser) [ref]
Internet Explorer (IE), by Microsoft, in 1995
前端。瀏覽器 (Web Browser) [ref]
Opera, by Telenor, in 1996
前端。瀏覽器 (Web Browser) [ref]
Safari, by Apple, in 2003
前端。瀏覽器 (Web Browser) [ref]
Firefox, by Mozilla, in 2004
前端。瀏覽器 (Web Browser) [ref]
Chrome, by Google, in 2008
前端。瀏覽器 (Web Browser) [ref]
Edge, by Microsoft, in 2015
前端。瀏覽器 (Web Browser) [ref]
前端。網頁
這二十幾年來網頁有許多的改變:https://archive.org/
Web 1.0 (90’s ~ early 00’s)
前端。網頁
靜態網頁
靜態網頁
動態網頁
網頁內嵌會聽取(listen)某些事件(events, 如:滑鼠點擊、移動,鍵盤輸入,登入…等)的腳本語言(script language, 如:JavaScript),當事件發生時,瀏覽器會根據腳本的描述去伺服器(i.e. web server)與資料庫抓取資料,回傳到瀏覽器,而更動「部分」的網頁內容
動態網頁
動態網頁
Ajax: Asynchronous JavaScript and XML
Ajax: Asynchronous JavaScript and XML
前後端的分工逐漸明確
前端。Client-side Rendering 的演進
React.js。元件式開發+狀態決定 UI
var AppUI = AppComponent(state);
// more to cover in later meetings
後端語言更是百花齊放~
可以跑在伺服器 (電腦) 的程式語言都可以用

End