Category

Uncategorized

Uncategorized

[筆記] 從零接觸 Google Map API 2：在 Vue.js 中使用 Geocoding 將地址轉換成地標

為了準備 Bootcamp 畢業前的 Final Project — 製作類似訂餐平台 — 開始接觸和學習 Google Map API，上一篇筆記是從零開始學習，並在 Vue.js 中嘗試使用，透過 Maps JavaScript API 服務實作地圖、地標、訊息視窗功能 — 最終將不同行政區的數間假餐廳展示在地圖上，提升使用者體驗 — 本篇將筆記使用 Maps JavaScript API 的另一項功能「Geocoding Service」 (more…)
學程式助教
December 11, 2019
Uncategorized

[筆記] 從零接觸 Google Map API 1：在 Vue.js 中實作地圖、地標、訊息視窗

最近在準備 Bootcamp 畢業前的 Final Project，由於專案和訂餐平台有關，想說若使用者能透過地圖快速瀏覽營運中的餐廳，或能在訂單上看到地圖顯示領餐地點，可以增加使用者的體驗。由於之前還沒有碰過 Google Map API，更不用說在 Vue.js 當中使用，想說趁專案開始前，能嘗試自學一下，也看一下實作的可行性與成果。以下將筆記「從零接觸 Google Map API，在 Vue.js 中實作地圖、地標、地標訊息視窗」 (more…)
學程式助教
December 10, 2019
Uncategorized

JavaScript入門系列：基礎語法介紹！

這篇文章適合誰 這邊文章適合對於JavaScript有興趣也有一點基礎的開發者，以下除了介紹何謂JavaScript外，本篇將運用簡單的範例程式，讓大家可以初步認識JavaScript。 什麼是JavaScript? 如果您想讓網頁動起來，除了使用各種程式語言外，JavaScript 是最適合使用的語言之一。早期的網頁都是用 HTML 語法，製作出一個個靜態網頁，向用戶顯示一些固定不變的資料。若想要讓網頁有更多的變化並且更加精緻，您就必須加上某些程式語言，如 Script 語言。 (more…)
學程式助教
November 28, 2019
Uncategorized

JavaScript入門系列：BOM和DOM基本觀念

前言在剛開始學程式時，你是不是常常聽到一個說法：HTML、CSS 與 JavaScript 是網頁前端三大要素。HTML 主要是負責資料與結構，CSS 則負責樣式的呈現，而JavaScript 負責行為與互動。但其實JavaScript 並沒有提供網頁的操作方法，前端開發者在網頁的操作方法都是「瀏覽器」提供的。 這些操作方法基本上會分別由這兩種物件所擁有：「BOM」與「DOM」。所以在瀏覽器上的 JavaScript 包含了：JavaScript 核心 (以 ECMAScript 標準為基礎)BOM (Browser Object Model，瀏覽器物件模型)DOM (Document Object Model，文件物件模型)前端開發者就是透過 JavaScript 去呼叫 BOM 與…
學程式助教
November 27, 2019