初階網頁設計學習資源

Getting Start To Learn Web Programming 

基本觀念

• Coding Style 程式碼風格

HTML

• 30 Days to Learn HTML and CSS
• 教學影片

美工

• Twitter Bootstrap
• Font Awesome, the iconic font designed for use with Twitter Bootstrap
• kuler

前端開發

• 前端工程開發實務
• Best Frontend Tools 2014 - Fredsarmento.me

函式庫

• OverAPI
• Composer
• Packagist

外掛Plugin

• jQuery外掛蒐集

除錯Debugger

• Explore and Master Chrome DevTools
• Google Chrome Debugger教學影片

編輯器

• Perfect Workflow in Sublime Text 2
• Sublime使用教學影片
• spf13-vim : Steve Francia's Vim Distribution

電子書

• IT eBooks Free Download IT eBooks http://it-ebooks.info/
• 免費電子書下載，只是是英文的
• Atlas Beta - The new learning environment from O’Reilly

API 文件

• Mozilla Developer Network
• Zeal - offline API documentation browser

線上即時編輯器

JavaScript

• JS Bin - Collaborative JavaScript Debugging
• jsFiddle
• Tinkerbin

資料庫

• SQL Fiddle

後端程式

• codepad - PHP

顏色

• ColorHexa

Mockup

• Moqups

免費資源

Icon

• ❍ IcoMoon
• Fontello - icon fonts generator

教學網站

免費

• TreeHouse
• codecademy
• 前端工程開發實務
• thenewboston Tutorials

付費

• Tutsplus
• codeschool
• Online video tutorials & training | lynda.com

JavaScript

• JavaScript The Right Way
• JavaScript Patterns Collection
• Learn to Program in JavaScript
• Welcome - Learn JavaScript - Free Interactive JavaScript Tutorial
• JavaScript Foundations

PHP

• PHP The Right Way