2012-02-06 27 views
7

Tôi muốn bắt đầu xây dựng các ứng dụng di động HTML5 hỗn hợp; xây dựng các chức năng cốt lõi thông qua HTML5, sau đó kết hợp lớp này với lớp gốc cho iOs, Android, BB..etcĐiểm bắt đầu để tìm hiểu cách tạo ứng dụng HTML5 lai?

Sau một số nghiên cứu: Tôi thấy mình cần phải làm quen với nhiều công nghệ, cụ thể là: HTML5, JS, CSS3 . Các công nghệ/khung công tác khác Tôi đã khuyên bạn nên làm quen với: JQuery for Mobile, Sencha touch, Node.JS, Backbone.JS, PhoneGap..etc

Cho đến bây giờ tôi chỉ biết những điều cơ bản về HTML5, JS & CSS.

Câu hỏi của tôi là: Có một nơi "đơn" (Sách/Hướng dẫn/Màn hình) ví dụ) ..

Tôi muốn tìm hiểu các công nghệ được đề cập trong số này, nhưng tôi khá quan tâm đến việc tìm hiểu chúng trong bối cảnh xây dựng một ứng dụng di động lai chứ không phải trên cơ sở riêng biệt. Tôi thích học bằng cách thực hiện công việc thực tế (Ứng dụng trong sách hướng dẫn/cuốn sách/màn hình ở đây) thay vì tự học từng công nghệ.

Rất nhiều đánh giá cao câu trả lời của bạn.

Omar

+0

Bạn có ý gì bằng cách "quấn lớp này với lớp gốc"? –

+0

Viết mã gốc (ví dụ: Mục tiêu C trong trường hợp iO) cho một số phần như menu điều hướng, hãy kiểm tra PhoneGap, nó thực hiện một công việc tương tự: http://phonegap.com/about –

+0

Vì vậy, những gì bạn muốn làm là nhúng một trang web trình duyệt trong ứng dụng gốc của bạn! –

Trả lời

6

OK, hãy để tôi mở rộng câu trả lời ban đầu của tôi:

HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản.
Nó được sử dụng để chỉ định cách hiển thị nội dung STATIC qua giao thức HTTP, web thông thường.

HTML5 là phiên bản 5 của đặc tả ngôn ngữ HTML và là một RECOMMENDATION theo tiêu chuẩn, nhưng không thực sự là tiêu chuẩn của chính nó.

CSS được sử dụng để áp dụng định dạng STATIC nâng cao cho văn bản/hình ảnh STATIC, chẳng hạn như màu nền xen kẽ cho các hàng chẵn/lẻ trong bảng, dòng văn bản, hướng văn bản, kích thước, in đậm, phông chữ, v.v ..

Để tạo nội dung tĩnh NĂNG ĐỘNG, bạn cần JavaScript. JavaScript là một ngôn ngữ kịch bản, chạy trong webbrowser của một vistor (client) đến trang web. Về mặt lý thuyết, nó có nghĩa là hành xử giống nhau trên mỗi trình duyệt, nhưng trên thực tế, Microsoft đã sử dụng cạnh tranh không lành mạnh và cố ý làm tê liệt triển khai JavaScript trong trình duyệt của nó (Internet Explorer), bằng cách phân tách khỏi tiêu chuẩn ECMA và bằng cách thực hiện các tính năng độc quyền. cạnh tranh (Netscape) và làm cho nó không thể phát triển các ứng dụng web hấp dẫn, ví dụ như phần mềm văn phòng trực tuyến.

JavaScript, ngôn ngữ lập trình phía máy khách, được bổ sung bởi PHP/ASP.NET/JSP, là ngôn ngữ lập trình & các khung chạy trên máy chủ và ở đó để tạo động các trang tĩnh, ví dụ bằng cách điền dữ liệu từ cơ sở dữ liệu, và xử lý và lưu đầu vào của người dùng, chẳng hạn như đơn đặt hàng, thanh toán, email, phản hồi, v.v ... và xử lý đầu vào từ biểu mẫu HTML (mặt nạ nhập).

