2024上程式設計2nd課程

劉任昌

WIKIPEDIA科目CSS

哈佛大學CS50課程

CS50（電腦科學50）是哈佛大學、耶魯大學和牛津大學教授的線上電腦科學入門課程。2016 年，CS50向高中生開放成為進階先修課程。校園實體上課（on-campus）是哈佛大學最大的班級，有800名學生、102名教職員工以及多達 2,200名常出席的規黑客馬拉松參與者。[1][2]

此課程材料可在edX平台上免費線上獲取，並提供一系列收費證書。截至 2022 年，這個名為 CS50x 的線上版本教授C、Python、SQL、HTML、CSS和JavaScript語言。它還教授基本的電腦科學概念，包括陣列和資料結構以及Flask Web 框架。[3]課程的 2021 年迭代引入了三個關於電腦安全、人工智慧和技術倫理的新的附加講座。[4]

首席導師是哈佛大學教授大衛·馬蘭。[5] Doug Lloyd 和 Brian Yu [6]也是 CS50 課程的前成員及其講師。[7] Facebook共同創辦人馬克‧祖克柏和微軟前執行長史蒂夫‧鮑爾默曾做過客座講座。[8][9] CS50 課程於 1989 年首次在校園內出現。 還有幾個後續項目，重點關注網路程式設計、人工智慧、遊戲開發和行動應用程式。 格式 講座會被錄製並上傳到多種服務，包括iTunes U、EdX和YouTube。教授和志願學生也錄製了額外的影片「演練」。課程問題稱為問題集，簡稱為“psets”，有PDF和HTML格式。學生可以上傳問題集答案，有些問題會自動評分。學生還可以使用特殊的軟體來檢查他們在雲端的程式碼。 2016年，CS50成為第一個為學生提供完全在虛擬實境中觀看所有講座的可能性的大學課程。[ 10 ] 2022 年，課程從 CS50 IDE轉移到基於GitHub程式碼空間的VS Code網路版本，現在課程提供4K HDR和 SDR 版本。[ 11 ] 後續課程 CS50 提供多種後續課程，包括： CS50 Web 程式設計電腦科學 - 更深入了解HTML、CSS和JavaScript，以及包含Django和React在內的框架。[ 12 ] CS50 的Python人工智慧簡介- 涵蓋搜尋演算法、機器學習和人工智慧。[ 13 ] CS50 的遊戲開發簡介 - 教授Unity和Löve 2D 遊戲引擎，以及2D和3D遊戲原理。[ 14 ] 初級課程 CS50 也為剛接觸程式設計或想要了解更多技術的人提供課程。 CS50P：Python 程式設計簡介 CS50x：計算機科學簡介 CS50 的 Scratch 程式設計簡介 - 使用 Scratch 進行程式設計的簡介， Scratch是一種視覺化程式語言，有抱負的程式設計師可以透過拖放圖形塊來編寫程式碼[ 15 ] CS50的理解技術－涵蓋電腦硬體、網際網路、多媒體等基本技術概念。[ 16 ] CS50律師計算機科學簡介。[ 17 ] [1]帕帕諾，勞拉。“10 門扭轉課程”。紐約時報。檢索於2014 年 5 月 4 日。 [2]法雷爾，邁克爾. 「電腦科學課程填補了哈佛大學的席位和需求」。波士頓環球報。 [3]“CS50x 2021”。cs50.harvard.edu 。檢索日期： 2021 年 3 月 25 日。 [4]“2021 年有什麼新變化？- CS50x 2021”。cs50.harvard.edu 。檢索日期： 2021 年 3 月 25 日。 [5]奧爾貝，艾倫。「哈佛大學的明星電腦科學教授如何建立遠距學習帝國」。紐約客. [6]“Brian Yu 的網頁” .布萊恩尤.我。 [7]布萊恩·費爾特 (2014-03-11)。「以全球電腦科學教育者為特色的 LaunchCode 黑客馬拉松」。聖路易斯商業雜誌。檢索於2014 年 5 月 4 日。 [8]“馬克·祖克柏的 CS50 客座演講”。哈佛大學。 [9]“史蒂夫·鮑爾默的 CS50 客座演講”。哈佛大學。 [10]Fahs，C.拉姆齊（2016-08-31）。「CS50 遠離傳統講座，走向虛擬實境」。猩紅之地。 [11]“2022 年有什麼新功能？- CS50x 2022”。cs50.harvard.edu 。檢索日期： 2022 年 2 月 19 日。 [12]“電腦科學網路程式設計專業證書”。edX .檢索日期： 2021 年 3 月 25 日。 [13]“人工智慧電腦科學專業證書”。edX .檢索日期： 2021 年 3 月 25 日。 [14]“遊戲開發電腦科學專業證照”。edX .檢索日期： 2021 年 3 月 25 日。 [15]“CS50 的 Scratch 程式設計簡介”。cs50.harvard.edu。 [16]“CS50的理解技術” . cs50.harvard.edu。 [17]“CS50 律師電腦科學”。cs50.harvard.edu 。檢索日期： 2022 年 2 月 19 日。

