iT邦幫忙

w3hexschool 鼠年全馬鐵人挑戰相關文章
共有 84 則文章

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

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

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

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

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

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

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

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

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

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

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

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

技術 [我所不知道的技術細節] 怎麼在 Rails 開 Web API ? #前後端分離 #rubyonrails #webapi

攝影師:ThisIsEngineering,連結:Pexels 哈囉,我們又見面了,今天我們來看看:「使用 Ruby on Rails 框架時,怎麼開出前...

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

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

技術 [鼠年全馬鐵人挑戰] Week19 - 超新手學前端 - JavaScript 變數小筆記

切版直播班結束後就決定報名JavaScirpt直播班啦~ JavaScript 真的是大魔王啊~ 但還是要去克服呢>< 所以這篇要來記一下預先學習的...

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

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

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

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

技術 [我所不知道的技術細節] 如何保障你辛苦寫的程式碼? #opensource #license #github

Image by Pete Linforth from Pixabay 1. 為什麼需要 license ? 首先要聊聊「開源(open source)」...

技術 鼠年全馬鐵人挑戰 WEEK 16: CSS Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation。 Animation 起手式 div{ animati...

技術 六角學院2020春季切版直播班-課後心得

這周來寫點不一樣的~ 因為終於上完八週的線上切版直播班啦~~!!! 來寫寫課後心得,可供日後想參加的學員參考哦:) 參加源由 如果看過我前面的文章會知道我原本是...

技術 [鼠年全馬鐵人挑戰] Week16 - 超新手學前端 - 爆好用的視覺滾差:AOS

嗯 這週本來要來寫BS4的寫法 但.......... 這星期的切版直播班學到一個超好用的套件,真的讓我驚訝不已!!! 所以這週就先寫 AOS的筆記吧XDD A...

技術 鼠年全馬鐵人挑戰 WEEK 15: 上上 下下 左左 右右 要怎麼解決呢? CSS nth-child

最近切版常常遇到看似規則,但又不規則,一下偏左,一下偏右, 在我還沒遇到nth-child前, 我的解決方式都是一千零一招,複製貼上各個class, 每次邊貼心...

技術 常用chrome外掛分享

這週來分享一下幾個 olen 自己常用的chrome外掛, 也想順便想知道大家都有在用那些好用的外掛可以一齊討論 HTML5 Outliner 常用程度 : ★...

技術 鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___?CSS filter

CSS filter簡單來說就是濾鏡功能,以下整理幾個常用的功能。 1.blur模糊(px) 越大越模糊,如果想要朦朧美就參考這個吧! filter:blur...

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

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

技術 [我所不知道的技術細節] PHP Hello World #WebServer #PHP #XAMPP

攝影師:Negative Space,連結:Pexels 哈囉,我們又見面了,最近因為工作的關係,需要用到 PHP(其實是因為我最近在各種後端面試 ,有些...

技術 Adobe XD 萌新入門課-III (常用熱鍵介紹)

本週我們來補充一些XD裡面常用的熱鍵 基礎熱鍵 熱鍵 常用程度 說明 V ★★★ 選取(游標), 點選元件之前經常會使用到 T ★★★ 文字工...

技術 [鼠年全馬鐵人挑戰] Week14 - 超新手學前端-前端工程師必學技能

寫了超過十篇文章才發現都沒有介紹到學習前端工程師需要學習的技能XD 這週就來記錄一下當時我收集的資訊吧:) 前端工程師需要學習的語言 想往前端工程師這條路前,首...

技術 鼠年全馬鐵人挑戰 WEEK 13: CSS | 假的!假的!這一切都是假的!偽元素 - 基本用法

什麼是偽元素? 它不是網頁元素,但行為、表現又像元素一樣,可以用CSS操控。 簡易來說它就是個分身術,常用的偽元素有::before、::after兩種。 ::...

技術 Adobe XD 萌新入門課-II

上週我們介紹到重覆網格功能, 補課的同學可以到這邊觀看上一篇 上次我們介紹了非常好用的外掛 icon 4 design 本週我們來介紹另一個好東西 Repeto...

技術 [原來後端要知道] 怎麼實作前後端分離? #Vue.js #Django #WebAPI

攝影師:ThisIsEngineering,連結:Pexels 哈囉,我們又見面了,上一篇 [原來後端要知道] 什麼是前後端分離? #前端後端是什麼 #軟...

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

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

技術 鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度!Emmet原來可以這樣用!

最近參加了六角學院的切版班,想要提升自己的切版速度,分享幾個我常用的方式。 如果有更好或覺得不錯的方法,可以留言分享喔! 需要你們打開我的新世界 基本用法 !=...

技術 Adobe XD 萌新入門課

前言 今天來介紹一款十分簡便又輕巧的設計工具, Adobe XD!!(登~登~ 其實一直以來我出圖不論是wireframe或是mockup, 都是用firewo...

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

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

技術 鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

在還沒認識Flex前我的水平垂直置中招式,永遠都只有這幾招,line-height+margin auto或用postion來設定,但每次遇到的狀況還不一定能用...