技術 [DAY02] 套路開始

我想說的是：環境安裝方法：安裝 Node.js、安裝 create-react-app、npm start 首先安裝 Node.js這部分可以使用官方網站的...

Nanami Lemon ‧ 2019-09-16

技術 [DAY01] 開門見山地說

我想說的是：這是個原本只會 JQuery 的後端工程師學 React 的筆記並不會有甚麼高深的內容，但是可以保證會有很多垃圾話、冷笑話、鄉民哏 Oxford...

Nanami Lemon ‧ 2019-09-15

技術 【Day 10】CSS && Inline-style

到昨天為止都著重在 JS 的部分，基本的功能已經可以完成了，但除了功能以外，網頁應用的外觀也是很重要的，所以今天就暫時把 JS 擺在一邊，看看在 React 中...

莫力全 Kyle Mo ‧ 2019-09-15

技術 CSS 的 LOGO 圖片隱藏標題與選單並排

之前我們都在講關於排版的東西，現在我們要開始講網站的內容囉，由上至下，我們先從.header開始講起，不管甚麼類型的網站，尤其是商業網站，一定都會有一個 lo...

Alec ‧ 2019-09-19

技術 【Day 9】Component Lifecycle

昨天對 class-based component 有了初步的認識，然而除了 state ，在 hooks 出來以前 class component 還有一項...

莫力全 Kyle Mo ‧ 2019-09-13

技術 Day 06. 前線維護・陣列與函式 X 陣列與元組 - Array & Functions & Tuples

閱讀本篇文章前，仔細想想看 陣列的推論大致上是如何運作呢？ 什麼時候要積極去對陣列進行型別註記呢？ 如果還沒理解完畢的話，可以先翻看前一篇文章喔！...

Maxwell Alexius ‧ 2019-09-16

技術 CSS 的絕對定位與相對定位

嗨~大家今天過得好嗎？(揮手) 上一篇我們好不容易說明完了用float及clear的排版方式了，所以我們現在知道了可以用 CSS RESET 來去除瀏覽器默認...

Alec ‧ 2019-09-18

技術 今天我們用 CSS 來排版吧

在正式開始之前，要先說兩件很重要的事，CSS RESET 和 {margin: 0 auto}。 CSS RESET 我們先來講關於 CSS RESET，目前...

Alec ‧ 2019-09-17

技術 今天我來說說什麼是Box-Model

上一篇文章我們已經簡單說明了如何在 HTML 文件加上 CSS 內容，也說明了如何用選擇器方式選擇了對的 HTML 標籤，還記得我們在 Day.6 提到的&l...

Alec ‧ 2019-09-16

技術 如何添加 CSS 內容及選擇器

網頁三要素( HTML、CSS、JavaScript )，HTML 是網站的內容 & 架構，CSS 則是網頁的樣式而 JavaScript 是網頁的特...

Alec ‧ 2019-09-15

技術 Day 04. 前線維護・函式型別 X 積極註記 - Function Types

閱讀本篇文章前，仔細想想看 大概可以解釋普通 JS 物件（也就是 JSON 格式，或筆者所謂的狹義物件）在 TypeScript 裡的推論機制。 知道筆者...

Maxwell Alexius ‧ 2019-09-14

技術 【Day 8】Class component && Functional component

今天與明天會來短暫介紹一下 class-based 的 component，今天將講解 class component 的基礎，也比較一下與 functiona...

莫力全 Kyle Mo ‧ 2019-09-12

達標好文 技術 Day 01. 遠征 TypeScript・行前準備

通常聽到一門新的技術，第一句話會問的就是... 為何我要使用這門技術呢？ 貼心小提醒：如果單純想了解 TS 是什麼，以及優勢與缺點，可以跳過前文喔！...

Maxwell Alexius ‧ 2019-09-11

技術 所以我下定決心要成為軟體工程師了嗎？

前情提要：我怎麼開始這一切 還記得我在之前的文章提到的(若沒看過的可以先回去看就知道了)，在我正式開始上六角學院的 HTML、CSS 課程時，其實都還不清楚自...

Alec ‧ 2019-09-13

技術 為何參加 iT 鐵人邦賽事？

說真的，自從下定決心要成為一個軟體工程師，才開始涉略愈來愈多的相關資訊，iT 邦幫忙這個知名IT人大站，以前雖有聽過，但真的不熟，也是這一陣子因轉職需求，才知...