每次上課都要寫心得

網頁的三大支：HTML相當於房屋的結構，CSS相當於房屋的外觀與裝飾，JavaScript房屋的機能（functionality）。

以上原始碼

<STYLE>/*宣告CSS=CASCADING STYLE SHEETS*/

  H1{BORDER: 5PX SOLID PURPLE; BACKGROUND-COLOR: BLUE; COLOR: WHITE;} 

</STYLE>

<TITLE>2024上程式設計2nd課程</TITLE>

<H1>WIKIPEDIA科目CSS</H1>

<IFRAME SRC="https://en.wikipedia.org/wiki/CSS" HEIGHT="300" WIDTH="100%"></IFRAME>

  

<H1>哈佛大學CS50課程</H1>

<IFRAME SRC="https://en.wikipedia.org/wiki/CS50">

</IFRAME>

CS50（電腦科學50）是哈佛大學、耶魯大學和牛津大學教授的線上電腦科學入門課程。2016 年，CS50向高中生開放成為進階先修課程。校園實體上課（on-campus）是哈佛大學最大的班級，有800名學生、102名教職員工以及多達 2,200名常出席的規黑客馬拉松參與者。[1][2]

此課程材料可在edX平台上免費線上獲取，並提供一系列收費證書。截至 2022 年，這個名為 CS50x 的線上版本教授C、<b>Python</b>、SQL、<b>HTML</b>、<b>CSS</b>和<b>JavaScript</b>語言。它還教授基本的電腦科學概念，包括陣列和資料結構以及Flask Web 框架。[3]課程的 2021 年迭代引入了三個關於電腦安全、人工智慧和技術倫理的新的附加講座。[4]

首席導師是哈佛大學教授大衛·馬蘭。[5] Doug Lloyd 和 Brian Yu [6]也是 CS50 課程的前成員及其講師。[7] Facebook共同創辦人馬克‧祖克柏和微軟前執行長史蒂夫‧鮑爾默曾做過客座講座。[8][9] CS50 課程於 1989 年首次在校園內出現。

還有幾個後續項目，重點關注網路程式設計、人工智慧、遊戲開發和行動應用程式。

格式

講座會被錄製並上傳到多種服務，包括iTunes U、EdX和YouTube。教授和志願學生也錄製了額外的影片「演練」。課程問題稱為問題集，簡稱為“psets”，有PDF和HTML格式。學生可以上傳問題集答案，有些問題會自動評分。學生還可以使用特殊的軟體來檢查他們在雲端的程式碼。 2016年，CS50成為第一個為學生提供完全在虛擬實境中觀看所有講座的可能性的大學課程。[ 10 ] 2022 年，課程從 CS50 IDE轉移到基於GitHub程式碼空間的VS Code網路版本，現在課程提供4K HDR和 SDR 版本。[ 11 ]