JQuery là một khung JavaScript. Điều này chủ yếu có nghĩa là, nó là thư viện các hàm JavaScript được thiết kế để cung cấp các chức năng thường xuyên cần thiết trên mỗi trình duyệt, bỏ qua các thực hành chống cạnh tranh của các nhà cung cấp phần mềm như Microsoft và Apple. Nó cũng cung cấp chức năng cơ bản cho xử lý sự kiện, đồ họa và AJAX (JavaScript và XML không đồng bộ) và các chức năng để tuần tự hóa/deserializing JSON (ký hiệu đối tượng JavaScript).

JQuery for Mobile là phiên bản của JQuery được tối ưu hóa cho thiết bị di động, chẳng hạn như Android hoặc iAnything. Sencha touch, Node.JS, Backbone.JS, v.v.

Sự khác biệt giữa HTML 5/và HTML4/XHTML chủ yếu là HTML5 cung cấp cái gọi là "thống nhất" để nhúng video âm thanh. Điều này không nhất thiết đúng vì mỗi trình duyệt đều hỗ trợ các định dạng âm thanh và video khác nhau và không có MỘT định dạng video & được hỗ trợ phổ biến trên tất cả các trình duyệt.

HTML 5 cũng cung cấp WebSockets rất hữu ích, về cơ bản cho phép bạn tạo ứng dụng máy khách trên máy chủ. Vì điều này sẽ cho phép các ứng dụng web hấp dẫn và các ứng dụng văn phòng tương đương với Microsoft Office, Microsoft đã không triển khai WebSockets trong trình duyệt chuẩn. Nó có sẵn như là plugin riêng biệt, mà về cơ bản không ai bận tâm để tải xuống, có nghĩa là người ta không thể sử dụng ổ cắm web bất cứ lúc nào sớm nếu ứng dụng web nên làm việc với internet explorer. Ngoài ra, HTML5 chỉ được thực hiện bởi IE9 +, chứ không phải bởi IE8. Tuy nhiên, IE9 chỉ có sẵn cho các hệ điều hành mới hơn so với Windows XP (vista, 7, 8). Có nghĩa là người ta không thể cài đặt IE9 trên Windows XP (35% các cài đặt Windows hiện tại, Windows chiếm 85% thị trường máy tính để bàn).

Để nhúng ứng dụng web trên điện thoại di động, bạn cần nhúng ứng dụng của mình vào Trình duyệt web được nhúng. Đối với Android, giao diện cho trình duyệt được nhúng được gọi là WebView và bạn cần phải học ngôn ngữ lập trình Java để sử dụng nó. Đối với Apple, tôi không biết liệu họ có một thứ gì như vậy không, nhưng tôi cho rằng họ có, mặc dù nó có thể sẽ phức tạp hơn, vì đó là Mục tiêu C, chứ không phải Java. Vì tôi không có iPhone hay máy tính Apple, tôi không thể nói cho bạn biết gì về nó, ngoại trừ việc nó không phải vì nó không hỗ trợ Flash, và nó đắt hơn gấp 10 lần so với giá trị của nó ..

Screencasts, có thể bạn sẽ tìm thấy trên youtube, nếu có.
Một lần nữa, tìm kiếm trên google sẽ cung cấp cho bạn các câu trả lời cần thiết nếu bạn có câu hỏi cụ thể.


Câu hỏi của tôi là: Có một "duy nhất" diễn ra (Sách/Tutorial/Màn hình phôi) nơi tôi có thể tìm thấy một Tutorial hương mà những giao dịch với một số các công nghệ này và hướng dẫn cho tôi để xây dựng lai ứng dụng HTML5 (có lẽ trên iOs ví dụ) ..

Vâng, http://www.google.com/ncr
Bạn biết đấy, nó có một hộp tìm kiếm tuyệt vời cho chỉ là về bất kỳ vấn đề ...

trang tốt khác:
http://www.w3schools.com/html5/default.asp
http://www.w3schools.com/js/
http://docs.jquery.com/Tutorials

+1

Hmmm .. có vẻ như bạn không thể chụp được msg..Đây là những tài nguyên cho phép bạn học từng công nghệ trên cơ sở riêng biệt (tôi đã trải qua tất cả chúng gần), những gì tôi cần là "ngữ cảnh" .. A một nơi kết hợp tất cả/một số công nghệ này thông qua một hướng dẫn từng bước hướng dẫn để xây dựng một ứng dụng HTML5 lai. –

