iT邦幫忙

前端相關文章
共有 615 則文章
鐵人賽 其他技術 DAY 9

技術 Day9– 前端小字典三十天【每日一字】– Base64

Base64是什麼? 圖片來源 Base64是一種表示二進制資料的方法。 圖片來源 我們可以透過Base64來處理文字資料用來顯示、傳輸、儲存一些二進制資料...

鐵人賽 Modern Web DAY 14
前端工程師養成手冊 系列 第 14

達標好文 技術 如何培養自信成為前端工程師?

到底要磨練到什麼程度,才可以自稱自己是名前端工程師呢?在以前的年代會有師徒制,例如要成為一位壽司師傅時會先進壽司店當學徒,在前幾年你只能在台下準備壽司材料,直到...

鐵人賽 Modern Web DAY 11

技術 [Day 11] 用 Node.js 建立一個簡單的 Http Proxy

在上一篇文章中我們了解了 proxy pattern 的概念,也明白現今軟體架構有非常多適合應用這個 pattern 的 use cases。今天則想聚焦在 h...

鐵人賽 Modern Web DAY 19

技術 【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!

HTTP Request 一直以來都是一個很大的課題,他也牽扯到了API的概念,所以這篇基本上我們就要好好聊聊API是甚麼? Vue 要怎麼用到HTTP re...

鐵人賽 Modern Web DAY 7

技術 Day 7 - 動手繪製 Wireframe 線框稿(Figma教學)

Day 7 - 動手繪製 Wireframe 線框稿(Figma教學) 每日一談 嗨 ! 大家好,我是阿蘇今天是Day 7 ,今天會分享 Wireframe...

鐵人賽 其他技術 DAY 28

技術 Day28– 前端小字典三十天【每日一字】– Library

昨天解釋了Framework,今天來筆記Library吧! Library是什麼? wiki 解釋: 在電腦科學中,library是用於開發軟體的子程式集合。...

鐵人賽 Modern Web DAY 29
前端工程師養成手冊 系列 第 29

技術 時勢造英雄,奠定前端工程師的未來發展

來到這裡,我相信你已經對前端工程師的工作內容有些輪廓,這裡我將會順便講解前端工程師的由來,以及主要負責的工作項目有哪些讓你知曉。 歷史淵源 在以前根本沒有分所謂...

鐵人賽 Modern Web DAY 6
前端工程師養成手冊 系列 第 6

達標好文 技術 盡早培養「自主解決問題」的能力

在講這個主題前,我要來分享個人經歷,在創立高雄前端社群後,常會有人敲我訊息說對前端有興趣,想瞭解要到什麼程度才有辦法滿足職場需求。 當然在業界久了,自然可以推薦...

鐵人賽 Modern Web DAY 5

技術 Day 05. 前線維護・陣列型別 X 型別陣列 - Array Types

閱讀本篇文章前,仔細想想看 定義一個函式,最需要注意的點有哪些?什麼情形必須積極作型別註記呢? 函式的輸出部分通常(但不是全部)可以不用作型別註記的原因為...

技術 前端入門-VS code安裝與前端套件介紹

小弟在前端打滾多年最近發現有越來越多人想學習前端 首先我們需要先安裝一個寫code的環境 1. 安裝vs code 市面上的IDE(整合開發環境)百百種包括a...

鐵人賽 Modern Web DAY 3

技術 33歲轉職者的前端筆記-DAY 3 什麼是 iframe 及使用心得

iframe 是 寫網頁常見的語法之一 在進公司前不知道有這語法 但通常一個網頁內容 左側或上方選單都是固定相同的內容,當時我還笨笨的每個分頁都複製貼上在改 請...

技術 【網頁設計 入門 】如何使用 Bootstrap 與 Github Pages 製作 個人網站 ?

簡單架設 x 不失質感 目錄 源起 : 開發者網站 開發工具 : Adobe Brackets 基礎的 html 與 css 語法 Bootstrap 前...

鐵人賽 Modern Web DAY 22
JavaScript 初心者筆記 系列 第 22

技術 JavaScript 初心者筆記: 事件基本觀念(事件參數、事件監聽)

什麼是事件(event)? 事件是 JavaScript 應用的心臟,也是把所有東西黏在一起的膠水,當我們與網頁進行某些互動時,事件就發生了。例如,當使用者點擊...

鐵人賽 其他技術 DAY 26

技術 Day26– 前端小字典三十天【每日一字】– Hybrid App

前兩篇筆記了Web App 和Native App, 今天來分享Hybrid App吧! 圖片來源 Hybrid App是什麼? 圖片來源 Hybrid A...

鐵人賽 Modern Web DAY 13
前端工程師養成手冊 系列 第 13

