iT邦幫忙

前端新手村相關文章
共有 275 則文章
鐵人賽 Modern Web DAY 10
實作經典 JavaScript 30 系列 第 10

技術 Day10: 針對陣列的操作練習(三)

WES BOS系列影片Alex快速導讀系列影片 開始前一樣可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

鐵人賽 Modern Web DAY 9
實作經典 JavaScript 30 系列 第 9

技術 Day09: Ajax Type Ahead with fetch()(二)

WES BOS系列影片Alex快速導讀系列影片 再來,進入學習的第二個重點部分-嘗試利用正規表達式來篩選資料在此之前,先將前置作業完成1.先抓出需要設置監聽器與...

鐵人賽 Modern Web DAY 8
實作經典 JavaScript 30 系列 第 8

技術 Day08: Ajax Type Ahead with fetch() (一)

WES BOS系列影片Alex快速導讀系列影片 學習重點:1.使用fetch()來發送請求,串接遠端資料2.嘗試利用正規表達式來篩選資料 使用fetch()來發...

鐵人賽 Modern Web DAY 1

技術 《For 前端小幼苗的圖解筆記》參賽宣言

首次挑戰鐵人賽,不囉嗦,首發直接上目錄&自我介紹! 《For 前端小幼苗的圖解筆記》 Day About Subject 01 Author 關於...

鐵人賽 Modern Web DAY 7
實作經典 JavaScript 30 系列 第 7

技術 Day07: Flexbox + JavaScript 製作手風琴版面

WES BOS系列影片Alex快速導讀系列影片 作者可能怕我們忘記flex怎麼用,在中間穿插了這個課程, 練習JS之餘,也能夠再複習一下flexbox所以在一開...

鐵人賽 Modern Web DAY 6
實作經典 JavaScript 30 系列 第 6

技術 Day06: 針對陣列的操作練習(二)

WES BOS系列影片Alex快速導讀系列影片 做完基礎陣列練習後,來做些進階的練習 進階練習目標 :6.Sort the inventors by years...

鐵人賽 自我挑戰組 DAY 1
溫故知新 JavaScript 系列 第 1

技術 Day1 - 前奏

HI 大家好,我是 AWEI首次參加IT邦鐵人賽,這次想透過 30 天的時間帶大家一起來認識 JavaScript ,至於為什麼會叫溫故知新JavaScript...

鐵人賽 Modern Web DAY 5
實作經典 JavaScript 30 系列 第 5

技術 Day05: 針對陣列的操作練習(一)

WES BOS系列影片Alex快速導讀系列影片 開始前建議可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

鐵人賽 Modern Web DAY 4
實作經典 JavaScript 30 系列 第 4

技術 Day04:用CSS + JS 做一個時鐘

WES BOS系列影片Alex快速導讀系列影片 原作者的時鐘版本比較簡易些,對於時間的算式也比較不直覺,而Alex大大的版本將時鐘做得更細緻,時間算式也更完整。...

鐵人賽 Modern Web DAY 3
實作經典 JavaScript 30 系列 第 3

技術 Day03:來做個鍵盤鼓手(二)

接續第一天的練習,我們成功加上了樣式,卻沒有移除它。開始來想辦法在我們不需要這個樣式時,將它移除 JS的監聽器也是可以監聽元素的變化,這時我們監聽的動作會是 '...

鐵人賽 Modern Web DAY 2
實作經典 JavaScript 30 系列 第 2

技術 Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

鐵人賽 Modern Web DAY 1

達標好文 技術 【D1 - 歡迎來到前端學到暈島】我要怎麼學前端?

村長 : 請輸入您的島的名稱...: ...「前端學到暈島」 各位當你踏上這個島你就要注意到幾件事情~ 前端是一個肥大的東西,當你想要學一個工具~你就要繼...

技術 [鼠年全馬鐵人挑戰] Week27 - JavaScript 練習題- 比較運算子

這周來練習比較運算子,也是我不太熟練的一個章節要好好努力練習了~ 題目 請觀看以下文章後,解答以下題目: [JS] 判斷筆記 比較運算子 重新認識 JavaSc...

技術 如何利用 JavaScript 做出一個時鐘

如何利用 JavaScript 做出一個時鐘 本文同步發於:https://jason06286.github.io/20200819/44267/ 作品範例...

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

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

技術 [鼠年全馬鐵人挑戰] Week26 - JavaScript 練習題- 變數型別判斷與弱型別轉型

