background preloader

Online education

Facebook Twitter

2019行銷APP.

Coding

Myoops. Growth School. Growth School 蛻變自己,快速起飛. 數位講義編輯. PowToon. SlideShare. 分享,學習 - Hahow 好學校. 創業必備:前端網頁設計入門 - Hahow 好學校. Got Your PW. EZoApp 教學手冊. <ul id="gk-1014McQB" data-role="listview" data-autodividers="true" data-inset="true" is="json-listview"><li divider="{{divider}}" is="listview-li"><a href="#">{{item}}</a></li></ul> 裡頭的 id 是自動生成的,data-role 是定義這是一個 listview 元件,data-autodividers、data-inset是 jquery mobile 的功能,在元件的屬性面板當中可以看到 true 與 false 的選項設定,主要是定義 listview 是否要有 divider 或是否要滿版顯示;而下頭 li 裡頭的『』和 『』,就是會塞入你提供的 json 資料,也因此如果資料名稱不同,就要在這邊去做修改,當然你也可以自己新增 "{{}}" 來塞入額外的資料。

EZoApp 教學手冊

比較特別的是有一個『is』,這個 is 就表示這個元件是『gk 元件』,也就可以使用『gk 元件』的 API。 ( 其實不難發現,現在主流的 web compoents 也都是用 is ) $(document).on("pageinit", "#home", function () { var $ele = $("#gk-1014McQB"), url = $ele.attr("service"); if (url) { $.getJSON(url).complete(function (data) { $("#gk-1014McQB").gk("model", $.parseJSON(data.responseText)); }); } }); 天呀! 然後這段其實就是確認有這 json,就把這串網址執行 getJSON,成功的話就執行 gk 元件的 API。 執行 preview 就可以發現 json 資料已經長在 listview 裡頭,而我們其實只寫了 『$ele.gk().model(data);』 這一行。 Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學. Sublime Text 相信是許多前端開發人員人心目中的最愛,然而對一個 Sublime Text 3 的新手來說,有什麼是在第一次使用時一定要了解的事情呢?

Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學

