昨天的登入頁、購物車頁與結帳成功頁大家都有順利套完版嗎？！ 如果沒有的話沒關係，看完今天的文章再繼續努力吧！！ 結帳頁套版 今天一開始我們先來套結帳頁的版...
繼延遲載入之後，今天要分享的也是個非常實用的功能－路由守門員。 大家應該都知道守門員吧？如果不知道的話...警衛總知道了吧？！ 顧名思義，這個功能可以幫我們把關...
「原來 Angular 的路由是這樣設定的，比我想像中簡單耶！」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的，不過目前只有第一層而已。在實務上應用時一...
與鐵人賽結緣是去年第 11 屆 去年大概 7 月的時候，大概學習前端才不滿 3 個月，因緣際會的來到了 it 邦幫忙這個寶庫，發現了鐵人賽，真的也不知道是哪根...
相信讀者您在生活中，多少都會有搜尋、瀏覽網頁的經驗吧？輸入網址、而身為網頁製造者的前端工程師，你真的知道你寫出來的網頁在部屬之後，是怎麼從網址變成頁面，進而顯...
昨天我們把落單的 UI 元件跟其模組關聯完之後，今天接著要來設定路由的部份！ 開始設定路由前，可以先看看我們準備好的路徑定義檔 － app-path.const...
Angular 是一個很注重模組化開發的框架 還記得我在 基礎結構說明（一） 有提到過這句話嗎？ 我一直覺得這句話是在使用 Angular 開發時，很重要的...
好的，我們今天要開始套版了！！ 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載，容我先小小地說明一下： 點擊 GitHu...
前端除了要切版與設計師的溝通之外，在資料串接的部分，就是與後端工程師溝通的時候了! 後端要怎麼把資料給前端呢？在開始串接前通常又會做哪些事呢？ 01.API規格...
這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時，由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...
閱讀本篇文章前，仔細想想看 大概可以解釋普通 JS 物件（也就是 JSON 格式，或筆者所謂的狹義物件）在 TypeScript 裡的推論機制。 知道筆者...
「耶～～～ 我套完了！！」Wayne 套版完之後開心地大聲嚷嚷著。 「喂，冷靜一點，這裡是公眾場合耶。」我笑著推了他一下。 「抱歉抱歉，我太興奮了！！Angul...
到目前為止，我們都是只有用 Component 來設定我們的路由。但在實際應用上，通常我們會將相關的功能包裝成一個一個的 NgModule ，而每個 NgMod...
相信大家都用使用過 Facebook 吧？ 當我們想在 Facebook 發文或留言的時候，如果不小心按到上一頁/下一頁，抑或是沒有取消發文或留言的狀態就想離開...
昨天介紹了 React 的特色與元件化開發的特色，也使用 create-react-app 建構了我們的第一個 React 程式專案，今天將延續昨日 CRA 建...
Cookie 和 Session 這兩個名詞，相信大部分的開發者都不會太陌生，特別是 Cookie，從社群網站、電商平台、Google Analytics 分...
這是 React 從 0 到 1 系列的第二篇，今天廢話不多說，直接進入正題。今天將簡單介紹 React.js 的基礎概念，最後建立我們第一個 React 的程...
子路由模組 當我們將頁面或功能包裝成模組的時候，也能在其中加入路由的設定，使其變成含有路由的子路由模組。 跟 AppRoutingModule 不一樣的是，子路...
從完成履歷到真的開始丟求職信 其實我有一個習慣，那就是不蒐集完全盤的訊息，讓自己心中浮現了一個 map，我不會輕舉妄動，就連去大飯店吃 buffet，我都會入...
useRef 是一個可以讓我們抓取到 DOM 節點的 hooks。 實作上非常簡單，直接來看範例吧： import React, { useRef } from...
今天終於要介紹 React hooks 中的第一個hook 了 - useState，Start! 建立自己的 component 在講解 state 概念與...
筆者在剛開始寫網頁時，總是會遇到改了檔案重新整理畫面卻沒更新，或是更新了一張圖檔到伺服器但網頁內容沒有更換等情況，使得現在按 Ctrl/CMD + R 時，小...
對於學習，我其實是沒有自信的 就先讓我從頭說起吧，在我的整個求學生涯裡，我對於『學習』兩個字，其實不是一個有自信的人，但是在國中以前，我並沒有這麼認為，或許是...
歲月真是把殺豬刀嗎？ 在我去年正式開始學習前端技術前，還在蒐集各式各樣資訊的時候，我曾在網路上尋尋覓覓各大神與名師，希望能夠獲得他們的一些建議或是聽到一些想聽...
前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...
兒子準備向幼稚園 on board，我也將向新公司 on board 了 在轉職的這一段時間，我將近一年半沒有上班了，每天就是陪伴著兒子起床，幫他準備好，並且...
嗨~大家今天過得好嗎？(揮手) 上一篇我們好不容易說明完了用float及clear的排版方式了，所以我們現在知道了可以用 CSS RESET 來去除瀏覽器默認...
為何要使用Redux-Observable? 首先，一開始我們都知道redux跟react搭配的很好，redux扮演著資料倉儲的角色，但是許多的side eff...
很快的，在結束了挫敗感重重的 Python 課程後，我仍積極地尋找接下來該怎麼辦，在網路上翻來覆去的我找到了一篇 CakeResume 的文章想轉職成為工程師...
閱讀本篇文章前，仔細想想看 陣列的推論大致上是如何運作呢？ 什麼時候要積極去對陣列進行型別註記呢？ 如果還沒理解完畢的話，可以先翻看前一篇文章喔！...
Leo
Alec
Gary
Lynn
Maxwell Alexius
莫力全 Kyle Mo
TD
iThome鐵人賽
看影片追技術