+0

W3schools là một nguồn tài nguyên khủng khiếp. Sử dụng MDN thay vào đó: https://developer.mozilla.org/en-US/docs/HTML/HTML5 – Simian

+0

Ngoài ra, nhận xét của bạn về phiên bản WebView của iOS (UIWebView) phức tạp hơn vì "Mục tiêu-C" là giả mạo. – Simian

3

Dưới đây là một bản cập nhật về vấn đề này, như xây dựng các ứng dụng lai đã đi một chặng đường dài trong ba năm. Tôi sẽ bắt đầu bằng cách xem xét Phonegap hoặc phiên bản Adobe sở hữu có tên là Cordova. Đây là một lộ trình rất phổ biến trong việc phát triển và phân phối nhanh các ứng dụng di động nền tảng lai.Nên phổ biến trong thực tế nhiều khuôn khổ khác được xây dựng xung quanh khuôn khổ Cordova để cho nó một cảm giác tự nhiên hơn, chẳng hạn như

  • Ionic - đây là cho đến nay, nó là nguồn phổ biến nhất mở (miễn phí) và yêu thích của tôi như tôi tìm thấy nhanh nhất và dễ nhất để làm việc. Ngoài ra, họ có tài liệu tuyệt vời và các bản dựng trước tuyệt vời. Đó là giao diện dòng lệnh khuôn khổ mà làm việc kết hợp các Cordova, Bower (một gói/quản lý plugin), GruntAngular JS khung thành một CLI mạnh mẽ và nhanh chóng. Nếu bạn không biết các khung này, chúng chắc chắn đáng xem xét nếu bạn đang tìm kiếm trong việc xây dựng các ứng dụng web hoặc ứng dụng lai.
  • Giao diện người dùng góc di động - là một khung HTML 5 sử dụng bootstrap 3 và AngularJS để tạo các ứng dụng di động tương tác.
  • Titanium - là một "hoàn thành" giải pháp cho việc tạo ra các ứng dụng di động hybrid với tất cả các bạn cần ở một nơi với có thể tải chương trình Titanium phòng thu
  • Telerik - một chương trình dựa trên trang web tương tự như Ionic và titan cho sự phát triển nhanh chóng

Đó là những nơi tuyệt vời để bắt đầu. Nếu bạn chưa có đăng ký Lynda.com Tôi rất muốn đăng ký. Các thuê bao là khoảng $ 25 một tháng tùy thuộc vào vị trí của bạn. Họ có hàng trăm khóa học video trực tuyến có thể chạy một vài giờ và rất tuyệt vời, tôi cung cấp cho bạn một phạm vi tốt và cách thực hiện nhiều dự án và hiểu nhiều khung công tác. teamtreehouse.com là một công cụ hướng dẫn tuyệt vời khác, chúng có nhiều lựa chọn video nhỏ hơn, sâu hơn và thực hành hơn và sẽ hoạt động với nhiều khung công tác khác trong dự án.

0

Bạn muốn tìm hiểu cách phát triển ứng dụng lai hoạt động với nhiều nền tảng như android, iOS, Windows, v.v. Điều này có nghĩa là bạn cần tìm hiểu PhoneGap và Cordova (được ưa thích). Đây là gần như giống nhau, một trong những thực sự là một phần của người khác.

Google cả phonegap và cordova, cài đặt gói (yêu cầu kiến ​​thức dòng lệnh bash nhỏ). Nó là tương đối nhanh chóng và dễ dàng để có được ví dụ ứng dụng HelloWorld trong cả Phonegap và Cordova. Sau đó? tốt, bạn sẽ phải học HTML, CSS, javascript ở mức tối thiểu cho phía web của một ứng dụng lai. Phía gốc (Android, iOS, v.v.) sẽ yêu cầu học Android Studio/java cho android hoặc Xcode/swift cho iOS. Mọi thứ bạn muốn tìm hiểu là trên youtube.com miễn phí hoặc Udemy, Udacity, Lynda. Một số trang web mà bạn sẽ phải trả tiền, nhưng nó có hại.

Các vấn đề liên quan