Alec ‧ 2019-09-12

技術 我怎麼開始這一切

很快的，在結束了挫敗感重重的 Python 課程後，我仍積極地尋找接下來該怎麼辦，在網路上翻來覆去的我找到了一篇 CakeResume 的文章想轉職成為工程師...

Alec ‧ 2019-09-11

技術 這一切是怎麼開始的？我怎麼跑去學了 Python

在即將離開公司的前一個月左右，我在 Facebook 上看到一個廣告跳出來，是五倍紅寶石的 ASTRO 全端工程師實戰訓練營，這是我第一次看到「全端工程師」(...

Alec ‧ 2019-09-10

技術 【Day 6】Child Component && Props

昨天介紹了可以在 component 中使用的 state，然而 React 一般建議能夠用越少 state 越好，因為 state 的改變是非同步的，stat...

莫力全 Kyle Mo ‧ 2019-09-10

技術 Hello My World

距離上一次寫文章大概距今已是8年前了，當時也只是想作為一個旅遊紀錄，這8年經歷了很多事，我在29歲時去了澳洲一年Working Holiday沉澱自我，在31...

Alec ‧ 2019-09-09

技術 【Day 5】 第一個 hook - useState

今天終於要介紹 React hooks 中的第一個hook 了 - useState，Start! 建立自己的 component 在講解 state 概念與...

莫力全 Kyle Mo ‧ 2019-09-09

技術 【Day 4】JSX 語法 ＆＆ Virtual DOM

第四天將接著昨日的內容繼續！ 第一次接觸React的朋友們可能心裡會os: "X! 這到底是甚麼語法，又像JS但又有HTML包在裡面。"別擔...

莫力全 Kyle Mo ‧ 2019-09-08

技術 【Day 3】CRA專案架構

昨天介紹了 React 的特色與元件化開發的特色，也使用 create-react-app 建構了我們的第一個 React 程式專案，今天將延續昨日 CRA 建...

莫力全 Kyle Mo ‧ 2019-09-07

技術 【Day 2】React.js介紹 && 第一個 React 程式

這是 React 從 0 到 1 系列的第二篇，今天廢話不多說，直接進入正題。今天將簡單介紹 React.js 的基礎概念，最後建立我們第一個 React 的程...

莫力全 Kyle Mo ‧ 2019-09-06

技術 【Day 1】前情提要 && 教學大綱

大家好!我是老莫，今天是 30 天中的第 1 天，主要是講一下未來 29 天的內容規劃: 關於分享主題 相信大家也是看了主題 "React從0到1&q...

莫力全 Kyle Mo ‧ 2019-09-05

技術 Something about front-end

達標好文 技術 [Angular 深入淺出三十天] Day 32 - 完賽心得

各位邦友大家好，我是 Leo 。 終於完賽了！！！！（舉雙手瘋狂吶喊中） 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿！！工作、家庭、鐵人賽，這蠟燭三頭燒的...

Leo ‧ 2018-11-17

達標好文 技術 [Angular 深入淺出三十天] Day 31 - 三十天之後

「耶～～～ 我套完了！！」Wayne 套版完之後開心地大聲嚷嚷著。 「喂，冷靜一點，這裡是公眾場合耶。」我笑著推了他一下。 「抱歉抱歉，我太興奮了！！Angul...

Leo ‧ 2018-11-16

技術 [Angular 深入淺出三十天] Day 30 - Angular 小學堂（四之四）

昨天的登入頁、購物車頁與結帳成功頁大家都有順利套完版嗎？！ 如果沒有的話沒關係，看完今天的文章再繼續努力吧！！ 結帳頁套版 今天一開始我們先來套結帳頁的版...

Leo ‧ 2018-11-15

技術 [Angular 深入淺出三十天] Day 29 - Angular 小學堂（四之三）

好的，我們今天要開始套版了！！ 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載，容我先小小地說明一下： 點擊 GitHu...

Leo ‧ 2018-11-14

技術 [Angular 深入淺出三十天] Day 28 - Angular 小學堂（四之二）

昨天我們把落單的 UI 元件跟其模組關聯完之後，今天接著要來設定路由的部份！ 開始設定路由前，可以先看看我們準備好的路徑定義檔 － app-path.const...

Leo ‧ 2018-11-13