後續課程

CS50 提供多種後續課程，包括：

CS50 Web 程式設計電腦科學 - 更深入了解HTML、CSS和JavaScript，以及包含Django和React在內的框架。[ 12 ]

CS50 的Python人工智慧簡介- 涵蓋搜尋演算法、機器學習和人工智慧。[ 13 ]

CS50 的遊戲開發簡介 - 教授Unity和Löve 2D 遊戲引擎，以及2D和3D遊戲原理。[ 14 ]

初級課程

CS50 也為剛接觸程式設計或想要了解更多技術的人提供課程。

CS50P：Python 程式設計簡介

CS50x：計算機科學簡介

CS50 的 Scratch 程式設計簡介 - 使用 Scratch 進行程式設計的簡介， Scratch是一種視覺化程式語言，有抱負的程式設計師可以透過拖放圖形塊來編寫程式碼[ 15 ]

CS50的理解技術－涵蓋電腦硬體、網際網路、多媒體等基本技術概念。[ 16 ]

CS50律師計算機科學簡介。[ 17 ]

參考資料(拷貝到上面)

[1]帕帕諾，勞拉。“10 門扭轉課程”。紐約時報。檢索於2014 年 5 月 4 日。

[2]法雷爾，邁克爾. 「電腦科學課程填補了哈佛大學的席位和需求」。波士頓環球報。

[3]“CS50x 2021”。cs50.harvard.edu 。檢索日期： 2021 年 3 月 25 日。

[4]“2021 年有什麼新變化？- CS50x 2021”。cs50.harvard.edu 。檢索日期： 2021 年 3 月 25 日。

[5]奧爾貝，艾倫。「哈佛大學的明星電腦科學教授如何建立遠距學習帝國」。紐約客.

[6]“Brian Yu 的網頁” .布萊恩尤.我。

[7]布萊恩·費爾特 (2014-03-11)。「以全球電腦科學教育者為特色的 LaunchCode 黑客馬拉松」。聖路易斯商業雜誌。檢索於2014 年 5 月 4 日。

[8]“馬克·祖克柏的 CS50 客座演講”。哈佛大學。

[9]“史蒂夫·鮑爾默的 CS50 客座演講”。哈佛大學。

[10]Fahs，C.拉姆齊（2016-08-31）。「CS50 遠離傳統講座，走向虛擬實境」。猩紅之地。

[11]“2022 年有什麼新功能？- CS50x 2022”。cs50.harvard.edu 。檢索日期： 2022 年 2 月 19 日。

[12]“電腦科學網路程式設計專業證書”。edX .檢索日期： 2021 年 3 月 25 日。

[13]“人工智慧電腦科學專業證書”。edX .檢索日期： 2021 年 3 月 25 日。

[14]“遊戲開發電腦科學專業證照”。edX .檢索日期： 2021 年 3 月 25 日。

[15]“CS50 的 Scratch 程式設計簡介”。cs50.harvard.edu。

[16]“CS50的理解技術” . cs50.harvard.edu。

[17]“CS50 律師電腦科學”。cs50.harvard.edu 。檢索日期： 2022 年 2 月 19 日。

每次上課都要寫心得

• <P STYLE="FONT-SIZE: 24PX; LINE-HEIGHT: 1.5; TEXT-INDENT:1CM">網頁的三大支：HTML相當於房屋的結構，CSS相當於房屋的外觀與裝飾，JavaScript房屋的機能（functionality）。</P>
• IFRAME不是英文字，FRAME是英文字「相框」、「門框」。
• 使用「撰寫模式」，不需要擔心指令。現在使用的元件是UL=UNORDERED LIST沒有標號的清單LIST,
• OL=ORDERED LIST有編號
• 設定STYLE可以有

1. 選擇器H1{屬性:值;....}
2. 類別CLASS=....
3. 身分ID=...使用#設定，同時可以標示網頁的特定位置...HTTPS...網址#ID