AC - Dev C1 網頁開發入門 經驗回顧

更新於 發佈於 閱讀時間約 1 分鐘
理解問題,然後拆解,最後解決它。

通常網頁開發的課程流是 HTML - CSS - JavaScript ,
但在 AC 一開始就先淺談 JavaScript ,
就是要先建立運算思維:

  • 將大問題拆成小問題
  • 去觀察問題之間有什麼規律性
  • 將規律性轉化成公式
  • 將以上的發現,寫成步驟來解決問題

這跟人的直覺不同,我們很常依賴過去經驗來去判斷眼前遇到的問題,
但是電腦不同,需要給出很明確的指令,才能輸出我們要的結果。

這樣的思維也帶到後面切版時(將設計稿件切割成 HTML 架構)使用,
把畫面分割成小元件、標記每個元件樣式、依循切版的架構去製作網頁,
就能解決以下的問題:

一看到設計就直接動手做,寫到後來發現架構沒寫好,又要回頭修改。

嗯,我就是那個依賴直覺,看到設計稿件就很想趕快完成的人,
所以常常寫到後面才發現有問題,
製作獨立頁面還好處理,如果是多頁形式的網站,真的寧願刪掉重寫。

在 C1 課程中學到最多的就是運算思維了,
比起程式語言怎麼寫,先把解決問題的方法調整,我想這個是最重要的,
將這樣的思維運用在生活上,會不會發現其實大問題拆解下來的小問題,
都不再是個要解決的問題了。

