我是厭世的Yen

1.當初為什麼報名這堂課？  這題我在上 六角學院 網頁切版直播班心得牆 有提過 為何想走前端 這裡我就大概說明一下為何要繼續報名Javascript直播班： 我從體驗班2022/5月底到現在學習也快半年了 因為我自己沒有設定停損點 所以我就是想把前端技能學好 我中期目標（明年年底前）是找到工作（因為接下來半年我會到泰國當志工 這半年我就複習 JavaScript 直播班課程 然後可能申請實習機會和學習框架）ˋ 長期目標就是要找到遠端工作 讓自己的職涯和生活更平衡（頭洗下去了 也不想回頭 也不能回頭） 我從體驗班 切版直撥班 一路到 JavaScript 直播班過來 我覺得六角的直播班助教回覆很詳細很有耐心 挑戰每日作業也可以很有吸收小小的知識點 讓自己有小小成感 每週任務作業也安排得很符合自己的學習進度 因為學長姐有優惠價😆               關於以上 我就毫不猶豫的把javascript直撥班給刷下去了 ！ ２.第一週~第九週的學習過程 開課前 一樣就有很多預錄的影音教學可以先預習 補充基本的知識點  第一週到第三週 的學習：  因為我沒有學過 JS 這幾週就是大量的input 加上壓力點小的output每日作業和每週作業 每週任務 強調很多基本也重要的觀念例如 “變數記憶體的存放空間” 還有寫 code 一定要小步測試常常使用用 console檢查錯誤 每週刷題codewar比較困難 我就沒有挑戰  週末任務和每週主線任務 尚可按時交作業 小組討論：一樣有可以自由參加 加入10人小組 大家同學一起討論每週的作業 第四週 函式設計之術： 開始覺得壓力來了 因為不只是要開始寫一長串的code  還要開始理解 為什麼要這樣寫 為什麼要帶這個變數 為什麼帶了這個變數就可以跑出我要的結果 這週開始統整練習包含前三週的理解運用 加上 kata 刻意練習 一開始不知道為什麼一樣的程式要練習好幾遍 到後面幾週才發現其實是老師用心刻意安排的學習進度 第五週 DOM 元素、 Event 事件、forEach ： 利用旅遊網學習如何操控Dom元素了解該如何把資料寫在（渲染）在畫面上, 每週刷題對我來說 也開始有難度 但我覺得出題很棒 都會以實用的小例子來練習 不會的話可以先參考其他同學的code 在不懂的話就可以發問助教 直到我懂為止 , 但因為很執著每週刷題都要

