iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1101 瀏覽

鐵人賽 Modern Web DAY 14

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 14 篇

技術 #14 JS: create a calculator by prompt()

Final Calculator Design <!DOCTYPE html> <html> <head> <tit...

Vida Lin ‧ 2021-09-14

0 Like 0 留言 1057 瀏覽

鐵人賽 Modern Web DAY 13

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 13 篇

技術 #13 JS: Intro to Data, Variables, Operators

Data: Number, String, Boolean Number: e.g. 7, 17 String: consist of quotation m...

Vida Lin ‧ 2021-09-13

5 Like 4 留言 5594 瀏覽

鐵人賽 Modern Web DAY 1

Angular 深入淺出三十天：表單與測試系列第 1 篇

技術 Angular 深入淺出三十天：表單與測試 Day01 - 前言

何謂表單？維基百科是這樣說的：表單是一種帶有空格可用於書寫以及能選擇和勾選相似內容的文件。表單可用於填寫聲明、請求、命令、支票、稅單。網頁...

Leo ‧ 2021-09-16 ‧團隊請支援 Coding

0 Like 0 留言 1296 瀏覽

鐵人賽 Modern Web DAY 12

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 12 篇

技術 #12 JavaScript Introduction

What is JavaScript? HTML is like the structure/bone of our body; JavaScript is...

Vida Lin ‧ 2021-09-12

0 Like 0 留言 1201 瀏覽

鐵人賽 Modern Web DAY 11

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 11 篇

技術 #11 CSS3 Flexbox: RWD

How do RWD control columns displaying on devices of different pixels ? First of...

Vida Lin ‧ 2021-09-11

0 Like 0 留言 1515 瀏覽

鐵人賽 Modern Web DAY 10

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 10 篇

技術 #10 CSS3 Flexbox: nav style setting

What is nav? nav = navagator “The <nav> HTML element represents a sectio...

Vida Lin ‧ 2021-09-10

0 Like 0 留言 1582 瀏覽

鐵人賽 Modern Web DAY 9

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 9 篇

技術 #9 CSS3 Flexbox: main style setting

What is Flexbox? Flexbox = Flexible Box "CSS3 Flexbox was designed as a o...

Vida Lin ‧ 2021-09-09

0 Like 0 留言 1753 瀏覽

鐵人賽 Modern Web DAY 8

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 8 篇

技術 #8 Web Layout: RWD

What is RWD? “Responsive web design (RWD) is a design and technical approach tha...

Vida Lin ‧ 2021-09-08

0 Like 0 留言 1436 瀏覽

鐵人賽 Modern Web DAY 7

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 7 篇

技術 #7 Web Layout: CSS Fundamentals

Final Design CSS Web Layout Tips 1. Horizontally center the text: try text-ali...

Vida Lin ‧ 2021-09-07

0 Like 0 留言 1311 瀏覽

鐵人賽 Modern Web DAY 6

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 6 篇

技術 #6 CSS Table x Stock Price

An ordinary CSS table looks like Ways of making CSS table beautiful 1. Change...

Vida Lin ‧ 2021-09-06

0 Like 0 留言 1513 瀏覽

鐵人賽 Modern Web DAY 5

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 5 篇

技術 #5 Types of CSS Selector

After the previous 2 articles of CSS basic introducttion, let's talk about 5 Typ...

Vida Lin ‧ 2021-09-05

0 Like 0 留言 1390 瀏覽

鐵人賽 Modern Web DAY 4

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 4 篇

技術 #4 CSS Box Model, Selector, Absolute/Relative Position

CSS Box Model Frame & tag design: <div style="padding:10px;width:30...

Vida Lin ‧ 2021-09-04

0 Like 0 留言 1051 瀏覽

鐵人賽 Modern Web DAY 3

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 3 篇

技術 #3 CSS Introduction x Foodie

What is CSS? English: CSS = Cascading Stylesheets“CSS is designed to enable the...

Vida Lin ‧ 2021-09-03

0 Like 0 留言 13573 瀏覽

徵才均一【資深前端工程師】招募中！

均一平台教育基金會致力於使用科技，讓教育產生規模化的轉型。我們致力於弭平學習資源的落差、改變一體適用的工廠式教學風景，讓每一位孩子都能用自己的方式學習，成為終身...

junyiacademy_小均 ‧ 2021-06-12

1 Like 0 留言 3007 瀏覽

技術 TapPay Web SDK 串接 - @types/tpdirect 介紹

前言非常非常久以前寫過一篇 TapPay 串接的文章但可惜的是 TapPay 沒有前端 npm 套件可以下載使用所以在串接前端的其實都不會有智能提示跳出來...

yujack ‧ 2020-12-12

0 Like 0 留言 17959 瀏覽

