iT邦幫忙

前端相關文章
共有 536 則文章
鐵人賽 Modern Web DAY 18

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

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

鐵人賽 影片教學 DAY 8

技術 Day8 Svelte 當中的 Transition 機制 | 30 天從 0 到 1 學 Svelte

影片 內容 Svelte 內建有相當豐富的 transition 機制,可以透過簡單的語法來達到不錯的 UI 互動! ◼︎ 簡報連結:https://spea...

鐵人賽 Modern Web DAY 17

技術 【D17 - Vue說他願意共用!?】Vue 的 Mixins

我這次標題直接給她猛烈的亂下,但其實Mixins就真的是代表一個 讓元件共用的方法,Mixin 就是指這個共用的元件,而這個元件可以包含任何的componen...

鐵人賽 Modern Web DAY 1

技術 【Day1 】前端?後端?讓你從餐廳輕鬆了解吧

在使用wordpress主題的時候,是不是總是有些地方感到不滿意,希望在後台進行修改,進行客製化設計,卻總是苦於對打程式碼毫無理解,不知從何入手?是不是了解了w...

鐵人賽 自我挑戰組 DAY 1
每天來點 Vue.js 吧 系列 第 1

技術 前言

tags: Vuejs 前言 在開始之前,先簡單的自我介紹 ~ 筆者是名新手前端工程師,過往是平面設計師,目前學習前端約 1 年半的時間,本篇鐵人會集中在 Vu...

鐵人賽 Modern Web DAY 16

技術 【D16 - 用Vue實作網頁】等等!!我還對JacaScript不熟www

