iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

33歲轉職者的前端筆記 系列

原本是工廠作業員,因不想在過這樣的無趣生活決定挑戰自已轉職前端工程師
希望突破年齡框架及能力成功轉職,這次會記錄學習過程。

鐵人鍊成 | 共 30 篇文章 | 22 人訂閱 訂閱系列文 RSS系列文
DAY 11

33歲轉職者的前端筆記-DAY 11 一些網頁切版技巧的小筆記-Part 2

承上篇 CSS 小筆記 漸變(淡入淡出):CSS屬性 秒數 速度曲線範例code如下: .g-100 { filter: grayscale(100%)...

2021-09-11 ‧ 由 a841722 分享
DAY 12

33歲轉職者的前端筆記-DAY 12 一些網頁切版技巧的小筆記-Part 3

排版小技巧 比較早期的排版都是用表格(table)的方式來排版,現在不會用表格(table)的方式來排版了,而是用div。 div = 原文: Divi...

2021-09-12 ‧ 由 a841722 分享
DAY 13

33歲轉職者的前端筆記-DAY 13 圖片格式及影音格式

圖片 網頁上一定會有多許多圖片元素我們在開發網站時需多了解圖片的特性及格式,在開發的過程會更加順利。 圖片標籤 img 為在 HTML 中 插入圖片的標籤語法...

2021-09-13 ‧ 由 a841722 分享
DAY 14

33歲轉職者的前端筆記-DAY 14 排版技巧小筆記-標籤屬性元素及定位方法

區塊元素(block) 預設為區塊元素的標籤有:h1~h6,p,div,section,header,nav等等… 會造成「換行的標籤(元素)」 可以設定「w...

2021-09-14 ‧ 由 a841722 分享
DAY 15

33歲轉職者的前端筆記-DAY 15 jQuery 基礎語法

什麼是jQuery 由js發開出來的函式庫 可以解決瀏覽器相容的問題 雖然由js開發出來,但不完全等於js,只是用jQuery的語法寫出來而已 引入方式:下載...

2021-09-15 ‧ 由 a841722 分享
DAY 16

33歲轉職者的前端筆記-DAY 16 使用 jQuery 寫出動畫效果

新增畫面及移除畫面 點擊show時會呈現以下結果: 點擊hide時會呈現以下結果(消失了): jQuery 程式碼可以這樣寫: <script>...

2021-09-16 ‧ 由 a841722 分享
DAY 17

33歲轉職者的前端筆記-DAY 17 Bootstrap 介紹及使用方法

什麼是 Bootstrap ? 是一個框架系統 是一個UI的框架 (framework) 已提供現成可供使用的語法 可快速方便完成網站增加開發效率 使用方法...

2021-09-17 ‧ 由 a841722 分享
DAY 18

33歲轉職者的前端筆記-DAY 18 練習寫一個自我介紹產生器

變數基本概念 常數:const 不可重新賦予新值 變數:let 可重新賦予新值 建立常數a並儲存(或設定)“david”cost a = “david”; 自我...

2021-09-18 ‧ 由 a841722 分享
DAY 19

33歲轉職者的前端筆記-DAY 19 練習寫一個計算機

寫計算機前必學的知識點 資料型別 (typeof) 檢查變數的型別:typeof 資料型別如下: string 字串number 數字boolean 布林 (t...

2021-09-19 ‧ 由 a841722 分享
DAY 20

33歲轉職者的前端筆記-DAY 20 Javascript 基本知識筆記

寫Javascript前必要小知識 1.<!DOCTYPE html> 為 HTML 5 的語言格式2.head 是網路爬蟲爬的區塊,可以放很多資訊...

2021-09-20 ‧ 由 a841722 分享