[筆記生肉][圖解] 如何參加魔改大賽(主講:Nic)

直播資訊

主講人:Nic 老師
時間:4月17日 20:00
時長:本次直播總時長預計 30 分鐘。
概要:魔改大賽前哨戰,Nic 老師將在這次直播,說明提取練習的重要性。以及教你如何只花三十分鐘就能參加比賽的小套路。

直播筆紀

提取練習的重要性

從不斷地「學」,進階到:「教」才是最好的「學」。你可以透過以下方式實踐「教」:

  • 回答同學問題
  • 分享筆記到交流論壇
  • Meetup
  • Slack 上的問題

魔改大賽前端基礎實戰

Nic 助教在 GitHub 提供示範網頁的原始代碼,照著 STEP 1 - STEP 4 就能將你的 Landing Page 變得和 Nic 助教直播所展示的網頁一樣。

  • [怎麼照著 Nic 助教的專案作?]

    • 照著專案中的 Commits 一步步作。
    • 貼代碼的兩種方式:
      • 方法一:連同 + 符號直接貼到 Atom,按Command + F開啟搜尋與取代工具列。在 Find in current buffer 欄位輸入 +,Replace in current Buffer 留空,然後點 Replace all,就能把 + 通通移除掉 。
      • 方法二:點擊 View 按鈕可以瀏覽該檔案的代碼,就可以複製沒有包含+ 號代碼。
    • 圖片要怎麼放到專案目錄?
      • 終端機輸入 open .
      • 把圖片放到 app/assets/images


  • Nic 助教分享小訣竅
    • 切換終端機分頁的快捷鍵:Command + 左鍵Command + 右鍵
    • 代碼縮排 / 退後:Command + [Command + ]
    • Google Chrome 可以把圖片直接拉到資料夾。


  • Nic 助教小提醒
    • 「輸入什麼會得到什麼」才是學習的重點,有過多的糾結會絆倒自己唷
    • 不需要背 HTML/CSS 代碼。在尚未變成資深程序員之前,只要專注在「(代碼)貼了會動、貼了會動」就好。
    • 專案裡的文件代碼要排得乾乾淨淨!
    • 修改前要看一下網頁長什麼樣子,才知道貼代碼後會有什麼效果。



  • 關於 Job Listing 參賽
    • Job Listing 作完就有修改的資格了,照著步驟就可以輕鬆作出屬於自己的頁面。
    • 有參加才會有進步!


  • Nic 助教給 Job Listing 還沒作完的同學的建議:

    • 請看解答,利用 Rails101 的練習方式實踐

      • 第一遍:複製粘粘。
      • 第二遍:對照教材手打。
      • 第三遍:都可以,試著了解每一個步驟的結果。

      一定要有一次是「手打」,然後記錄錯誤。

    • 學習要有成就感,先有成就感再去作提取練習。

Q&A

  • Q. Slack 熱點問題
    A. 利用搜尋欄。

  • Q. 課程要學習到什麼程度才算合格?
    A. 每個人的自我肯定、要求不同,助教無法回答你。

  • Q. 這一次比賽是否要限制使用學過的教程範圍?
    A. 第二期學員擁有第一期學長姐留下的資源,這是一期學員所沒有的。比賽比的是創意、拉票,以及你用不用心,不需要糾結於「公平」。

  • Q. 要不要全職學習全棧營?
    A. 如果沒有經濟壓力的話,可以賭一把;就算發現自己其實並不喜歡全棧,至少你從人生之中剔除了一個選項。總之,先評估,再作決定。

  • Q. Rails 可以作報表嗎?
    A. 搜尋,找看看作報表的 Gem。

  • Q. 排版問題。
    A. 搜尋一下論壇資源。

  • Q. view 的畫面還要手打嗎?
    A. 打個一、兩次,觀察跑版會是什麼狀況。

  • Q. 老師對排版有什麼標準嗎?
    A. 以 tab 為單位縮進。

  • Q. 怎麼將 footer 置底?
    A. 問 Google,針對需求研究。

  • Q. 是不是一定要作招聘網站?
    A. 是,作完才知道怎麼改。

  • Q. 有沒有「排名前面」的套路?
    A. 努力作、認真作,還要不斷提取、作分享。

  • Q. 一定要作完三遍嗎?
    A. 作完三遍最好!

  • Q. 什麼是惡意刷票?
    A. 就是灌票。

  • Q. Atom 代碼對齊的插件是什麼?
    A. 把搜尋關鍵字 "ruby beauty atom" 餵 Google 大神。

  • Q. 要不要再練一次 Rails101?
    A. 往前走,練 job listing。觀察代碼造成的變化跟嘗試手打。

Comments

comments powered by Disqus