又是一個星期過去了最近準備婚事真的忙翻啦~所以上週忘了更新文章了QQ沒關係 再來繼續加油努力:) 變數型別判斷與弱型別轉型練習 請觀看此文章後,解答以下題目。...

技術 鼠年全馬鐵人挑戰 WEEK 25: Git branch 合併 Merge Rebase

分支 在開發中我們會有許多版本,像是開發版、測試版,測試功能都正常,才會合併到上線版。 分支就像是影分身術的概念,而我們會透過 git 的指令,來取需要分身的...

技術 鼠年全馬鐵人挑戰 WEEK 24: 從零開始,如何從Git push 到 GitHub?

本篇適用於完全不會Git的人,將一步步帶你上傳檔案至GitHub 1. 安裝 首先到 Git 官網 ,下載Git以下為 windows 環境下示範 ,開始選單...

技術 鼠年全馬鐵人挑戰 WEEK 23: JavaScript 陣列處理方法

小明自從開啟了真理之門,就不斷思考著何謂「一為全,全為一」?此時小明走著走著撿到了一本寶典 --- JavaScript 語法大全 ---裡面寫著這麼一段話:...

技術 [鼠年全馬鐵人挑戰] Week23 - 超新手學前端 - JavaScript 練習題-環境與變數環境 part 1

最近好忙好忙 發現久沒碰js都有點生疏了 接下來的文章就來練習題目加深自已的印象吧 感謝六角學院js特訓班提供的題目可以讓新手練習 環境與變數環境 第一題 va...

技術 [鼠年全馬鐵人挑戰] Week22 - 超新手學前端 - JavaScript 使用時機

學了一陣子的JavaScript遇到了不少問題其中遇到一個最大的問題是學了那麼多語法要怎麼運用?我知道函式、物件、陣列但我不知道什麼時候該用哪個?不知道新手在學...

技術 鼠年全馬鐵人挑戰 WEEK 22: JavaScript 判斷式 - if...else / switch

小明崩潰問道:難道奶奶、你和我都是程式所構成的嗎?此時大家陷入沉默,不發一語黑衣人打破沉默:如果你想知道這世界的真相,就問問真理吧!在真理的世界只有 true...

技術 鼠年全馬鐵人挑戰 WEEK 21: JavaScript 箭頭函式 Arrow function

奶奶一臉震驚說:你...你是...黑衣人說:我這次回來是要把我畢生所學給傳授下去。小明腦中出現了很多想法,回來?畢生所學?什麼東西阿!搞得我腦子好亂!黑衣人說:...

技術 鼠年全馬鐵人挑戰 WEEK 20: JavaScript 函式 function

小明是某雜貨店的員工,有天店裡來了位客人,身著國民品牌uniqlo黑色的短T,下著百搭卡其褲,腳採萬年不敗adidas拖鞋,走進店裡拿了一罐水、二條七七乳加巧克...

技術 鼠年全馬鐵人挑戰 WEEK 19: JavaScript 運算子 運算式

以前數學課有個直線方成式y=ax+b,想必大家都不陌生吧!=、*、+,我們稱為運算子,而y=ax+b,就稱為運算式。 JavaScript 有以下常用的運算子...

技術 [鼠年全馬鐵人挑戰] Week20 - 超新手學前端 - JavaScript:監聽

嗨 大家早安午安晚安這周開始 JavaScript 的直播班了發現自己吸收程度真的很慢很多都看不懂QQ還好有提供直播錄影連結可以把不懂的重複看到懂~ 這周就來紀...

技術 鼠年全馬鐵人挑戰 WEEK 18: JavaScript 變數 型別

變數 變數命名規則 變數可以由字母數字下劃線和美元符號($)組成 變數必須以字母開頭 變數也能以 $ 和 _ 符號開頭 變數名稱對大小寫敏感(a 和 A 是不...

技術 [鼠年全馬鐵人挑戰] Week18 - 超新手學前端 - HTML table 小概念

又過了一周啦~最近開始學習如何用 table 排版,在學習的過程中順手記下筆記讓自已更有概念:) 何謂table table 是在 HTML 排版的一種方式,主...

技術 鼠年全馬鐵人挑戰 WEEK 17: CSS transform

transform:(動作的函數),通常會配合animation或:hover來做些動畫效果 範例 transform-origin:x y; 指定動作的參考點...

技術 前美妝小編的前端工程師之路--- Start!

嘿,大家好!雖然不知道這篇文章會不會有人看,還是想跟網頁前的你打聲招呼!其實一直都沒有寫網誌的習慣,哪怕是一直都有看到前輩們非常鼓勵以寫網誌的方式留下自己學習的...