如果你不小心點進來 剛好你是台灣人 剛好你有匈牙利居留證 剛好你要去泰國 那這篇你可以路過看看～ 在匈牙利 線上申請泰國觀光e簽證 從2022年11月1日起 強制規定只能線上 申請泰國觀光簽證 不接受本人紙本申請了 點這看 👉 泰國大使館在匈牙利官網公告 好處：不必先跑銀行現金匯款 不必跑泰國大使館 但申請必要條件：   必須有匈牙利居留證  所有申請的文件都必須是英文版本  護照還有超過六個月期限     申請流程：   馬上申請 點這裡👉 THAI E-VISA OFFICIAL WEBSITE 註冊帳號：先到申請官網註冊帳號 填寫基本資料護照申請表：就一般自己的護照訊息 上傳其他文件： 財力證明 居留證（如果你沒有就沒辦法 線上申請） 機票 住宿 要跟自己的護照資訊照片頁面合照並上傳 護照： 不用上傳整本護照 但要包含資訊頁面和照片還有 過去一年內 國際行線出入境章 這裡比較麻煩的事 每種要求的文件（例如財力證明 護照）除了都要合併成一個檔案 並且每份上傳的檔案不能超過3m（好像） 例如財力證明一定有好幾張 然後必須要合併成一個檔案 在壓縮至3m以內 👉我的mac筆電內建可以合併檔案＋網路線上壓縮  付款：線上付款35 €  如果被拒簽 簽證費用一概不退還 遞交申請 等待時間官網是寫說5~15天 但我大概三天就email收到了 要印出來   馬上申請 點這裡👉 THAI E-VISA OFFICIAL WEBSITE            

  當初為什麼報名這堂課？ 其實一開始是想要轉職為ui ux 藉由朋友介紹買了一堂HaXXX的課程來上 一開始上課 影片是教基本切版 反而讓沒有創意的我產生了更多興趣學習前端,再一番研究前端後, 搜尋六角學院出現的次數挺多的,剛好又有切版體驗班,（才六百 跟一般的影音課程差不多價錢 但卻有助教問到飽）,雖然也有看到許多人討論六角缺點（但他們沒有明說為什麼不好）,但想想 才600,想說可以體驗看看,如果真的不好 也不過就是花了一本書的錢,殊不知,這是一條不歸路,上完體驗班後,光是助教問到飽這點就太划算了,體驗營還沒上完,六角校長無縫接軌的釋出八週切版直撥班 雖然一開始有猶豫一下（因為是類似作品產出班 怕自己最後無法交出作業 還有名額也很多 怕助教顧及不到大家） 但最後還是因為可以問到飽助教這點和價錢取勝 就還是直接買起來了！ 第一週~第八週的學習過程： 開課前 就有很多預錄的影音教學可以先預習 補充基本的知識點 讓我先有個底 我覺得很棒 第一週是很基本的手刻切版 margin padding 著重在1px也不差 有強迫症的我刻起來很過癮 還有可以自由參加 加入10人小組 大家同學一起討論每週的任務 認識跟自己一樣的同溫層取暖 第二週開始認識容器概念和偽元素和使用display-flex相關的語法 一開始不難 但如果開始搭配bootstrap一起使用很常都會沒效果 一直到第八週 還是會有一樣的問題 很多時候 是自己可能不知道寫了什麼 導致沒效果 （不是d-flex&bs的錯） 第三週和第四週是同一個設計稿 這兩週開始接觸bootstrap 和一些些jquery, 認識bs常用class 套用常用元件 但一開始套用卻變得很混亂 因不熟悉語法 所以有時候要修改覆蓋 就不知如何調整 又加上趕著要產出作品導致自己沒有把基礎打好 還有因bs是mobile first 導致我很混亂了兩週 因為手刻都是從桌機開始 我自己被RWD容器min-width和斷點max-width搞亂.好像也開始使用scss語法import檔案切分概念 還有學習git gulp terminal使用方法 第五週 老師是說要讓我們休息一下 所以第五週作業比較簡單 我覺得沒有啊 （哈哈哭）是不用寫RWD 的確是有好一點 這週主要是套用bs元件和模組寫網站後台管理,我覺得套

1.預先準備預定 護照 機票來回 axa保險簡介  （5萬美金額度且涵蓋新冠病毒） 按這裏線上買AXA 保險 。plan1 price: 4160THB (60DAYS) ASQ或SHA隔離飯店注意事項： ASQ防疫飯店一晚（要有機場接送＋一次PCR test+至少包含一餐） ASQ防疫飯店價位通常是ㄧ人價格 先查看 ASQ防疫飯店 價位 然後直接去飯店官網寫信預定 隨信附上護照/機票/疫苗護照（不要透過其他管道）飯店回信後會要求先付款 下載簽證申請表 兩張證件照 covid 19 vaccination certificate 三個月bank statement 去銀行 匯票 60+（ 要多帶1~2歐元手續費） （TOURIST VISA Holder of tourist visa will be allowed to stay in Thailand for 60 days.  An extension of stay for other 30 days may be granted by the Immigration Bureau in Bangkok. Applicant is not permitted to engage in any occupation or employment. Application fee: 35 Euro per entry Basic requirements for Hungarian citizens: - passport valid at least 6 months after the expected date of entry into Thailand - one filled-in application form per person, including accompanying child(ren) - two passport-sized photos per person - visa fee confirmation of visa fee payment to Embassy account only (Please refer to "Payment of Visa Fees" section for payment method) - Copy of air ti