留言
avatar-img
留言分享你的想法!
avatar-img
碎碎念
5會員
14內容數
本來是理科生,在被物理放棄之後成為了文科生,有時理性思考,偶爾卻會脫口出感性的字句;喜歡打字的聲音,以生活為靈感寫下過去、現在與未來。
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
介紹邏輯運算的觀念,包含布林值、運算子與運算式的介紹。並說明如何使用 Python 撰寫這些觀念。
Thumbnail
介紹邏輯運算的觀念,包含布林值、運算子與運算式的介紹。並說明如何使用 Python 撰寫這些觀念。
Thumbnail
「什麼時候才能用數學歸納法?」 數學歸納法的哲學意義是,當1代入時關係成立,且n成立時發現n+1時成立,那豈不是1成立2就成立,接著3也成立,因此到∞也成立? 所有數學歸納法適用的時機是: 1. 該命題要證明的範圍在自然數系中 2. 能透過「被歸納的訊息」找到「n和n+1 or n和n-1的關係」
Thumbnail
「什麼時候才能用數學歸納法?」 數學歸納法的哲學意義是,當1代入時關係成立,且n成立時發現n+1時成立,那豈不是1成立2就成立,接著3也成立,因此到∞也成立? 所有數學歸納法適用的時機是: 1. 該命題要證明的範圍在自然數系中 2. 能透過「被歸納的訊息」找到「n和n+1 or n和n-1的關係」
Thumbnail
本文摘要出我覺得IC開發流程中最基本的相關知識,幫自己的成長做紀錄,也分享給剛加入半導體/IC產業的小白們,希望這篇文章可以提供幫助。
Thumbnail
本文摘要出我覺得IC開發流程中最基本的相關知識,幫自己的成長做紀錄,也分享給剛加入半導體/IC產業的小白們,希望這篇文章可以提供幫助。
Thumbnail
建模 (Modeling) 畫細不難,難在用最經濟的方式達成 "雖不中亦不遠矣"。 網格 (Meshing) 任憑你列式再怎麼漂亮,解不出來就是白搭。 求解 (iterating) 能收斂都好說,不能收斂就是痛苦的開始
Thumbnail
建模 (Modeling) 畫細不難,難在用最經濟的方式達成 "雖不中亦不遠矣"。 網格 (Meshing) 任憑你列式再怎麼漂亮,解不出來就是白搭。 求解 (iterating) 能收斂都好說,不能收斂就是痛苦的開始
Thumbnail
程式語言只是工具,更重要的是程式邏輯 【運算思維】 1.拆解: 將一個任務或問題拆解成數個步驟或部分。 2.找出規律: 預測問題的規律,並找出模式做測試。 3.歸納與抽象化: 找出最主要導致此模式的原則或因素。 4.設計演算法: 設計出能夠解決類似問題並且能夠被重複執行的指令流程。
Thumbnail
程式語言只是工具,更重要的是程式邏輯 【運算思維】 1.拆解: 將一個任務或問題拆解成數個步驟或部分。 2.找出規律: 預測問題的規律,並找出模式做測試。 3.歸納與抽象化: 找出最主要導致此模式的原則或因素。 4.設計演算法: 設計出能夠解決類似問題並且能夠被重複執行的指令流程。
Thumbnail
這篇文章為介紹C#基礎知識的一部分,如果你是直接開始寫程式的C#程式員,可以看看這篇文章補足一些基礎知識。
Thumbnail
這篇文章為介紹C#基礎知識的一部分,如果你是直接開始寫程式的C#程式員,可以看看這篇文章補足一些基礎知識。
Thumbnail
「圖解」是一項很有魅力的技能,夠將複雜的資訊濃縮在一張圖上說清楚。這篇文章寫給需要處理複雜問題的人,內容摘要於一位工程師分享「為自己的程式碼做圖解的經驗」,看完後你可以學習圖解的 3 個大概念 — 區分、連結、描述關係,將腦中複雜的問題與邏輯架構,透過圖解表達出來。
Thumbnail
「圖解」是一項很有魅力的技能,夠將複雜的資訊濃縮在一張圖上說清楚。這篇文章寫給需要處理複雜問題的人,內容摘要於一位工程師分享「為自己的程式碼做圖解的經驗」,看完後你可以學習圖解的 3 個大概念 — 區分、連結、描述關係,將腦中複雜的問題與邏輯架構,透過圖解表達出來。
Thumbnail
C#學習十天出頭,還在基礎的程式用語打混著。         常問那位工程師好友一堆蠢問題。某次看著書本中int整數相關程式碼的問題,當然問朋友,他也一頭霧水,因為我根本搞懂問題在哪?問的又是什麼?所以朋友也不知從何回答我起,我也翻翻書找找,也看到int的定義範圍,但還是「霧煞煞」,但是先把程式碼弄
Thumbnail
C#學習十天出頭,還在基礎的程式用語打混著。         常問那位工程師好友一堆蠢問題。某次看著書本中int整數相關程式碼的問題,當然問朋友,他也一頭霧水,因為我根本搞懂問題在哪?問的又是什麼?所以朋友也不知從何回答我起,我也翻翻書找找,也看到int的定義範圍,但還是「霧煞煞」,但是先把程式碼弄
Thumbnail
家長真的要記得,小學數學多半脫離不了算術的範疇,但進入數學就有數學語言的概念,無法運用數學語言,怎麼可能進入科學、工程的領域?就算勉強考進去,多半也只會是半調子。 能夠早點熟悉數學邏輯的思考,以及數學語言的運用,絕對是好事。
Thumbnail
家長真的要記得,小學數學多半脫離不了算術的範疇,但進入數學就有數學語言的概念,無法運用數學語言,怎麼可能進入科學、工程的領域?就算勉強考進去,多半也只會是半調子。 能夠早點熟悉數學邏輯的思考,以及數學語言的運用,絕對是好事。
Thumbnail
工程師認為他們的專業迷人、有創造力並充滿有趣的挑戰。然而行外人卻經常認為工程學是重複性高、機械性而且讓人感到挫折。 兩種觀點都明顯為真。因為工程是門複雜的學問。工程學需要在大學課程的前兩年密集地學習數學、物理與化學。儘管聚焦在這些重要學科上,大學課程往往並沒有展現學科間的連結。
Thumbnail
工程師認為他們的專業迷人、有創造力並充滿有趣的挑戰。然而行外人卻經常認為工程學是重複性高、機械性而且讓人感到挫折。 兩種觀點都明顯為真。因為工程是門複雜的學問。工程學需要在大學課程的前兩年密集地學習數學、物理與化學。儘管聚焦在這些重要學科上,大學課程往往並沒有展現學科間的連結。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News