iT邦幫忙

前端相關文章
共有 615 則文章
鐵人賽 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 : ...ㄟ不...

技術 建立前端開發準則,讓團隊能夠有效率的開發好維護的程式碼(by 均一前端工程師宜陞)

【前言】均一的程式碼基礎 junyiacademy 從 2013 年 fork Khan Academy 原始碼,一直發展到現在,程式碼的複雜度不可同日而語...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

技術 前端人需要了解的 CI/CD

CICD 什麼是 CI/CD ? 協助開發者自動化軟體開發的工作流程,自動完成檔案上傳、測試機.....的工具,成功或失敗都會通知。白話的說就是:「原本手工要...

技術 前端入門-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選擇器 相信初學者剛...

技術 【前端技術分享】利用 Material-UI 統一 UI framework(by 均一前端工程師宜陞)

Why we do this: 統一「自由奔放」的 UI 框架 1 個網站套用 5 個 UI 框架 開發前端 APP 的前置作業,不外乎是根據設計師送來的設計...

技術 JQuery 學習紀錄(2)

JQ基本選擇器 jq如何設置樣式 css(name,value)name:樣式名 value:樣式值 id選擇器 ('#id') $('#three').css...

技術 [鼠年全馬鐵人挑戰] Week11 - 超新手學習筆記:CSS-container容器標籤

Hi~大家這周過的好嗎? 上週開始參加六角學院切版直播班,希望讓自已的切版能力越來越好但現在的程度還算是很新~所以希望能把在這八週學到的寫成筆記更加深印象~這週...

技術 JQuery 學習紀錄(1)

各位好,小弟為前端初學者,最近剛學完JQuery的一些基礎,想要將自己所理解的知識,轉化為文章分享出來,以日後忘記時,還能在文章中查找,釐清自己當時的想法,而有...

技術 [鼠年全馬鐵人挑戰] Week01 - 非本科系零經驗超新手前端之路

在接觸程式前在我的基本認知裡覺得程式碼真的是一個非常複雜的東西呀這要本科系又是頭腦很好的神人才有辦法寫的吧XD所以壓根沒想到之後的我會開始學習程式 至於 為何會...

技術 2020 最新前后端编程学习视频

2020 最新前后端编程学习视频 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程(63 个视频...

技術 旅館預約服務練習紀錄-首頁練習

前言 這次找了 The F2E 前端修練時光屋 的稿件,找到了這份稿件(如果您有興趣,可以再找自己喜歡的設計稿來練功)。 其實原本滿逃避面對這件事情,因為對於...

技術 奇妙的一行JS程式碼之完整解析

這段程式是我在網路上無意間看到的,如果你把這段程式碼貼到開發人員工具的 console 會看到像下圖一樣出現一堆框線XDD[].forEach.call($$(...

技術 RWD 漢堡選單練習 toggleClass

這次的漢堡選單練習,是要讓選單在手機頁面時加上 JS,讓選單有互動的效果, 所以需要了解一點 jQuery 的運作方式,可以去找一下相關資料,或許可以也可以來這...

鐵人賽 Modern Web DAY 30
重新認識 CSS 系列 第 30

技術 重新認識 CSS - 總結 & 系列目錄

前言 「重新認識 CSS」這個系列名稱的由來就如其名,我想要重新認識它。雖然以前就有學過 CSS,但這次想從 CSS Spec 中學到最原始的定義和內容,更加...

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

技術 JavaScript 初心者筆記: 實作旅館訂房網站心得 - 第 2 屆 The F2E 第六關

今天就是完賽日了,其實我大可寫一個「後記」就結束這一回合(畢竟有前言了有後記也不奇怪嘛),但是我還是決定要善始善終,所以我今天要分享的是今年參加 The F2E...