這篇是寫來讓自己好好學習debug技巧,因為還沒有認真研究過這些debug技巧,難得有機會需要花時間好好閱讀這些資訊,之前都是慢慢摸索,見一個殺一個,被強迫的打...
面試篇要收尾了,來分享一下從面試經驗0到現在的心得與優化策略,希望之後可以逐步修正,提高拿到offer的比例。 公司產業偏好 一開始蠻多人建議要想自己想去哪些...
昨天我們已經將製作好的版型,套用到 Angular 的根元件 AppComponent,今天,我們就要來進行發行與部署 Angular 應用程式的流程。 首先,...
在學習的過程以及查找學習資源的過程,有很多覺得很重要,但優先順序排在比較後面的,或是因為要做某些功能而查到的額外知識,也有想了解但還沒花時間了解的知識,底下就記...
真是不敢相信已經來到第30天了 還真想不到去年此時還在查著鐵人賽文章的我,此刻已經在上班了,還挑戰了鐵人賽30天!!! 真的很感謝鐵人賽這樣的制度以及眾多前輩無...
由於在未來的專案有機會使用到 sweetalert2,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 sweetalert2。 安裝 sweeta...
準備要建立一個 Angular 的開發環境了,那我到底需要哪些家私呢?以下就來介紹一下: 1. 一台電腦(被揍飛 建議安裝的工具 以下是建議安裝的工具,當然如果...
前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論,是...
快速產生 Angular 元件 要在 Angular 專案中快速產生元件,首先要先打開 VS Code 的終端機面板,並輸入以下指令: ng generate...
從出生的那一刻起,我們就一直不斷向前,只能前進,直到終點。 2013.1.03 成為空服員的第一天 2020.8.17 成為軟體工程師的第一天 很多人...
學習 Angular 的過程中,遇到了一些教學資源不見得會遇到的問題,還真是家常便飯,而且你個人電腦沒遇到,但公司派發給你的筆電偏偏就遇到了,所以就來記錄一下吧...
我們前一篇,雖然有將需求二實作出來,但是看到 keyCode 已被淘汰的訊息,還是覺得有點不痛快。 上網搜尋了一下,找到一篇其他開發者分享的文章: [從 0 開...
接下來,我們就要來建立第一個專案範本。 首先,我們可以在桌面上先建一個資料夾,命名叫 Angular,記住不要使用中文字命名,以免發生錯誤。 接著打開...
到職前與入職後 從事平面設計近十年,轉換成前端工程師是一個不容易的事情,過去美學教育的思維是比較多重思考且主觀的,跟程式思維大不同。從感性到理性需要做許多的調整...
前一篇我們提到了一部分的啟動流程,今天我們會探討剩下的啟動流程資訊。 首先,我們要先知道 JavaScript 是從哪一個程式開始跑,而 Angular 應用程...
把靜態檔案加到 Angular 專案中 前一篇,我們已經學會用 Angular CLI 建立元件及範本,今天我們要試著把靜態檔案加到 Angular CLI 所...
Angular 官方建議使用兩種語言來開發,一是 Dart(也是一種由 Google 開發的語言),不過 Dart 相對比較少人用,而另一個語言就是我們今天要介...
前因 本身是個有十年以上平面設計經驗的轉職者,因為接觸 Side Project,而開始從切版接案接觸到前端領域,然後開始從六角學院自學前端相關的知識及技能,所...
Angular 應用程式的組成 一個完整的 Angular 應用程式會至少包含一個模組(module),正如我們創建一個 Angular 專案時,裡頭會包含的...
讓 Angular 元件顯示在畫面上 上一篇,我們建立了一個元件 page1。 接下來,我們就要把 page1 這個元件,顯示在如下圖的 Angular 應...
三天前,我們已成功把靜態檔案加入 Angular 的專案了,如果感到有點陌生,可以再到以下連結,重新回憶一下: Day 13:來把靜態檔案加入 Angular...
啟動 Angular 開發伺服器 我們先打開 VS Code 的終端機面版,輸入 npm start,而 npm start 就會執行 ng serve 這個指...
在連續開了幾天支線任務之後,我們將再次回到 Angular 開發的正軌,繼續我們第十六天之後的網頁開發主線,如果已經有忘記的朋友,附上主線任務的連結如下,幫助大...
建立部落格 經過鐵人賽的洗禮,讓我找到一個可以記錄學習歷程的地方,原本想透過 iT 邦來當作筆記平台,透過 Ray 助教的建議,建立自己的部落格可以練習到多前端...
今天,我們要來看看在使用 Angular CLI 後,專案的架構會長什麼樣? angular.json:是 Angular CLI 的設定檔,包含許多參數,...
進度緩慢是不是要砍掉重練 說實話,雖然坐月子期間有跟著前端社團以及書籍維持前端相關的知識與動態,但較少碰電腦學習依然有差,畢竟只有用看的跟實作去開發網頁落差還是...
前一篇,我們完成了需求一: 當使用者在關鍵字搜尋這個 input 輸入文字時,要在輸入框的正下方顯示正在輸入的字元數。 今天我們要接著完成需求二: 當使用...
前一篇我們談到了事件繫結的方法,在使用 事件繫結(Event binding) 的時候,我們要先有一個事件,並使用 小刮號() 來註冊,並傳入一個方法,而這個方...
資料繫結的主題講了好幾天,那麼,就來小試身手一下,透過一個簡單的實作,把這幾天所學到的觀念,試著運用看看。 看看上圖框起來的 input,我們實作的需求如下:...
Day 22:開始來學資料繫結:屬性繫結(一) 今天要來探討第二種資料繫結的方法:屬性繫結(Property binding)。 我們以上一篇 a 標籤的 hr...