Last Dance: I am a F2E

What Is Web Application

簡單的架構：

現實世界的架構：

What Is F2E

F2E is an acronym for "Front End Engineering" — a sobriquet that is coming to replace "Web Developer" to describe those who work on client-side markup (X/HTML, CSS) and scripting.

和設計師一樣細膩，和程式師一樣嚴謹; 游走在設計師和工程師之間，游刃於用戶體驗和技術實現之間，斡旋在用戶利益和商業利益之間。

What Is F2E Requirements

• HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
• REST and RESTfull web service Tags: rest ajax
• 提升 JavaScript 效能的技巧
• 給非 JavaScript 專家的小技巧
• Strick Mode
• 淺談JavaScript與MVC開發介紹

Essentials You Need To Know

• JavaScript
  • jQuery
  • JQM
  • iScroll
  • MobiScroll
  • Grunt
• CSS3
  • Bootstrap
  • Glyphicons
  • RWD
  • SCSS SASS and COMPASS
• HTML5
  • Tag
  • Attribute
  • API
• Git&GitHub
  • Markdown
• Phonegap
• Xcode & Object-C
• Eclipse & Java
• Flurry & Any language you need
• NodeJS
  • build test data(JSON or XML)
  • Minify&Compress javascript,css,html and resources
• MVC
  • AngularJS,Ember,BackBone
• Cloud Service
  • AWS
  • Azure
• REST&Restful

Mobile Development

• [iOS]安裝ios 開發憑證步驟
• [iOS]xcode bug! Code Sign error: Application Identifier 'aaa.bbb.ccc' which doesn't match the current setting 'aaa.bbb.ccc'
• 在 Mac OS X 上安裝 Eclipse 及 Android SDK
• [android]android 上架與發佈常見問題
• [APP]iOS & Android icon and preloading size list
• [Cloud Service]appfog tour:使用appfog免費建立你的NodeJS網站

Hybrid Applicaion Development

• Using Phonegap to build up mobile app
• [jQuery Mobile]幫JQM的預設樣式做微調記得使用!important 以及如何消除ListView右方箭頭
• [jQuery Mobile]動態產生JQM控制項
• Jquery mobile的动态化
• [Phonegap]FlurryPlugin 使用(on iOS)
• [Phonegap]FlurryPlugin 使用part2(on android) 與項目介紹
• SPA - Single Page Application

Tools

• Sublime2
• JSBin & JSFiddle
• JSON Parser & JSON Viewer
• Dropbox
• Appfog
• Mou & MarkdownPad
• Trello
• icon slayer

Learning Resources

Group

• F2E TW
• HTML&CSS TW
• JavaScript TW
• AngularJS TW
• NodeJS TW
• AWS TW
• phonegap - Google Groups

Channel

• slideshare
• iCoding
• DotBlog
• Stack Overflow
• it邦幫忙
• 藍色小鋪
• MSDN

WebSite or Great Post

• W3C
• Mozilla LEARN JAVASCRIPT
• CSS 101
• 前端工程開發實務
• Sublime Text 2 學習筆記
• AngularJS 開發框架介紹
• 寫給大家的 Git 教學
• A successful Git branching model
• 版本控制系統 Git 精要
• Markdown 文件

Blackie Contact Info

• Email:Blackie1019[a]gmail.com
• Blog:Dotblog/blackie1019