Build amazing native and progressive web apps with Angular and open web technologies. One app running on everything :tada:


https://github.com/driftyco/ionic



Ionic Native

 start : http://ionicframework.com/getting-started/

 Doc : http://ionicframework.com/docs/


Angular.js

 start : https://angular.io/docs/ts/latest/quickstart.html

 CLI  : https://cli.angular.io/


Angular CLI  https://cli.angular.io/


Android Studio : https://developer.android.com/studio/

       설치 : https://developer.android.com/studio/install.html




.




Posted by 홍반장水 홍반장水

Everything You Should Know About Progressive Web Apps

What is a Progressive Web App

In its core a progressive web app isn’t any different from a normal website – it’s made of HTML, CSS and JavaScript, and lives in the browser. What separates PWAs from regular websites is a list of 10 key concepts that need to be fulfilled. Here they are, taken directly from the Google Developers website.

  1. Safe – Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
  2. Progressive – Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
  3. Responsive – Fit any form factor: desktop, mobile, tablet, or whatever is next.
  4. Connectivity-independent – Enhanced with service workers to work offline or on low quality networks.
  5. App-like – Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
  6. Fresh – Always up-to-date thanks to the service worker update process.
  7. Discoverable – Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  8. Re-engageable – Make re-engagement easy through features like push notifications.
  9. Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  10. Linkable – Easily share via URL and not require complex installation.


What a Progressive Web App is NOT

The concept of PWAs shouldn’t be confused with:




앞서 언급 한 모든 기술은 HTML 앱을 포장하여 .apk , .exe 또는 기타 다른 앱 파일처럼 실행 파일로 패키지화합니다.이 파일 은 각 앱 스토어에서 다운로드 받아 사용자 기기에 설치해야합니다.

 

PWA는 설치가 필요하지 않으며 Google Play 또는 iTunes App Store에서 사용할 수 없습니다. PWA를 다운로드하려면 웹 사이트를 방문한 다음 홈 화면에 바로 가기로 저장해야합니다. 별도의 iOS 및 Android 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.



Posted by 홍반장水 홍반장水

Happy Rhino: Give structure to client-side web apps

happyrhino

Homepage: http://friendcode.github.io/hr.js/
GitHub: https://github.com/FriendCode/hr.js
Docs: http://friendcode.github.io/hr.js/#/getstarted

 

HappyRhino.js

Hr.js is a javascript framework for building large client side applications in a structured way.

More informations : friendcode.github.io/hr.js

 

Posted by 홍반장水 홍반장水