徵才【台北市中山】誠徵Javascript工程師- FE/FS (年薪百萬）

歡迎私信或email至debbie.chen@glints.com （代徵）【條件要求】熟悉原生JS 相關經驗熟悉 HTML, CSS, ES6+...

debbieatglints ‧ 2020-10-13

1 Like 0 留言 13342 瀏覽

鐵人賽 Modern Web DAY 29

前端工程師一起來種一棵後端技能樹吧！系列第 29 篇

技術 [Day 29] Frontend ? Backend ? 如何做選擇？

可能很多人一開始看到系列文主題就會產生疑惑了：「前後端都碰會不會都不專精啊？」其實這個問題的答案我自己覺得是：會的。但我仍然照自己的想法自己的步調在往前行，因為...

莫力全 Kyle Mo ‧ 2020-10-12 ‧團隊不要搶我隊友

0 Like 0 留言 2472 瀏覽

鐵人賽 Modern Web DAY 28

前端工程師一起來種一棵後端技能樹吧！系列第 28 篇

技術 [Day 28] 菜鳥工程師的初次開發「偽」 Open Source Project

ConsumerX 這篇文章的標題似乎跟前幾天的「菜鳥工程師的初次 Open Source Contribution」這篇文章有點像欸！不同的是上次是去貢獻...

莫力全 Kyle Mo ‧ 2020-10-11 ‧團隊不要搶我隊友

0 Like 0 留言 3748 瀏覽

鐵人賽 Modern Web DAY 25

前端工程師一起來種一棵後端技能樹吧！系列第 25 篇

技術 [Day 25] 菜鳥工程師的初次 Open Source Contribution - (1)

鐵人賽剩下 5 天，接下來我想聚焦在一些經驗分享，畢竟除了學習技術以外，適時的採取一些實際行動更能夠快速吸收所學知識與進步。身為軟體工程師， Github 自...

莫力全 Kyle Mo ‧ 2020-10-08 ‧團隊不要搶我隊友

1 Like 0 留言 11227 瀏覽

鐵人賽 Modern Web DAY 24

前端工程師一起來種一棵後端技能樹吧！系列第 24 篇

技術 [Day 24] 初探 Deno — 與 Node.js 的淺比較

為什麼要寫這個主題呢？原因是我想如果前端開發者要接觸後端領域，「通常」會選擇 Node.js ，畢竟不用學另外的語言，npm 開發生態系也是相通的，不過最近出了...

莫力全 Kyle Mo ‧ 2020-10-07 ‧團隊不要搶我隊友

0 Like 0 留言 15793 瀏覽

鐵人賽 Modern Web DAY 23

前端工程師一起來種一棵後端技能樹吧！系列第 23 篇

技術 [Day 23] 淺淺認識 Database Sharding

（這其實是一個很複雜且相對較進階的主題，本篇文章僅供認識這個概念，相關實作範例都是終極簡化版）什麼是 DB Sharding，為什麼需要它 ? 在海量資料的儲...

莫力全 Kyle Mo ‧ 2020-10-06 ‧團隊不要搶我隊友

0 Like 1 留言 53633 瀏覽

鐵人賽 Modern Web DAY 8

前端工程師一起來種一棵後端技能樹吧！系列第 8 篇

技術 [Day 08] Web Server & Nginx — (2)

上一篇文章中，我們了解到 web server 究竟是什麼黑魔法，可以做到什麼事，還有與程式語言跑的 application server 有什麼差異，此篇文章...

莫力全 Kyle Mo ‧ 2020-09-21 ‧團隊不要搶我隊友

2 Like 2 留言 31682 瀏覽

鐵人賽 Modern Web DAY 3

前端開發 30 個問題系列第 3 篇

技術 What is metadata?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...

TD ‧ 2020-09-16 ‧團隊Outcome First

3 Like 0 留言 10007 瀏覽

鐵人賽 Modern Web DAY 2

前端開發 30 個問題系列第 2 篇

技術關於 <link> 的兩三事

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...

TD ‧ 2020-09-15 ‧團隊Outcome First

4 Like 0 留言 10620 瀏覽

鐵人賽 Modern Web DAY 1

前端開發 30 個問題系列第 1 篇

技術 What is DOCTYPE?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-14 ‧團隊Outcome First

1 Like 0 留言 1943 瀏覽

技術【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

Deno Taiwan臉書社團：https://bit.ly/2XXyoQ0 圖解Deno教學 — 介紹x安裝x使用三合一：圖解Deno教...

用圖片高效學程式 ‧ 2020-06-08

2 Like 1 留言 2519 瀏覽

鐵人賽 Modern Web DAY 30

React + D3 的正確姿勢系列第 30 篇

技術 Day30-結語

前言不知不覺就到最後一天了，沒想到這次竟然也可以完賽，果然每天屁話個幾句就可以順利產出文章了(X 為了呼應上面所說，所以今天就來當個文章小偷來分類一下這次系列...

陳奕帆 Andy Chen ‧ 2019-10-16

7 Like 2 留言 3980 瀏覽

鐵人賽 Modern Web DAY 30

JavaScript 原力覺醒 - 成為絕地武士之路系列第 30 篇

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的？

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Spark ‧ 2019-10-15 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 2071 瀏覽

鐵人賽 Modern Web DAY 29

React + D3 的正確姿勢系列第 29 篇

技術 Day29-React + D3（二）

前言昨天的文章利用 componentDidMount 結合 D3 ，但相信讀者一定會覺得這樣的寫法又臭又長，而且這個 class 裡面也才寫了一個 comp...

陳奕帆 Andy Chen ‧ 2019-10-15

5 Like 0 留言 5825 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 48 篇

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前，仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何？...

Maxwell Alexius ‧ 2020-01-09