邱詩芸
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
    • Invite by email
      Invitee

      This note has no invitees

    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Note Insights New
    • Engagement control
    • Make a copy
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Note Insights Versions and GitHub Sync Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Engagement control Make a copy Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
  • Invite by email
    Invitee

    This note has no invitees

  • Publish Note

    Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

    Your note will be visible on your profile and discoverable by anyone.
    Your note is now live.
    This note is visible on your profile and discoverable online.
    Everyone on the web can find and read all notes of this public team.
    See published notes
    Unpublish note
    Please check the box to agree to the Community Guidelines.
    View profile
    Engagement control
    Commenting
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    • Everyone
    Suggest edit
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    Emoji Reply
    Enable
    Import from Dropbox Google Drive Gist Clipboard
       Owned this note    Owned this note      
    Published Linked with GitHub
    • Any changes
      Be notified of any changes
    • Mention me
      Be notified of mention me
    • Unsubscribe
    ###### tags: `學期二` # 2020/02 FDN_Wk2 ORID <table> <tr><td><h3>ST</h3><b>shinting.tsai@gmail.com</b><br><div>OBJECTIVE:<strong><br></strong>這週學習到Flexbox &amp; Grid等佈局系統,以及bootstrap。並透過bootstrap練習Grid佈局。<strong><br></strong><br>REFLECTIVE:&nbsp;<br>bootstrap真是相當好用,很方便的工具,省掉很多自己刻layout的功夫。<br><br>INTERPRETIVE:<br>透過習題練習,發現對於CSS掌握度還是不夠,所幸bootstrap功能強大,透過HTML即可完成大部分的工作。儘管如此,還是需要多練習CSS才行。<br><br>DECISIONAL:<br>bootstrap真是相當方便,希望能夠多加練習這個工具</div><br></td></tr> <tr><td><h3>Fred</h3><b>aikwdc00@hotmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?<ul><li>學習了flexbox and grid</li><li>透過bootstrap 框架完成rwd的體驗</li></ul></li><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?<ul><li>覺得每學會一項應用,就成長一點</li></ul></li><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?<ul><li>有各式各樣不同的寫法</li><li>效果的應用。</li></ul></li><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)<ul><li>學習時間分配</li><li>dom的應用</li></ul></li></ul><div><br></div><br></td></tr> <tr><td><h3>Bruce</h3><b>god1112@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>使用Flex、Grid系統作排版,應用Bootstrap框架。<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>之前有網頁設計的工作經驗,使用較舊的技術,因已有觀念,學習新技術排版仍駕輕就熟。目前從事專案管理,網頁設計已有數年未曾接觸,感覺找回當年學習網頁設計的熱情!<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>能以框架完成排版較有效率,細節部分仍須搭配其他技巧。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div>下週學習DOM操作與事件處理,這部分先前已有自學,但在應用上仍嫌不足。希望可延續S2建立起的邏輯觀念完成課程。涉獵到程式撰寫的部分可能就沒辦法如這週提早完成,要注意時間分配。<br><br></div><ul><li>有什麼話想跟 AC 說?</li></ul><div>&nbsp;同上週,謝謝提供一個良好的學習平台。</div><div><br></div><br></td></tr> <tr><td><h3>Jerry</h3><b>jerry20928@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>RWD實作、Flexbox、Grid、Bootstrap、Bootstrap實作<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?</li></ul><div>雖然內容學習完畢、作業都完成,但自己對於當周內容的應用還是不太熟練,需要額外花時間多加練習。<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?</li></ul><div>從 Flexbox 排版到 Grid 排版最後學到使用前端框架 Bootstrap Grid 製作,讓網頁排版更加簡單容易,深深體會到新技術的方便性。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?</li></ul><div>繼續保持目前的學習方式,並且不落後進度。<br><br><br><br></div><ul><li>有什麼話想跟 AC 說?</li></ul><div>感謝助教們撥空批改我的作業以及給我的建議,這些回饋相當珍貴 !!</div><div><br></div><br></td></tr> <tr><td><h3>yuan</h3><b>townyuan@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><ol><li>了解 RWD 觀念及操作 (Mobile First 觀念。一般很容易以大螢幕開始思考…)。</li><li>相對單位應用。</li><li>Flexbox 及 Grid 實作。</li><li>了解 Bootstrap 架構及如何套用 Bootstrap 實作。<br><br></li></ol><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><ol><li>因對 CSS 有一定的熟悉度,學習起來較容易上手,也較不會被文字理解障礙影響 (還是喜歡影片教學XD)。</li><li>回頭再去複習 Week 1 的內容,希望也能大幅打通原本卡住的地方 ~_~<br><br></li></ol><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><ol><li>原本 CSS 的部份是自學,主要核心觀念還是很重要,透過本週學習有掌握到一些以前不了解的觀念,例如 Mobile First 原則,Bootstrap 應用,當這些觀念掌握到了,對於未來自己要再針對相關主題深入研究,更容易上手。</li></ol><div><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><ol><li>趕上本週進度,預計先回頭複習 Week 1 內容,下週又回到 JavaScript 學習才不會太吃力,跟不上進度。</li></ol><div><br></div><br></td></tr> <tr><td><h3>Denny</h3><b>denny1011133@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>&nbsp; &nbsp; 學了RWD的設計概念、如何設置媒體查詢、複習學期一的flexbox、學了新的佈局Grid和Boostrap框架與應用。<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>&nbsp; &nbsp; &nbsp;本週的內容主題在於學習RWD排版,實作的部分有時候會不曉得怎麼設置CSS來達到心中想要的樣式或是作業指定的流動模式,我覺得是還不熟悉CSS語法的關係,而我覺得未來如果碰到這類的問題,可以到網站去查詢一下某個屬性的完整作法才知道自己的畫面出了什麼問題。</div><div><br></div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>&nbsp; &nbsp; &nbsp;排版對我來講的感覺是比較瑣碎的東西,但是不難理解它的作用,只是感覺很多種樣式需要去熟悉他,可能摸熟就能反射性地使用。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div>&nbsp; &nbsp; 下個禮拜是要進到DOM的主題,開學前也有預習到,感覺好像還可以,希望下周的作業連同選修能按時交。</div><div><br></div><br></td></tr> <tr><td><h3>weipin</h3><b>ok0204q@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>&nbsp; &nbsp; &nbsp;這週沒有javascript的課程,是瞭解了RWD的核心觀念以及flexbox、grid、bootstrap。更加深&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;入認識排版的觀念。</div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>&nbsp; &nbsp; &nbsp;一開始以為這週會比上周的javascript課程還要輕鬆,但一樣到了選修A12那邊就開始卡住了,開<br>&nbsp; &nbsp; &nbsp;去找同學的相關解答,也是看了好一陣子還稍微瞭解為何要這樣寫</div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>&nbsp; &nbsp; &nbsp;以往在學其他的線上課程都是教display:block、inline-block沒有教flex,這次有機會學到了覺得<br>&nbsp; &nbsp; &nbsp;Flex更明瞭簡潔了,而且似乎知道BOOTSTRAP之後感覺比grid更直覺好用。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div>&nbsp; &nbsp; &nbsp;下週開始又是Javascript的難關了,DOM事件在其他的課程也有上過但沒有非常拿手,希望下周&nbsp; &nbsp; &nbsp; &nbsp;能讓我更加熟悉核心觀念,這週我發現完成作業的進度比上周快一些,應該是我增加了學習時間&nbsp; &nbsp; &nbsp; &nbsp;的關係,希望下周能保持或是能更加重學習時間。</div><br></td></tr> <tr><td><h3>harry</h3><b>harry811016@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>1. 學到了RWD適應各種裝置的變化、原先的flexbox排版、GRID排版以及Boostrap Grid排版<br>2. 利用不同排版方式完成了履歷RWD實作</div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>1. 覺得新的東西變多了,尤其是boostrap系統,感覺有很多東西可以用,想要甚麼工能需要逐一查詢,好在有先學過學習一以及預習學期二,就比較不用花時間在基本的html標籤語法上。</div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>1. 雖然感覺自己學了不少新的東西,一方面會擔心忘記先前的東西一方面又會擔心學的東西是不是太少和不夠,會一直擔心是否現在學的是否太簡單?是不是離未來要能夠被聘用還有一段距離?是不是實際工作用的東西都複雜很多?</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div>1. 由於在開課之前有對學期二先大致預習過一半,所以目前對於大方向比較不害怕,先不管這麼多,把課程內容以及課業用心做完。</div><div><br></div><br></td></tr> <tr><td><h3>Justin</h3><b>justinhuang777@gmail.com</b><br><ul><li>OBJECTIVE<br>這週學習了 RWD 響應式網站設計、Mobile First 等 Workflow,還有第一個接觸的前端框架 Bootstrap。</li><li>REFLECTIVE<br>學習 CSS 偶爾需要回去翻閱學期一的內容,慶幸當時在寫選擇器描述的作業時,小字助教對於描述的精準度非常要求,現在真的要運用時就感覺熟悉多了。</li><li>INTERPRETIVE<br>第一次接觸 Bootstrap ,使用起來真的還很直覺。使用框架時遇到問題會需要閱讀官方文件,快速閱讀及尋找答案的技巧很重要。</li><li>DECISIONAL<br>開課前已經預習到 DOM 操作,希望利用提前進度的方式繼續把剩下的作業寫完。</li></ul><br></td></tr> <tr><td><h3>Marc</h3><b>g40419@gmail.com</b><br><div>O-<br>更了解CSS排版的方法,新增響應式網站的概念,複習學期一的flexbox技巧外,又學到了grid的排版系統,還有好用的bootstrap<br>R-<br>在開學前的預讀,就將S3的部分課程完成了,不過還是重新再複習一遍,對於flexbox &amp; grid的使用掌握度高了一點,可是還是無法敏捷的判斷兩者的使用時機,上完之後覺得自己太著重於JS語言的練習,發現自己對於CSS好像有點陌生。<br>I-<br>這週最大的體會就是boostrap的強大,直覺的使用方式,如果熟悉文件的話,真的可以大大的加速佈局,但是自己對手刻CSS 覺得還需要更熟練,有點擔心會過度依賴框架<br>D-<br>這週剩下的時間,除了將A12 作業完成外,希望將boostrap的文件先讀過一遍,讓自己對這個工具熟悉一點,另外還是要找東西來練習原生的CSS</div><br></td></tr> <tr><td><h3>Milly</h3><b>qqmilly33@yahoo.com.tw</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>認識RWD並運用Bootstrap實作完成A12的作業</div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>這周的課程明顯比S2要來的好上手一些,原因可能有二,其一是本身邏輯觀念較弱,學習JS上一直都比較吃力,其二是本周時間安排上預作規劃;我在本周開放進度時,先看了學長姊的ORID,知道依學長姊的經驗在Bootstrap這個部分會花比較多時間,所以我調整了上課進度的規劃,把比較多的時間流來做A12的作業。</div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>Bootstrap是個很好用的系統,但同時還有很多內容待實際操作,目前還在研究要如何利用Bootstrap將網站的文字大小也能套用RWD進行縮放。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等?</li></ul><div>下周又要用到JS了,本周末得抓緊時間把S2 A5的作業完成,補強JS的相關知識。</div><br></td></tr> <tr><td><h3>Eddie Hsiao</h3><b>a227799770055@gmail.com</b><br><ul><li>OBJECTIVE<ul><li>這週複習了學期一所教的flex排版外,也增加了grid 以及Boostrap的課程。</li></ul></li><li>REFLECTIVE<ul><li>這週的課程明顯比較複雜,對於Bootstap的熟練度還不是很熟悉。需要再多加練習來增加手感。</li></ul></li><li>INTERPRETIVE<ul><li>這週學習最大的體會就是,練習的重要性。有很多內容看過之後覺得已經吸收了,但實際上應用時卻不是那麼順手。</li></ul></li><li>DECISIONAL<ul><li>除了新的課程之外,也回頭來練習上週的課程,並完成選修的作業。</li></ul></li></ul><br></td></tr> <tr><td><h3>Eli</h3><b>bob34295160@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?<br>學習了運用flex、grid、bootstrap各種不同方式的排版技巧</li><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?<br>這週感覺一樣挫折感很重,一般的作業都沒問題,但在A9跟A12上,卻發現自己沒辦法運用,花了多時間在理解問題在哪裏,常常覺得不知道為什麼打出來的程式卻不會照著想像的出現,最後只好看看別人做的,參考自己失誤在哪裡,沒有辦法自己想出來很可惜。</li><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?<br>最大的體悟就是要適度休息,在做A12的時候,即使看了別人的作業也不知道為什麼要這樣做,查了bootstrap的網站更覺得疑惑別人為什麼要這樣打,但是洗完澡出來後,又再看一次,忽然我就懂了,幾分鐘就做完了,發覺自己很容易把東西想得很複雜,搞亂到自己把原本的基礎都忘記了。</li><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)<br>下一週可能在每個單元學習跟實作上面要一次做完,不然很容易忘記,一直都很習慣把作業放在最後在做,導致還不熟悉又隔一段時間,現在程度變難,不太能跟以前一樣。</li></ul><div><br></div><br></td></tr> <tr><td><h3>彥</h3><b>b540915@gmail.com</b><br><ul><li><strong>OBJECTIVE</strong></li></ul><div>學習了Flex和Grid排版,還有如何套用Bootstrap的各種設定來設計RWD。<br>維持一天一codewar的習慣,保持寫js的手感。</div><ul><li><strong>REFLECTIVE</strong></li></ul><div>個人覺得Flex在排版上比Grid有彈性,在Bootstrap Grid實作的時候卡了老半天,最後決定先丟著等幾天後再來做,微調了很多地方,看了很多document,才達成我想要的設計。</div><ul><li><strong>INTERPRETIVE</strong></li></ul><div>體會就是,多碰你不擅長的部分才會進步。</div><ul><li><strong>DECISIONAL</strong></li></ul><div>依然是希望能夠在每週的前兩天學習完所有教材,剩下的時間拿來寫實作和codewar。<br><br></div><br></td></tr> <tr><td><h3>珍青</h3><b>yjc5726@hotmail.com</b><br><ul><li>OBJECTIVE -認識用Flexbox及Grid做出RWD的頁面,應用Bootstrap打造網站。<br><br></li><li>REFLECTIVE -超級開心能知道常常在滑手機時他會自動帶入的手機版網站是怎麼跟電腦版做出區隔,原來就是應用響應式的原理,還自己設計了排版! 也觀摩到很多同學賞心悅目的排版設計^0^。<br><br></li><li>INTERPRETIVE -接觸到Bootstrap這個強大的工具,原文式的資料需要慢慢閱讀...,希望之後可以多認識他!<br><br></li><li>DECISIONAL -跟上DOM的學習,有時間的話用Bootstrap來打造自己的履歷網站藉此熟悉Bootstrap的厲害功能。<br><br></li><li>有什麼話想跟 AC 說- 謝謝AC提供很多作業讓我們練習,邊學邊做很開心^__^,期待下次工作坊的圈圈叉叉遊戲~~!</li></ul><div><br></div><br></td></tr> <tr><td><h3>Wendy</h3><b>wendy11251@gmail.com</b><br><div>OBJECTIVE:<br>這周學習了許多與前端相關的內容(RWD, mobile first, media query....flexbox, grid, bootstrap)<br>REFLECTIVE:<br>對於有些名詞定義仍然有些模糊不熟悉,需要再多多複習課程內容<br>INTERPRETIVE:<br>若能善用前端框架,可以製作出許多精美又具有彈性的網頁,自己可以多看一些前端框架的文件讓自己可以越來越熟悉如何使用<br>DECISIONAL:<br>第一周的挑戰題A5,以及這單元的選修A12</div><br></td></tr> <tr><td><h3>Tony</h3><b>waiting33118@gmail.com</b><br><ul><li><blockquote>OBJECTIVE - 你這週學做了什麼?完成了什麼?</blockquote></li></ul><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;RWD 響應式網頁設計、Media Queries、 Mobile First、 Flexbox 佈局 、 Grid 佈局、 設計模式:&nbsp; 局部流動&amp; 細部微調</div><ul><li><blockquote>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</blockquote></li></ul><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 做完履歷那個小專案滿有成就感的,慢慢有前端設計的感覺,但還有很多套件還可以熟悉(如Bootstrap、SASS),要持續學習。</div><ul><li><blockquote>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</blockquote></li></ul><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 能清楚理解 FLEXBOX 和GRID 這兩套佈局系統,雖然我比較偏愛FLEXBOX(比較直覺),但後來接觸Bootstrap後覺得根本是神器,用HTML竟然就可以排版!!</div><ul><li><blockquote>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</blockquote></li></ul><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; RWD 目前為止概念也有,實作也會了,除了要更加深Grid 的用法之外,我想是時候進入DOM操作的領域了~~</div><br></td></tr> <tr><td><h3>Patrick</h3><b>sasuke10236@gmail.com</b><br><div>OBJECTIVE:這週複習了flexbox及學到grid、bootstrap等用法。認識到更多的排版觀念。<br>REFLECTIVE:這週跟上周相比,感覺挫折感沒那麼大。但在寫a9的時候還是有點卡卡的,還是要多觀摩同學的作業才有辦法完成。<br>INTERPRETIVE:覺得BOOTSTRAP相當方便,不用大費周章地寫一堆CSS樣式。<br>DECISIONAL:下週的作業希望能夠不用觀摩太多同學的就能夠自行完成。</div><br></td></tr> <tr><td><h3>Lowrnece</h3><b>thewindway@gmail.com</b><br><div><strong>OBJECTIVE</strong>:</div><div>完成了A7-A12的作業練習,對網站排版的方式及不同技術的操作有更明確的理解。<br><br><strong>REFLECTIVE</strong>:</div><div>進入第二周,主要來到網站版型框架的架構與建置,對我而言是新的世界,特別是Bootstrap!面對新的東西,學習起來既有趣卻也傷神,哈哈!但至少在作業的撰寫上相較於上周的JS,我覺得尚可一拚不致陣亡,哈哈哈!上周真的是有慘烈到!<br><br><strong>INTERPRETIVE</strong>:</div><div>網站的版型規劃真的是一門很需要事先規劃的藝術啊!從最初的規劃到實際撰寫,透過履歷網站不斷的嘗試與實踐,過程中時不時都在想原來還可以這樣哦?這樣改寫會出亂子嗎?如果是用Bootstrap寫CSS好像省超多耶?Bootstrap真的值得更加深入地去探究一番!<br><br><strong>DECISIONAL</strong>:<br>聽說下周會很猛,希望自己能夠繼續撐下去。至少,期許自己至少把作業都刷過一遍。</div><div><br><strong>想跟 AC 說:<br></strong>耶...如果過程卡關了,還請各位AC老師、助教以及學習團隊的大大們不吝指教!謝謝!</div><br></td></tr> <tr><td><h3>Alan</h3><b>crcheng2000@gmail.com</b><br><ul><li>OBJECTIVE<br>本週主軸在 RWD 上,其中強化了進行響應式網站設計前要考量的細節及因素。</li></ul><div><br></div><ul><li>REFLECTIVE<br>本週部份可說是我的弱項,要注意的細節頗多,在進行實作過程中,需花費相當的時間在其上了解。</li></ul><div><br></div><ul><li>INTERPRETIVE<br>Bootstrap 可以簡化使用css進行佈局的時間。</li></ul><div><br></div><ul><li>DECISIONAL<br>多花時間去了解CSS與BootStrap之用法。</li></ul><div><br><br></div><div><br></div><br></td></tr> <tr><td><h3>拉拉</h3><b>sue4100035045@gmail.com</b><br><div>OBJECTIVE&nbsp;<br>這週學了RWDD、Flexbox、Grid和bootstrap第四版,試著用不同的系統做網頁的排版。REFLECTIVE&nbsp;<br>先前曾看過其他老師的影片,大概知道bootstrap Grid系統的作用,但用起來還是有點卡卡的,果然還是要做作業實際操作過才會深刻的留在腦子裡,且做出構想中的排版讓人挺有成就感的!INTERPRETIVE - 做出同樣的網頁,方法有很多種,希望自己可以更快弄清楚每個系統的特色,並寫出淺顯易懂又簡潔的code。<br>DECISIONAL - 繼續在時間內完成所有課程和挑戰!並且好好的寫課堂筆記。<br><br>想說的話:發現自己連續兩週無法參加工作坊,說好的自我介紹不知道要欠多久orz,真的很抱歉阿~,之後如果有參加我一定會開視訊露臉的!!</div><br></td></tr> <tr><td><h3>Iris</h3><b>janyshop@msn.com</b><br><div>O: 這週學習了如何製作RWD、CSS更多的指令與使用、Bootstrap的使用方法,完成了一個對我來說有點困難的作業:我的履歷網站:RWD應用實作。<br>R: 作業讓我腦力激盪的有些厲害,因為剛開始用VScode寫時沒發現網頁顯示出來的排版是有問題的,等全部完成貼到codepen後才發現不能使用,當下有被雷劈到的感覺,雖然還沒找到為什麼,但這也讓我有了一次經驗知道該如何避免再次被雷劈。<br>I: 可能對於CSS的指令與效果還不熟悉,在實作練習時常常卡住,往往都會需要測試幾次後才能找到想要的效果,我想只能依靠重複練習來熟悉它了。<br>D:下一週的課程進度是DOM,但還是需要安排時間回來將RWD這部分在做練習,並且將選修題做完。</div><br></td></tr> <tr><td><h3>Doris</h3><b>dorishsiao007@gmail.com</b><br><ul><li>OBJECTIVE</li></ul><div>本週完成項目包含RWD、Media Queries、Flexbox與Grid排版、Bootstrap應用,課程大致上皆完成,剩餘A12選修作業,以Bootstrap改寫履歷需花較多時間,目前然在努力中。<br><br></div><ul><li>REFLECTIVE</li></ul><div>這週重點課程著重前端畫面刻畫,因之前幾乎沒有相關的學習經驗,只學習了程式基礎回顧部分,所以相較於第一週的Javascript,個人認為本週前端畫面課程讓我感覺比較吃力,實作部分也花了相關多時間,但成功將版面刻畫出預期結果,仍有小小成就感,所以並不會因為自己不熟悉,需花較多時間感到挫折或沒有興趣。</div><div><br></div><ul><li>INTERPRETIVE</li></ul><div>這週最有興趣的主題就是Bootstrap部分,可以套用現有框架,快速開發網頁,也可以透過觀察該工具的CSS寫法來提升自己CSS的能力,但需要加強自己查詢與閱讀官方文件的能力。<br>以前端畫面開發而言,目前對我來說,反而是Debug不容易,遇到問題時,會開啟瀏覽器的Debug Mode除錯,但是找問題相對沒有這麼容易,很多時候沒辦法很快查不出為何CSS沒有成功運行達到我要的結果。<br><br></div><ul><li>DECISIONAL</li></ul><div>本週已先預排好自己的學習時間與安排式當的進度,但是因作業實作花費的時間較長,仍有Delay的問題,所以到最後幾天也是苦苦追趕狀態,下週課程因為星期四有工作坊,且需要先完成下週部分課程,所以已經可以猜想到下週課程一釋出,就要準備進入備戰狀態了,預期自己可以在工作坊前完成預期的課程內容。</div><div>&nbsp; &nbsp; &nbsp;</div><ul><li>有什麼話想跟 AC 說?</li></ul><div>以第一次接觸CSS且只看懂部分HTML架構的我而言,一開始還有點害怕接觸前端畫面部分,這週課程蠻有挑戰性,但跟著課程一步一步實作,沒想到我可以做出RWD效果的簡單網頁,思考很久,嘗試好幾次,成功寫出作業內容,其實還蠻開心的。</div><div><br></div><br></td></tr> <tr><td><h3>Wei</h3><b>fhaowei@yahoo.com.tw</b><br><div><strong>OBJECTIVE -</strong>&nbsp;</div><div><br></div><ol><li>在RWD部分學會如何使用佈局系統:一維(flexbox)及二維(grid)</li></ol><div><br></div><ul><li>在Flexbox中首先要先注意Container &amp; Item有什麼屬性才不會誤把Container屬性寫在Item項目裡面,尤其在巢狀Flexbox A7作業中因為這樣的錯誤花費了很多時間而達不到想要的結果。另外一開始直覺上以為佈局應該是column 但其實是width 100%下flex-flow: row wrap</li><li><figure data-trix-attachment="{&quot;contentType&quot;:&quot;image/png&quot;,&quot;filename&quot;:&quot;image.png&quot;,&quot;filesize&quot;:12762,&quot;height&quot;:633,&quot;href&quot;:&quot;https://assets-lighthouse.alphacamp.co/uploads/attachment/attachment/6684/image.png&quot;,&quot;id&quot;:6684,&quot;url&quot;:&quot;https://assets-lighthouse.alphacamp.co/uploads/attachment/attachment/6684/thumb_image.png&quot;,&quot;width&quot;:452}" data-trix-content-type="image/png" data-trix-attributes="{&quot;presentation&quot;:&quot;gallery&quot;}" class="attachment attachment--preview attachment--png"><a href="https://assets-lighthouse.alphacamp.co/uploads/attachment/attachment/6684/image.png"><img src="https://assets-lighthouse.alphacamp.co/uploads/attachment/attachment/6684/thumb_image.png" width="452" height="633"><figcaption class="attachment__caption"></figcaption></a></figure></li><li>在A10作業試著以grid的方法達到與A8作業相同的佈局方式,但目前還沒有太大感覺在什麼樣的情況下使用flexbox或grid是比較好的選擇。</li><li>熟悉如何使用Media queries (ex. <em>@media screen and (min-width: ***px){}</em>&nbsp; ) 設定breakpoint進行不同裝置寬度對應的CSS。</li></ul><div><br></div><div>2.完成A9作業,熟悉如何用Dev Tools查找要修改的CSS。然後同樣在Container &amp; Item的巢狀迴圈內失去方向或是找不到要修改的地方。<br>另外重新複習了</div><ul><li>html內 "class"/"id" 對應CSS是&nbsp; "."/"#"</li><li>修改特定 &lt;section id='skills'&gt;下的&lt;h3&gt; 寫為#skills h3 {}</li></ul><div><br>3.初步學習如何使用Bootstrap,但尚未有時間完成選修A12的作業</div><div><br></div><ul><li>REFLECTIVE -&nbsp;</li></ul><div>這週在A7和A9作業上花費了不少時間,觀摩model answer及其他同學作品有助於更快熟悉各種用法,但也擔心是否只是一知半解。<br><br></div><ul><li>INTERPRETIVE -&nbsp;</li></ul><div>遇到看不懂的地方,多參考其它網路上的資料及例子,有助於理解。另外網頁佈局上,如何可以達到好的使用者體驗沒有太多概念,需要再特別注意若有喜歡的網站可以留意其佈局的設計。<br><br></div><ul><li>DECISIONAL -&nbsp;</li></ul><div>完成選修A12的作業</div><div><br></div><br></td></tr> <tr><td><h3>湯湯水水</h3><b>auroral.13king518@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?<br>嘗試進行Bootstrap,Grid,Flex排版的使用,重新熟悉CSS的語法。</li><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>&nbsp; &nbsp; &nbsp;語法都可以看得懂,但是排得好不好看,又是另外一件事情XD。我覺得我需要多看看厲害的人是怎麼排的QQ。 CSS語法多又繁雜,學起來真的很痛苦。</div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>&nbsp; &nbsp; 1. Bootstrap對前端的開發真的很快速,需要另外找時間來讀一讀。<br>&nbsp; &nbsp; 2. 看點額外關於排版的東西? 不知道有那些能讓人入手的書籍或網站。<br>&nbsp; &nbsp; 3. 從Kahoot! Object.prototype.toString.call( ) 一值延伸出來的問題 [[class]]內部屬性是甚麼? ---&gt;或許要看一下繼承相關的?</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div>&nbsp; &nbsp; &nbsp;1. 了解JS的繼承,從完全看不懂 (<a href="https://medium.com/@peterchang_82818/javascripter-%E5%BF%85%E9%A0%88%E7%9F%A5%E9%81%93%E7%9A%84%E7%B9%BC%E6%89%BF%E5%9B%A0%E5%AD%90-prototype-prototype-proto-object-class-inheritace-nodejs-%E7%89%A9%E4%BB%B6-%E7%B9%BC%E6%89%BF-54102240a8b4">prototype, [[prototype]], __proto__</a>)到至少了解一點點。&nbsp;<br>&nbsp; &nbsp; &nbsp;2. 排版真的很困擾,Bootstrap、CSS有時間再去好好研讀。</div><ul><li>有什麼話想跟 AC 說?<br>感謝助教這周的幫忙,下一周繼續麻煩你們了~</li></ul><div><br></div><br></td></tr> <tr><td><h3>Eva</h3><b>spinco1001@gmail.com</b><br><ul><li>OBJECTIVE&nbsp;</li></ul><div>這周主要的課程放在排版上面,以學期一曾經上過 CSS flexbox 作為基礎,進階到 RWD、Css grid、Bootstrap 的排版方式,完成了 A7-A11 的作業,但選修題 A12 的部分沒有完成QAQ,還在努力中。<br><br></div><ul><li>REFLECTIVE</li></ul><div>相較上周,本周的課程比較不會有整個教案都看不懂的狀況,構想排版再慢慢調整的過程很有趣,也感受到了 Dev tool 真的是人生的良藥,但是在實作方面,對於首次接觸的 CSS grid 跟 Bootstrap ,實際在排版的時候似乎還是無法順手的使用,尤其是看到 A12 的作業時,又有完全不知從何下手的感覺,這點是本周學習相對困難的地方。<br><br></div><ul><li>INTERPRETIVE</li></ul><div>除了上面提到對於 CSS grid 跟 Bootstrap 的實作不熟悉之外,最需要檢討的還有自己在學習時間的安排,最後選修的部分原是想留在周末進行,但後來發現對於 Bootstrap 文件的真的太不了解了,需要花比想像中更多時間先去熟悉才行。<br><br></div><ul><li>DECISIONAL&nbsp;</li></ul><div>下週主要還是會跟著課程的進度一起執行,課程釋出後除了先安排學習的進度,對於所需時間的預估也可能要多留一些時間,比較能好好完成作業。<br><br></div><div><br></div><br></td></tr> <tr><td><h3>Liz</h3><b>andrea72052001@gmail.com</b><br><div>O: 完成了關於flexbox, grid和Bootstrap搭配RWD設計<br>R: 感覺自己確實需要一天至少三到四小時的時間學習,如果再加上寫作業的時間大概至少還要額外兩小時。因為作業無法即時完成的焦慮就只能靠自己付出時間然後努力加速自己的學習速度。<br>I: 藉由實做來加強學習到的部份是很重要的一環。不過還是希望自己的速度能夠快些,才有時間做老師建議自己的作業以及瀏覽別人的作業成果。<br>D: 打算把第一週老師批改的作業再做個修改調整。然後這週的時間進可能在星期四做完,如此星期五就有時間研究其他自己覺得還待加強的部份。</div><br></td></tr> <tr><td><h3>Mia</h3><b>mia89926@gmail.com</b><br><ul><li><strong>OBJECTIVE - 你這週學做了什麼?完成了什麼?</strong></li></ul><div>&nbsp; &nbsp; &nbsp;這週主要學的是RWD響應式網站的概念與實作。有一個很重要的重點是: 在設計時都以行動裝置為優先。學習以及使用breakpoint、flexbox,我們將MyResume重新排版成流動式、較美觀且考慮UX的簡單網頁;在學習用grid排版和Bootstrap這個工具後,又重新修改MyResume的程式碼,體驗Bootstrap的強大。<br><br></div><ul><li><strong>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</strong></li></ul><div>&nbsp; &nbsp; &nbsp; 我覺得這週的難度又增加了一些,學到了很多新的觀念和工具,一開始有點難吸收,但經過實作確實有比較了解。這週的作業也比較多時間完成,比較吃力,可能是因為以前沒有處理過那麼多程式碼,所以在MyResume的實作中,一開始有點眼花瞭亂,花了點時間才搞清楚哪個CSS的styling是哪個HTML的物件。這個問題應該在更多的實作後會有所改善吧! 現在只是比較不習慣而已XD<br><br></div><ul><li><strong>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</strong></li></ul><div>&nbsp; &nbsp; &nbsp; 這週我最大的學習體會是學習寫程式的路真的挺長的,如果要成為一位厲害的全端工程師,需要投入的時間和努力絕對是不會少的。不過我覺得不斷地練習和嘗試,一定會有所進步。況且我們有Alpha Camp這麼好的學習資源,已經省下了很多自學的功夫XDD一定要好好把握!!<br><br></div><ul><li><strong>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</strong></li></ul><div>&nbsp; &nbsp; &nbsp; 下週我打算再多分點時間給作業的部分,能嘗試更多教材和延伸閱讀給的方法,讓作業更完整,也練習和熟悉更多不同的工具,這樣未來才又更多的技能可以使用,也有更多頭緒該在何時使用何工具。<br><br></div><ul><li><strong>有什麼話想跟 AC 說?</strong></li></ul><div>&nbsp; &nbsp;謝謝助教們批改作業給的建議與鼓勵,回答問題也很用心!!</div><br></td></tr> <tr><td><h3>Francabel</h3><b>garnett284@gmail.com</b><br><ul><li>Objective - 上週經歷菜色的認識,這週學學習擺盤技巧。好的料理不僅能讓人垂涎三尺,更厲害的是能賞心悅目。這週的重點為RWD應用,好比一樣的料理,在不同大小的盤子呈現出來的感覺都不一樣。盤牌又有很多種方式,Flex,Grid,或是用Bootstrap,如擺盤技巧大全,輕鬆上菜</li></ul><div><br></div><ul><li>Reflective - 這一週的學習我認為是一個蠻大的分水嶺,在看一些喜歡的網站時,會赫然發現,看得懂了(有看火影忍者的,就好像寫輪眼有無開眼的差別)~~原來某個網站也是用Bootstrap framework做出來的,這算是一個蠻好的感受。</li></ul><div><br></div><ul><li>Interpretative - RWD的細節上我覺得我需要多著墨,才能做出更流暢及好閱讀的網頁</li></ul><div><br></div><ul><li>Decisional - 除了把S3的問題解決後,DOM會是需要投入90%的時間去消化吸收!</li></ul><div><br></div><br></td></tr> <tr><td><h3>Joyce</h3><b>blueji9809@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?<br>加深了RWD觀念,並學習到Flexbox的使用方法,以往就有接觸過bootsrtap前端框架,所以沒有花很多時間就可以跟上進度。</li></ul><div><br></div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?<br>因為之前有接觸過前端框架所以有更多時間可以研究 Flexbox,在未來沒有接觸過的項目可能要再多花5~10小時去研讀,這次比較有時間去研究Further Reading的相關資料能更加讓我釐清不懂的地方。<br><br></li><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?<br>主要還是要多練習,這次有再多找一些原文的資料研究Flexbox及Grid的語法,雖然唸英文有點痛苦,但是更能加深印象。</li></ul><div><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)<br>要更妥善安排學習時間。</li></ul><div><br></div><br></td></tr> <tr><td><h3>Ann</h3><b>yunannhsu@gmail.com</b><br><div>O:<br>這一週學習RWD的設計,在螢幕尺寸改變時,調整網頁中元素的佈局。Mobile First的原則是指在設計網頁佈局時,由最小的螢幕開始思考,然後一步步考量螢幕變大時,要追加哪些內容。Breakpoint指的是在什麼情況會改變佈局,樣式轉換的分界點。Media Queries是在CSS中根據不同尺寸所設下的篩選條件,以回應不同的寬度。Flexbox針對已有內容進行間距和對齊方式進行微調;Grid可以同時處理「欄」和「排」二維排版,將畫面分成一塊塊網格,再將內容按需求填入其中。Bootstrap是由Html、CSS、JavaScript寫成的前端框架,從這個基礎進行快速的開發。<br>R:<br>這一週還是在適應學習的節奏,每天都有趕不完進度的壓力,同時也要回到上週訂正作業。我覺得時間分配運用,要再加強。努力讓每天都練習打磨到、都有跑一些進度。<br>I:<br>我覺得因應螢幕的尺寸大小來更改版面佈置其實很有趣,需要運用美感、考量使用者視覺感受是否舒服。從Flexbox到Grid再到Bootstrap的學習,感覺是由難入簡,一開始覺得Flexbox要一一設計每一個尺寸、邊緣、間距等,真的滿花心力、考驗眼力,後來用了Grid和Bootstrap頓覺怎麼這麼好用便利呀。<br>D:<br>因為上一週的作業還沒訂正完,而下一週又會接續上週的JavaScript概念往下走,所以接下來我打算把上週沒有完全理解的週年慶摸彩活動重新梳理消化。</div><br></td></tr> <tr><td><h3>姿陵</h3><b>x5713191@hotmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><ol><li>根據使用者的螢幕大小,在寫程式初期就考量到使用者體驗,而進行設計的breakpoint,並隨現行大眾使用手機的普及性,設定mobile first的設計讓使用和瀏覽上更舒服。</li><li>完成了Flexbox和Grid的設定技巧,還有隨螢幕大小的流動式設計</li></ol><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><ol><li>這週學習的版面設定,在實作上有立即顯現的結果,知道自己寫的方式是否正確,在實作上的感覺比較明顯,不像Javascript寫錯了不一定看的出來...。</li><li>在Bootstrap的內容部分有很多補充資料,讓我知道設定方式可以更加簡潔來達到預期的結果。</li></ol><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><ol><li>對於面板設定的掌握度有稍微提高一點,但新的Bootstrap需要再花時間學習和吸收。</li></ol><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><ol><li>下週有連假關係,希望可以在週四前先完成3/4的內容。</li><li>抱持這週的學習方式,先看要完成的實作內容,比較仍掌握要注意的地方。</li></ol><ul><li>有什麼話想跟 AC 說?</li></ul><div>這週有循序漸進,越來越複雜的感覺,一個接著一個來,搭配的實作內容覺得很能辨別自己的理解程度。</div><br></td></tr> <tr><td><h3>Ching</h3><b>keariaouo@hotmail.com</b><br><blockquote>OBJECTIVE</blockquote><div>過去曾經學習 display 屬性如 block、inline-block 等,這次學習到與以往不同的屬性,以及更彈性的 Grid 及 Bootstrap,透過 RWD flexbox 佈局實作,練習運用這些工具在排版上更加靈活。<br><br></div><blockquote>REFLECTIVE</blockquote><div>這週的時間控制比上週好一點點,加上是以往熟悉的 CSS,覺得學習曲線比較沒有那麼陡峭,觀摩其他同學及解答的比例相對比較低,也很投入在觀察 Layout 變化當中,順利完成 RWD Layout 蠻有成就感的。<br><br></div><blockquote>INTERPRETIVE</blockquote><div>在 A9 作業 Q1 發現用簡報排版花太多時間,索性以手繪方式來呈現,覺得透過手繪更能幫助思考佈局,也讓 wireframe 手稿比較有溫度,很有設計師的感覺 (笑)。另外過去使用 display: block / inline / inline-block 常常不理解使用時機與差異,這次學習到 Grid 和 Bootstrap 使用上比較直覺,但若遇到 nav 中 logo 在左,menu 在右邊的話又不太會使用了,需要再花時間熟悉它,甚至需要回頭複習使用 bolck 的方式。<br><br></div><blockquote>DECISIONAL</blockquote><div>下週又要回到 JavaScript 中,有點緊張,希望順著進度學習以外,再練習 Grid 排版,預計完成本週未完成的 A12 選修履歷網站改寫。<br><br></div><div><br></div><br></td></tr> <tr><td><h3>Charles</h3><b>charles0527@hotmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div><br>學到如何製作RWD, 更多CSS應用方式, 以及Bootstrap。<br>完成了履歷網站:RWD 應用實作。<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div><br>比起上週的內容,這週由於先前有學期一的基礎,學習起來比較有感; 對於CSS框架和佈局更加熟悉的情況下對於學習更為熱衷。<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div><br>在完成作業過程中,常發現自認為寫出來的code沒有問題,但就是沒有跑出預想中的畫面。<br>在後續不斷debugging中才察覺到很多小地方像是沒有在正確的位置打出{}、指令沒寫對、多加了一個s...etc.&nbsp;<br>覺得自己對程式的敏銳度以及練習還不夠多,所以才常常花太多時間在找出錯誤,這部分仍需要改進。</div><div><br></div><div><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div><br>希望在週四工作坊前可以完成所有進度和作業,並有時間能再回去複習第一週的內容。<br>這週有投入較多時數在課程上,但仍覺得不夠,並且希望有空能將先前經過助教批改過的作業再重做一次。<br><br></div><ul><li>有什麼話想跟 AC 說?</li></ul><div>感謝助教耐心講解!!<br><br><br></div><br></td></tr> <tr><td><h3>Johnny</h3><b>f87199443@gmail.com</b><br><div>OBJECTIVE-這周學了強大的切版功能,尋發展模式分別學了flex, grid and bootstrap。從css設定到html就可以解決排版問題。<br>REFLECTIVE-學期二來到第二周,這周有較多的時間可以用來學習,相對的這周課程的量也大量增加。與上周相比這周需要更大量的閱讀文件與範例。無法單純依靠邏輯學習。不過已經有漸入佳境的感覺。根據參考資料與網路上的解說相輔相成更能理解課程內容。<br>INTERPRETIVE-這周的學習就是一個指另一個動作,錯誤的指令直接導致無法達到想要的版面結果。關於bootstrap的各種使用方式還要更熟悉,至少要知道bootstrap到底有哪些功能可以使用。<br>DECISIONAL-這周還沒熟練切版功能,留著選修之後練習。希望下禮拜可以利用連假完成這幾個禮拜的選修 作業</div><br></td></tr> <tr><td><h3>Amos</h3><b>david.101.0417@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼?完成了什麼?</li></ul><div>&nbsp; &nbsp; &nbsp;<strong><em>這週學習了css排版,從flexbox、grid,進到bootstrap加速開發,學習到排版的重要觀念。</em></strong><br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習,你的感覺如何?為什麼?如果有好的感覺,如何延續?如果有不好的感覺,如何改善?</li></ul><div>&nbsp; &nbsp; &nbsp;<strong><em>好的部分是從以前用css一步步調整畫面,到現在可以搭配bootstrap加速完成,感覺功力更進一步了。<br>&nbsp; &nbsp; &nbsp;不好的部分是仍然對bootstrap沒有到很熟悉,仍有很多需要慢慢學習及熟練的地方。</em></strong><br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中,你最大的學習體會是什麼?有什麼問題還沒有被解決?</li></ul><div>&nbsp; &nbsp; &nbsp;<strong><em>css真的是門大學問,特別是要讓畫面美觀又要讓使用者體驗佳,真的需要花很多時間練習才行。</em></strong><strong> </strong>&nbsp; &nbsp;</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼?(解決什麼未完成的問題?改變學習方式?完成哪些挑戰等等)</li></ul><div>&nbsp; &nbsp; &nbsp;<strong><em>本週花的學習時間仍集中在週末,下週開始希望可以在週間持續學習。&nbsp;</em></strong></div><div><br></div><br></td></tr> <tr><td><h3>Edwin</h3><b>edwin84617@gmail.com</b><br><div><strong>OBJECTIVE</strong><br>這週主要聚焦在RWD設計的部分,學習到了Flexbox和Gridbox的排版手法,還有使用Bootstrap框架加速設計流程。<br><strong>REFLECTIVE</strong><br>網頁排版需要很有耐心,而且還沒辦法對CSS的諸多語法駕輕就熟,還有很多東西需要磨練。<br><strong>INTERPRETIVE</strong><br>Bootstrap可以快速的把網頁架構處理好,不需要自己造輪子花大量時間手刻CSS。<br><strong>DECISIONAL</strong><br>下周有Javascript的課程,是我相對有興趣的部分,非常期待。</div><br></td></tr> <tr><td><h3>stery</h3><b>a90b301@hotmail.com</b><br><ul><li>OBJECTIVE -&nbsp;<br>1.複習了學期一的函數部分;&nbsp;<br>2. week2-flex &amp; grid</li><li>REFLECTIVE - 進入week2後, 反而覺得week2 比 week1 簡單...比較有學習成就感, 時間掌控還是需要加強</li><li>INTERPRETIVE - <br>1. 在做A9作業時, 發現自己卡最久的地方在於分辨出CONTAINER&amp;模塊; 想請問這如果複習學期一的CSS部分會有幫助嗎?<br>2. bootstrap沒來得及完成</li><li>DECISIONAL - 關於時間管理, 我想是一天都不能鬆懈練習, 不然一定來不及...&nbsp;</li></ul><div><br></div><br></td></tr> </table>

    Import from clipboard

    Paste your markdown or webpage here...

    Advanced permission required

    Your current role can only read. Ask the system administrator to acquire write and comment permission.

    This team is disabled

    Sorry, this team is disabled. You can't edit this note.

    This note is locked

    Sorry, only owner can edit this note.

    Reach the limit

    Sorry, you've reached the max length this note can be.
    Please reduce the content or divide it to more notes, thank you!

    Import from Gist

    Import from Snippet

    or

    Export to Snippet

    Are you sure?

    Do you really want to delete this note?
    All users will lose their connection.

    Create a note from template

    Create a note from template

    Oops...
    This template has been removed or transferred.
    Upgrade
    All
    • All
    • Team
    No template.

    Create a template

    Upgrade

    Delete template

    Do you really want to delete this template?
    Turn this template into a regular note and keep its content, versions, and comments.

    This page need refresh

    You have an incompatible client version.
    Refresh to update.
    New version available!
    See releases notes here
    Refresh to enjoy new features.
    Your user state has changed.
    Refresh to load new user state.

    Sign in

    Forgot password

    or

    By clicking below, you agree to our terms of service.

    Sign in via Facebook Sign in via Twitter Sign in via GitHub Sign in via Dropbox Sign in with Wallet
    Wallet ( )
    Connect another wallet

    New to HackMD? Sign up

    Help

    • English
    • 中文
    • Français
    • Deutsch
    • 日本語
    • Español
    • Català
    • Ελληνικά
    • Português
    • italiano
    • Türkçe
    • Русский
    • Nederlands
    • hrvatski jezik
    • język polski
    • Українська
    • हिन्दी
    • svenska
    • Esperanto
    • dansk

    Documents

    Help & Tutorial

    How to use Book mode

    Slide Example

    API Docs

    Edit in VSCode

    Install browser extension

    Contacts

    Feedback

    Discord

    Send us email

    Resources

    Releases

    Pricing

    Blog

    Policy

    Terms

    Privacy

    Cheatsheet

    Syntax Example Reference
    # Header Header 基本排版
    - Unordered List
    • Unordered List
    1. Ordered List
    1. Ordered List
    - [ ] Todo List
    • Todo List
    > Blockquote
    Blockquote
    **Bold font** Bold font
    *Italics font* Italics font
    ~~Strikethrough~~ Strikethrough
    19^th^ 19th
    H~2~O H2O
    ++Inserted text++ Inserted text
    ==Marked text== Marked text
    [link text](https:// "title") Link
    ![image alt](https:// "title") Image
    `Code` Code 在筆記中貼入程式碼
    ```javascript
    var i = 0;
    ```
    var i = 0;
    :smile: :smile: Emoji list
    {%youtube youtube_id %} Externals
    $L^aT_eX$ LaTeX
    :::info
    This is a alert area.
    :::

    This is a alert area.

    Versions and GitHub Sync
    Get Full History Access

    • Edit version name
    • Delete

    revision author avatar     named on  

    More Less

    Note content is identical to the latest version.
    Compare
      Choose a version
      No search result
      Version not found
    Sign in to link this note to GitHub
    Learn more
    This note is not linked with GitHub
     

    Feedback

    Submission failed, please try again

    Thanks for your support.

    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.

     

    Thanks for your feedback

    Remove version name

    Do you want to remove this version name and description?

    Transfer ownership

    Transfer to
      Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

        Link with GitHub

        Please authorize HackMD on GitHub
        • Please sign in to GitHub and install the HackMD app on your GitHub repo.
        • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
        Learn more  Sign in to GitHub

        Push the note to GitHub Push to GitHub Pull a file from GitHub

          Authorize again
         

        Choose which file to push to

        Select repo
        Refresh Authorize more repos
        Select branch
        Select file
        Select branch
        Choose version(s) to push
        • Save a new version and push
        • Choose from existing versions
        Include title and tags
        Available push count

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch
        Available push count

        Danger Zone

        Unlink
        You will no longer receive notification when GitHub file changes after unlink.

        Syncing

        Push failed

        Push successfully