技術 挑選前端職缺時,要知道每間公司都是凹凸不平的個體

相信你還未就業時,一定對「業界」充滿想像,希望自己能夠進入一間公司發揮長才,然而事實並非童話故事般美好,我希望藉由這篇文章讓你瞭解初級前端工程師在台灣面試時或就...

鐵人賽 Modern Web DAY 20
前端工程師養成手冊 系列 第 20

達標好文 技術 工程師打造高效工作的秘訣

有沒有常常覺得一整天都無精打采,明明工作進度差一大截,但就是提不起勁呢?或者工作常常做到一半就被打斷,本來高度集中的狀態因此消失得無影無蹤,那麼究竟該如何一直保...

鐵人賽 Modern Web DAY 7

技術 【D7 - 直接開啟專案】VueJs要怎麼樣開始學?

Vue: 終於輪到我出場了啦!!...代表各位終於可以開始做出一個專屬自己的個人網站了!!! 概念先打好 VueJs 是一個前端框架,一個開源(open s...

鐵人賽 其他技術 DAY 10

技術 Day10– 前端小字典三十天【每日一字】– CSS Sprites

上一篇文章介紹透過data URI scheme的方法, 來減少HTTP request,優化讀取網站的效能。 今天來筆記CSS Sprites,也可以減少HT...

鐵人賽 Modern Web DAY 18

技術 【D18 - 用Vue實作網頁】做出一個美美的部落格

今天會用到之前所有的所學~ 如果還沒跟上進度的話建議你要先看之前的 (標題有用vue實作網頁),或是到我的 github 上面去看code! 前言 我們前三...

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 29
菜菜菜的前端學習日誌 系列 第 29

技術 剪裁效果

菜菜菜的前端學習日誌 - Day29 剪裁 今天要講的是最近剛學到的效果 “剪裁” 因為要製作一個效果是像這樣 這個logo上像是有一條光閃過去 一直在想一直...

鐵人賽 Modern Web DAY 13
JavaScript 初心者筆記 系列 第 13

技術 JavaScript 初心者筆記: 判斷式 - if...else / switch 篇

接續昨天學到的比較運算子跟邏輯運算子,今天終於進入正題:判斷式。判斷式是 JavaScript 用來控制流程的,當指定的條件成立時,就會執行後續的指令。判斷式的...

鐵人賽 Modern Web DAY 2

技術 Day 02:Button 組件實作

組件實作 : Demo 一、前言 Button 是能夠廣泛被應用的組件之一。製作 Button 方法不只一種,你可以使用<div>、<b...

鐵人賽 Modern Web DAY 7

技術 Day 07. 前線維護・列舉型別 X 主觀列舉 - Enumerated Types

閱讀本篇文章前,仔細想想看 陣列跟元組(Tuple)的差別在哪裡?什麼時候用陣列 / 元組比較適合呢? 什麼時候可能不用對函式的參數進行積極註記?試舉個範...

鐵人賽 Modern Web DAY 23
JavaScript 初心者筆記 系列 第 23

技術 JavaScript 初心者筆記: 常用事件及相關語法分享

前一篇筆記介紹的是事件基本概念,而本篇將介紹一些在操作事件時常用的語法。 表單內容更動時觸發 - change 此事件僅限用於 元素、 和 元素,當元素的...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 23
前端工程師養成手冊 系列 第 23

達標好文 技術 前端篇:你可曾思考離職後尋求更好的自己?

馬雲曾經說過一句話,通常會辭職的絕大部分原因是「錢沒給到位,心委屈了」,那麼除此之外呢?你還可以思考下面因素。 金錢:薪水不符自身能力,為什麼跳槽會比加薪的成長...

鐵人賽 其他技術 DAY 4

技術 Day4– 前端小字典三十天【每日一字】– Web Server

web server 是什麼? 圖片來源 web server(網站伺服器) 負責回應Web瀏覽器(IE,Chrome等)等用戶端軟體的請求, 提供資訊和服務...

鐵人賽 Modern Web DAY 22
前端工程師養成手冊 系列 第 22

技術 教你解讀前端徵才廠商職缺內容的背後真相

你是否有想找前端工作但被徵才內容嚇到不敢應徵?有時候徵才廠商在撰寫履歷時,也有可能不會是工程師協助撰寫履歷,但又為了希望新前端和其它同事的溝通能夠契合,所以時常...

鐵人賽 Modern Web DAY 17
JavaScript 初心者筆記 系列 第 17

技術 JavaScript 初心者筆記: 迴圈 + JSON 練習

今天這篇比較偏我個人練習心得,不過既然我的鐵人主題本來就是定位成個人學習筆記,所以我就心安理得地放進來了~ 什麼是 JSON? 一種共通性資料交換的格式,用來...