昨天寫到了一串code,如果對於JS沒有基礎的人可能會頭很大XD .then(function(data) { this.blogs = data....

鐵人賽 Modern Web DAY 15

技術 【D15 - 用Vue實作網頁】牽著for的手,帶你走forever

我朝思暮想想了又想~ 覺得這個project可以先暫訂拿來做一個小部落格的樣子,而再開發一個部落格時候,我們可以有小到大去開發! 甚麼意思? 就是說部落格應該...

鐵人賽 Modern Web DAY 14

技術 【D14 - Vue也有生命!?】Vue 的 life-cycle

前言 今天要在跟各位插播一個概念,因為之後會用到,這也是在Vue的世界裡面相當重要的概念: 就是 life-cycle hook! Hook 本身有鉤子的意思~...

鐵人賽 Modern Web DAY 13

技術 【D13 - 用Vue實作網頁】Routing 帶你到世界翱翔

今天要講的東西非常的實用,曾經我還是開發小盟新時去找了一個實習,結果他問我~ 你知道router是甚麼嗎....我竟然跟他說: 「知道! 是路由器~」雖然ro...

鐵人賽 Modern Web DAY 12

技術 【D12 - 用Vue實作網頁】父子同心齊力斷金!

今天要講到的東西我部會用在這個project上,(也可能會啦不確定)XD,但不論如何,他是一個非常重要的東西~ 前言 在我們昨天講到組件components...

鐵人賽 Modern Web DAY 11

技術 【D11 - 用Vue實作網頁】這世界都是Components組成的!?

今天會開始一個專案~ 但在開啟之前希望各位都有讀過之前的文章,至少了解一下這個專案的架構還有環境的建置! 前言 這邊先列舉幾個比較重要的東西要先下載~ n...

鐵人賽 Modern Web DAY 10

技術 【D10 - Directives】今晚,我想對DOM做點甚麼?

前言 昨天講到了{{}}這個Vue的雙下巴之外,也提到了一些資料綁定 (Data Binding)的部分~ 但Vue可以綁定得遠遠不只頁面上的內容,Vue也可以...

鐵人賽 Modern Web DAY 9

技術 【D9 - Vue的雙下巴】Vue模板語法 -- {{Mustache}}

首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...

鐵人賽 Modern Web DAY 8

技術 【D8 - Vue架構】 沒有架構怎麼鬥得過Vue!?

前言 昨天開了一個Vue的專案~ 不知道各位看過一下file 了沒有 這些檔案是啥啊!!?? 先來說說每一個file大概的意思~ node_modules n...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

技術 【D6 - 三國鼎立時代】三大前端時代 -- 為何我選擇了Vue?

Agular: 我爸 Google 啦~React: 我爸 Facebook 啦~Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...

鐵人賽 Modern Web DAY 5

技術 【D5 - 前端基本功】前端三大語言 -- HTML

HTML: 大家好~ 我是HTML,負責網站裡的內容!CSS: 我負責讓HTML這個醜八怪好看一點~JS: 我得讓懶惰HTML動起來!HTML : ...ㄟ不...

鐵人賽 Modern Web DAY 4

技術 Day-4 林克,你的大師之劍呢?

我是個劍士,在100年前敗給魔王之後,從復甦神廟醒來(如有雷同純屬巧合)。 發現深愛的國家、人民、公主,全部都在魔王的統治下深受其害。 所以我決定拿起我的寶劍,...

鐵人賽 Modern Web DAY 3

技術 Day-3 你掉的是這個金React、銀React,還是這個普通React呢?

從標題就應該知道了 我們這個系列要用的 FrameWork 是 React.js。 等等,那到底什麼是 FrameWork,說一下啦。 好的那就必須要來到湖中女...

鐵人賽 Modern Web DAY 2

技術 【D2 - 前端島生存守則】先拿好你的地圖

要能學好前端有非常多條路~ 我自學期間合作開發了很多專案包括到職場去進修,其實大家的開發流程根所需技術都是不一樣的所以我在這邊統整出一個前端地圖~如果想要做出...

鐵人賽 Modern Web DAY 2

技術 Day-2 少年,你身體有一股龐大的查克拉

事情必須從12年前的那場尾獸之亂講起,當年四代火影… 別,先別關,我好好講還不行嗎就算沒有寫過網頁的人,應該也聽過前端網頁三本柱,也就是 HTML、CSS、J...

鐵人賽 Modern Web DAY 1

技術 Day-1-React自我挑戰之旅

嗨大家好我是 Chris 這次是我第一次參加鐵人賽,是我給我自己的挑戰,內容主要是分享我如何從零開始自學React,逐步邁向目標的過程,裡面會參雜著目前我對 R...

鐵人賽 Modern Web DAY 1

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

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

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

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

技術 [鼠年全馬鐵人挑戰] Week25 - 超新手學前端 - JavaScript 練習題- 變數命名

在學習寫程式的過程中,最不會的就是變數命名 因為本身就是個不會英文的麻瓜QQ 這時候就突然很想當美國人這樣學程式會快很多哈哈 廢話不多說 來練習變數命名囉! 變...

技術 [鼠年全馬鐵人挑戰] Week21 - 超新手學前端 - JavaScript:函式、物件、陣列寫法

又是新的一週了~一樣的還是在 JavaScript 大魔王打怪中這週來記錄一下最基本的函式、物件、陣列寫法寫法吧 寫法符號懶人包 函式:funciton()物件...

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

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

技術 [鼠年全馬鐵人挑戰] Week15 - 超新手學前端 - Bootstrap 4 概念筆記

什麼是 Bootstrap 4 Bootstrap 是一種由 HTML、CSS 和 JavaScript 寫成的前端框架,可以更快更方便的開發網站Bootstr...

技術 [鼠年全馬鐵人挑戰] Week13 - 超新手學習筆記:如何開始撰寫 RWD

又過了一週啦~一樣是超忙的一週~~下班回家努力練習切版直播的作業,不過這次的版型比較複雜所以卡關了QQ真的是燒腦燒到一個極點這次的作業除了 PC 版之外,還需練...

技術 [鼠年全馬鐵人挑戰] Week12 - 超新手學習筆記:CSS 選擇器 - child

又過了一週啦~自從參加了切版直播班就更忙碌了這次的切版作業也學了很多以前沒學過的語法這週來記錄一下新學到的 CSS 選擇器吧~ 什麼是CSS選擇器 相信初學者剛...