我整理了幾個重要步驟,幫助大家快速上手,並在文末加上幾個不錯的參考連結,供大家進一步學習這套工具的使用。 基本安裝我想不用特別說明了,直接到官網下載相對應的版本,裝起來就對了。 裝好之後,通常第一步就是先安裝超級好用的 Package Control 套件,未來安裝更多 Sublime Text 的好用套件就都靠它了,其安裝步驟如下: 開啟 Sublime Text 3 主程式後,如下圖顯示主控台視窗,或直接按下 Ctrl + ` 組合鍵開啟: 直接複製貼上這個網頁提供的指令到主控台命令列中,並直接按下 Enter 執行,即可動安裝完畢。 請注意:這段安裝程式碼,僅適用於 Sublime Text 3 版本! ※ 解決 Sublime Text 3 預設不支援 Big5 與其他 CJK 編碼的問題 Sublime Text 套件名稱:ConvertToUTF8 如果你透過 Sublime Text 3 開啟一個 Big5 編碼的文件或網頁,立刻會看到亂碼的情況,如下圖示: 你只要試圖安裝 ConvertToUTF8 套件,就可以輕鬆解決這個問題,如下圖示裝好之後 Sublime Text 會自動辨識檔案的文字編碼,並顯示正確的結果。

安裝與設定 ConvertToUTF8 套件: 叫用 Install Package 命令,並輸入 Convert 搜尋到 ConvertToUTF8 套件,按下 Enter 安裝 預設 ConvertToUTF8 套件會自動偵測文件的編碼字集(Charset),如果字集判斷錯誤,你可以透過 [File] –> [Reload with Encoding] 來手動切換編碼,不過大部分情況應該都會正確判斷。 ※ 前端工程師必備的 Emmet for Sublime 擴充套件 ( 參見 官網 ) Sublime Text 套件名稱:Emmet 這擴充套件太強了,傳說中的 Zen Coding 就是這一套,請自行參考以下相關連結學習: ※ 前端工程師必備的 Emmet LiveStyle 擴充套件 ( 參見 官網 ) Sublime Text 套件名稱:LiveStyle 相關連結. Python. W3Schools Online Web Tutorials. Markdown 語法說明. NOTE: This is Traditional Chinese Edition Document of Markdown Syntax.

Markdown 語法說明

If you are seeking for English Edition Document. Please refer to Markdown: Syntax. 注意:這份文件是用Markdown寫的,你可以看看它的原始檔 。 概述 哲學 Markdown的目標是實現「易讀易寫」。 不過最需要強調的便是它的可讀性。 Ruby on Rails 實戰聖經.   Google for Education   This page explains how to set up Python on a machine so you can run and edit Python programs, and links to the exercise code to download.

  Google for Education  

You can do this before starting the class, or you can leave it until you've gotten far enough in the class that you want to write some code. The Google Python Class uses a simple, standard Python installation, although more complex strategies are possible. Python is free and open source, available for all operating systems from python.org.

In particular we want a Python install where you can do two things: Run an existing python program, such as hello.py Run the Python interpreter interactively, so you can type code right at it Both of the above are done quite a lot in the lecture videos, and it's definitely something you need to be able to do to solve the exercises. Download Google Python Exercises As a first step, download the google-python-exercises.zip file and unzip it someplace where you can work on it. Python on Linux, Mac OS X, etc. Code School. Ruby Programming Language 中文官方網頁. Anybody can learn. JavaScript 程式設計新手村 - Hahow 好學校. Hahow php. Plunker. jQuery Tutorial - Try jQuery.

Emmet Documentation. Layout Presentation. 這個簡報使用 HTML5 製作並展示 你可以使用方向鍵 ← → 來播放 縮放快捷鍵 Ctrl 或 Command + +/- 請使用 Google Chrome 來獲得最佳瀏覽效果 * 你可以稱為版型輸出,將視覺設計變成網頁其實也是一門工作與學問。

Layout Presentation

* 例如說尿盾之類的... 1991 HTML1994 HTML 21996 CSS 1 + JavaScript1997 HTML 41998 CSS 22000 XHTML 12001 CSS 32009 HTML 52010 HTML 5 + CSS 3 + JavaScript + ... 1991 Table + Table + Table + ... 1994 Table + Table + Table + ... 1996 Table + Table + Table + ... 1997 Table + Table + Table + ... 1998 Table + Table + Table + ... 2000 Table + Table + Table + ... 2001 Table + Table + Table + ... 2009 Table + Table + Table + ... 2010 Table + Table + Table + ... 網頁設計不過就是! 絕不是你想像的 ! 讓你的標籤各適其所,有效利用標籤本身特性 <table cellpadding="0" cellspacing="0" border="0"><tr><td></td></tr></table> <dl><dt>群組 A</dt><dd></dd></dl> 避免巢狀標籤混淆視聽,避免不必要的標籤開銷 你的習慣是否比 Styling 這件事還要糟糕? 對於畫面來說,最重要的其實是 box 元件 span.blockboxes { } span.inlineboxes { } 善用既有工具,不會可以凹別人幫你! 我是 ART: 閃光洽幫我做這個效果! 如果執著於畫面效果,自學也是不錯的開始! 從這裡開始 , 他是一種畫面輸出的基準,你也可以自行定義。 市面上的基準系統: Blueprint960.gsYUI Grid CSS繁簇不及... 既然叫做 CSS Grid System,所以對於 CSS 操作的熟悉度,決定這件事情到底是困難還是災難。

VS 2015 Community 社群版,如何變成中文?(Language Pack) SQL 教學 » SUM() 函數 (Function) - SQL Tutorial. Build an Adaptive Prototype in Less Than Five Minutes with Axure RP.

Bootstrap