form> method: post 資料不會顯示在網址  lable+input 搭配使用 input=type=" number " 搭配min="0" max="150" 最小和最大值 如果有小數點可用step增加級距 input= 一定要有id type name 但是value不一定  但是 value 一定要使用在 checkbox ＆ radio顯示回傳什麼 三選一 input=type= radio name= 必填 和必須多個選項都 ㄧ樣的名稱 required只需要寫在其中一個input input=type= password 搭配限制minlength maxlength 字數長短 提示 placeholder require 必填 checked已預勾選 下拉式選單 select/ data list label+ select >option 不能打字 可多加一個空白option 為預設  select>option / data list可打字 label+input+datalist >option input> list 名字 必須= datalist> id名字 textarea label> for +textarea> name &id col直排＝寬 row橫排＝長 placehold=預設guid line

2021/11/02 1.假圖產生連結     假圖片生產器連結 < img src = "https://fakeimg.pl/250x150/eeeeee/">. 可改顏色和尺寸 2.  ”class=自訂名稱“ float 寫在html 圖片語法後片 設定圖片為靠左或靠右浮動， 文字繞圖片 html < img src = "https://fakeimg.pl/250x150/eeeeee/" class="float-img"> 3.如果想要文字和圖片有距離 會搭配區塊的尺寸 margin  使用 css .float-img自訂名稱{ float: left; margin: } 兩個值 上下/ 左右 margin: 0px 20px; 三個職 上/ 左右 /下  四個值 上/ 右/ 下/ 左 需按順序 排版練習 1.假設 warp 是設定一個背景層（父層） 960px 並置中 margin: auto; {背景層（父層）的高度是由子層的內容物撐開的  所以可暫時不用設定高度} clunm  子層  背景層（ warp） 上面 三個300px的欄位 設定float-left後  如 warp不見了 是因為 clunm  子層 設定為浮動後  背景層（父層）就抓不到子層高度  通常子層使用float 會搭配  clear : both/ left/ right  父層物件 會閃開浮動物件子層 到最下方 故我們會將 clear寫在 html父層 warp最尾端 .class="自訂名稱 clearfix" 然後 css> .  clearfix 自訂名稱 {                        clear: both/left/right; !ex float-img{                 float: left/ right;                  margin: 0px 20px 10px 0px;             ' class=" warp/ container" m

偽類選擇器&偽元素選擇器 ( <a,  . 按鈕: hover/ active, before, after) 預設值是inline 如果要變更尺寸 需加入 display:inline-block  ☝偽類選擇器 用于定义元素的特殊状态。 例如 滑鼠移入顏色改變的效果 .btn :hover { color: red;}  滑鼠點擊顏色改變的效果 .btn :active { color: #ff9b29;} ✌偽元素選擇器 只有在css寫入 在html沒有 也可在網頁生成元素 eg: .btn:before{                    content:"可在這輸入文字"; 如果要使用偽元素作線條 content裡面的”“可以不用寫內容 但是要寫 content:""; 例如 btn 設定顏色 尺寸 字形 大小 周遭範圍大小（padding) .btn:before{                   content:"";                   width :100%; (與父層定位同寬）                   height: 3px;                  backfround-color: #ff9b19;                   display: inline-block;                  position: absolute; ( 以父層做定位）                 top/ bottom: 0;                 left: 0;  /50% (對齊 定位 父層從中間向左延伸％50)                 transition: width 0.3s; （ 寫的位置在線條設定中    transition 屬性 時間 顯示的過渡變化 ） 👉 結合hover 移入按鈕前後 線條顯示效果 .btn:before/after{  （ 移入按鈕前 線條設定）                   content:"";                   width :0%;  (不顯示）                   height: