iT邦幫忙

front-end相關文章
共有 175 則文章
鐵人賽 Modern Web DAY 21
Angular 深入淺出三十天 系列 第 21

技術 [Angular 深入淺出三十天] Day 20 - 路由(三)

「原來 Angular 的路由是這樣設定的,比我想像中簡單耶!」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的,不過目前只有第一層而已。在實務上應用時一...

鐵人賽 Modern Web DAY 20
Angular 深入淺出三十天 系列 第 20

技術 [Angular 深入淺出三十天] Day 19 - 路由(二)

昨天我們完成了上圖的路由設定與換頁效果,所以 Angular 的路由機制到底做了什麼呢? 還記得我們昨天有在 app-routing.module.ts 做了...

鐵人賽 Modern Web DAY 19
Angular 深入淺出三十天 系列 第 19

技術 [Angular 深入淺出三十天] Day 18 - 路由(一)

「Leo,我一直有個問題想問你。」Wayne 神秘兮兮的說。 「什麼問題?」看他這麼神秘兮兮的我也緊張了起來。 「既然是 SPA ,就代表整個 Web 從頭到尾...

鐵人賽 Modern Web DAY 18
Angular 深入淺出三十天 系列 第 18

技術 [Angular 深入淺出三十天] Day 17 - 基礎結構說明(四)

「Yes!終於完成了!!」Wayne 做完 Todo List 之後開心地舉起雙手大聲歡呼。 「如何?寫 Angular 很好玩吧?!」我笑著說。 「好玩好玩!...

鐵人賽 Modern Web DAY 17
Angular 深入淺出三十天 系列 第 17

達標好文 技術 [Angular 深入淺出三十天] Day 16 - Angular小學堂(三之四)

上圖是我們目前的進度,已完成了待辦事項的新增、刪除與狀態變更的功能。 CRUD (Create、Read、Update、Delete) 目前只剩下 U 還沒完...

鐵人賽 Modern Web DAY 16
Angular 深入淺出三十天 系列 第 16

技術 [Angular 深入淺出三十天] Day 15 - Angular小學堂(三之三)

回顧一下我們目前完成的效果: 完成了新增待辦事項的功能之後,接下來當然是要來能夠註記是否已完成該項待辦事項囉!如果你有操作的話其實會發現,目前清單前面的 Ch...

鐵人賽 Modern Web DAY 15
Angular 深入淺出三十天 系列 第 15

技術 [Angular 深入淺出三十天] Day 14 - Angular小學堂(三之二)

昨天我們已經順利讓 TodoListComponent 可以順利在 AppComponent 裡使用了,接下來為了方便大家練習,我們直接從 TodoMVC 的...

鐵人賽 Modern Web DAY 14
Angular 深入淺出三十天 系列 第 14

技術 [Angular 深入淺出三十天] Day 13 - Angular小學堂(三之一)

「哈~~~~」Wayne 打了一個好大的呵欠。 「喂喂喂!打起精神來阿你!有這麼無聊嗎?!」我用手臂推了 Wayne 一下,無奈他實在是太魁武了,連晃都沒晃一下...

鐵人賽 Modern Web DAY 13
Angular 深入淺出三十天 系列 第 13

技術 [Angular 深入淺出三十天] Day 12 - Angular CLI 常用指令說明(三)

「原來 ng serve 裡有這麼多學問阿?!真是長見識了!!那我們該如何交付我們的程式或是將我們開發出來的程式放到網路上呢?直接把整個專案資料夾放進空間裡嗎?...

鐵人賽 Modern Web DAY 12
Angular 深入淺出三十天 系列 第 12

技術 [Angular 深入淺出三十天] Day 11 - Angular CLI 常用指令說明(二)

「哇賽,這 Angular CLI 還真不是普通地強大耶!!既然它這麼強大,一定還有其他好用的功能吧?!之前每次開新專案之後,Coding 前要用的 ng se...

鐵人賽 Modern Web DAY 11
Angular 深入淺出三十天 系列 第 11

技術 [Angular 深入淺出三十天] Day 10 - Angular CLI 常用指令說明(一)

「欸,Leo!滿好玩的耶!!雖然留言板功能很陽春,但寫起來的感覺也很簡單,不像以前寫 jQuery 的時候要寫一堆操作 DOM 的程式碼,然後弄到自己頭昏眼花的...

鐵人賽 Modern Web DAY 10
Angular 深入淺出三十天 系列 第 10

技術 [Angular 深入淺出三十天] Day 09 - Angular 小學堂(二)

「哦哦哦哦!好像又更懂一點了!!」Wayne 點了點頭說。 「有更懂一點就好,也不枉費我講的這麼辛苦。」我喝了口咖啡後說道。 「那我們可以做更複雜一點的應用了吧...

