AlphaCamp

[程式語言]AlphaCamp學習紀錄 : 第二週結束了html及CSS學習心得!

我每週會更新一篇程式語言學習文章,記錄我的學習情況,也給各位想學習的朋友做個參考。

這篇文章記錄了我為甚麼選擇AlphaCamp

這篇文章是第一週的學習紀錄

Alpha camp 第二週課程內容

著手寫程式

這禮拜開始真正寫程式了,此次的程式相對上週來說已經有一點難度,

所以比較需要去思考如何寫程式,最一開始會有熱身提,一步一步帶領寫程式

所以這週對我來說,只要照著教學,仔細思考之後,是不會太難的。

經典猜數字

這是最一開始的猜數字 (guessing number)練習,「猜數字」是一個經典的程式入門練習。

猜數字的玩法是這樣,莊家事先指定介於 1-100 之間的數字。接下來挑戰者會開始猜數字,

挑戰者說出數字以後,莊家會回答「太小了」或「太大了」,直到挑戰者猜中為止。

現在我們扮演的角色是莊家,而負責挑戰猜數字的人是電腦,要讓電腦猜到對為止。

下圖是我寫的程式跑出來的結果,為了不跟大家重複,我的輸出會稍微生動一點XD

可以看到我的程式輸出的結果,讓電腦隨機猜測數字,然後輸出猜測結果

這個程式結合了上週的知識,是一個很不錯的基礎練習,

之後就是再優化這個猜測數字的結果,讓電腦可以在10次以內就猜中,

提升猜數字效率

上個階段是讓電腦隨便亂猜,因此這種亂槍打鳥的方式,非常的沒有效率,電腦不知道幾次才會猜中,

所以我們可以設計優化,讓電腦在10次以內猜中,可以自己在玩猜數字遊戲的時候,

會採取什麼樣的策略,讓自己10次以內猜中,然後如何去教電腦使用策略

可以看到我使用這個策略之後,電腦已經可以在10次內正確猜中答案

網頁設計實作 : html 與 CSS

學習目標

上面學習了Javascrip之後,接下來就是網頁設計,網頁設計最主要的就是htmlCSS兩種語言,

這個單元主要就是教你網頁設計的視覺跟網頁設計的主要工具,主要學習目標如下:

  • 了解網頁設計裡面,如何打造視覺介面
  • 了解HTML 和 CSS 是網頁設計裡打造視覺介面的主要工具,還有兩者主要的分工
  • 學習 HTML 和 CSS 之後建立切版的能力

實際操作

在這一單元裡面,進行了非常多的實際操作,我也透過這些操作,更加了解了許多網頁開發的背後原理,

課程裡面也有教學如何使用html跟CSS實際做出一個網頁,跟CSS以及html的基本語法,

實際操作裡面的一部分使用仿真的FB貼文讓我們任意竄改,操作之後,我也心血來潮的去改動我朋友的FB,把他們的貼文改得很好笑,

因為我自己改的圖內容不好放上來,所以我改一個比較正常的FB貼文,這是我朋友的FB

改動之前

改動之後

裡面的內容可以隨意更動,非常好玩,當然這種更動按重新整理就回復正常了,

並不會真的把網頁上的東西改掉。

工程師網頁設計的準備工作

在認真開始寫code之前,我們必須要清楚知道自己要寫什麼樣的idea出來,

通常要寫code,並不會馬上開始寫,我們主要大目標訂出來之後,

在把大目標拆解成小目標,之後再拆成一步一步的小步驟,一步一步完成。

通常可以繪製流程圖以及草稿,讓自己更容易理解,其中也要使用運算思維,

把自己的腦袋所想的東西轉成電腦所想,最後在寫出屬於自己的東西!!

未來目標

  • 持續記錄自己的學習歷程
    每次在書寫學習歷程的時候,更可以加深我的印象,讓我更加融會貫通!!
  • 持續練習所學的東西
    之後就是要持續將所學的東西練習到非常熟練,讓自己更加進步

之後我依然會持續更新自己學習程式語言的心得感想,同時也是做個筆記,

若是對程式語言有興趣的人,我非常推薦進AlphaCamp學習!!!!

程式語言相關文章:

AlphaCamp課程介紹!!我為什麼選擇這堂程式語言的課程?

AlphaCamp 程式語言學習 : 第一週過去了,我學到了什麼?

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Secured By miniOrange