鐵人賽 Modern Web DAY 9

技術 [Angular 深入淺出三十天] Day 08 - 基礎結構說明(三)

「原來 Angular 的 Template 語法跟資料綁定有這麼多名堂阿?!」Wayne 揉揉他的太陽穴,貌似有點快消化不良的樣子。 「是阿!但這一切其實都是...

鐵人賽 Modern Web DAY 8

技術 [Angular 深入淺出三十天] Day 07 - 基礎結構說明(二)

「原來如此!這樣有比較看得懂了!基本上裝飾器就是決定類別要扮演的角色,中繼資料則是把這個角色需要的資料傳入,然後 Angular 就會幫忙把其他的事情處理好的意...

鐵人賽 Modern Web DAY 7

技術 [Angular 深入淺出三十天] Day 06 - 基礎結構說明(一)

「原來 Angular 這麼好玩啊?!」Wayne 做完練習後,開心地跟我說道。 「是不是?!之後如果寫再複雜一點的應用更能體現出 Angular 厲害的地方!...

鐵人賽 Modern Web DAY 6

技術 [Angular 深入淺出三十天] Day 05 - Angular 小學堂(一)

「接下來要說明的是...喂!睡著了阿你?!」專心講解的我瞄了 Wayne 一眼,才發現這小子居然已經睡倒流口水了?! 「對不起!!因為一直在講解沒有實作,一不小...

鐵人賽 Modern Web DAY 5

技術 [Angular 深入淺出三十天] Day 04 - 資料夾結構說明

「我都裝好了!!接下來可以開始 Coding 了嗎?!」Wayne 把環境跟編輯器都安裝完之後,興奮地說。 「別急,你先開啟剛剛用 Angular CLI 建立...

鐵人賽 Modern Web DAY 4

技術 [Angular 深入淺出三十天] Day 03 - 開發工具與環境建置

「原來如此!好像很厲害!!」聽完我的介紹後,Wayne 一副饒有興致的樣子。 「對呀!想不想學阿?!我教你!」看到 Wayne 這麼有興趣,當然就是要趁勢推他入...

鐵人賽 Modern Web DAY 3

達標好文 技術 [Angular 深入淺出三十天] Day 02 - 為什麼是 Angular?

「嗨!Leo!好久不見!」跟我打招呼的是 Wayne。Wayne 是我在進修時,同期的同學、專題小組成員,也是我的好朋友。 「嗨!Wayne!好久不見!最近好嗎...

鐵人賽 Modern Web DAY 2

技術 [Angular 深入淺出三十天] Day 01 - MPA 與 SPA

在一個風雨交加、打雷閃電的夜晚,我正坐在電腦前專注地看著螢幕中的文章並喃喃自語著。 「哇賽!才幾年沒碰 Web Front-End,怎麼前端世界變了這麼多阿?!...

鐵人賽 Modern Web DAY 1

達標好文 技術 [Angular 深入淺出三十天] Day 00 - 前言

各位邦友大家好,我是Leo,這是我第一次參賽。 在這三十天裡,我會用比較淺白的方式來跟大家分享我目前所知道的 Angular。 本系列文章適合: 寫過一些前端...

鐵人賽 自我挑戰組 DAY 6
介面設計流程與開發2 系列 第 6

技術 切版起手式,以Daily UI 01-Sign up為例 2/2

前言 昨天簡單介紹了切版的先備知識後,今天以套用 Bootstrap4 切版為主軸,說明如何在 Bootstrap4 基礎下,設定自己的主題色,以及運用 Boo...

鐵人賽 自我挑戰組 DAY 3
介面設計流程與開發2 系列 第 3

技術 新手UI起手式,以Daily UI 01-Sign up為例 2/3

前言 上一篇文章分享了在設計前可以如何開始進行的簡單流程,這一篇文章將延續Daily UI 01-Sign up的UI設計的設計思維和UI繪製的細節。如果沒看的...

鐵人賽 自我挑戰組 DAY 2
介面設計流程與開發2 系列 第 2

技術 新手UI起手式,以Daily UI 01-Sign up為例 1/3

前言 大部分的UI設計師應該都挑戰過Daily UI,除了可以累績作品之外,另一方面也可以訓練設計師如何在短時間整理並思考使用者需求,進而完成介面設計。 今日挑...

鐵人賽 自我挑戰組 DAY 1
介面設計流程與開發2 系列 第 1

技術 介面設計流程與開發-我們的30天

前言 鐵人賽是需要鼓足勇氣、做好準備才敢參加的比賽,由於太艱難容易使人放棄,所以有一起督促前進的夥伴是非常重要低!初次參賽的我們,決定先挑戰順利完成30天學習記...