- [Linux / MacOS] (https://github.com/just-app-workshop/notes/blob/master/linux-macos.md)
- [Windows] (https://github.com/just-app-workshop/notes/blob/master/windows.md)
- Create an HTML workspace commit
- Προσθήκη AngularJS
1.5.xστην σελίδαindex.htmlcommit - Δημιουργία Angular Application commit
- Προετοιμασία του
Controllercommit - Πρετοιμασία του μοντέλου commit
- Προετοιμασία της HTML σελίδας (View) commit
- Εμφάνιση δεδομένων στην σελίδα (View) commit
- Φάε ένα snack commit
- Επίδειξη Google Chrome Debugger
- Κάνε μια βόλτα commit
- Πρόσεχε μην εξουθενωθείς commit
- Αρχικοποίηση
ionic start demo-1 - Εκκίνηση
ionic serve - Chats
- Σχέση/Σύνδεση View με Controller
app.js/ Chats - View
tab-chats.html - Controller
controllers.js - Model
- Σχέση/Σύνδεση View με Controller
- Επίδειξη: Παρακολούθηση με Debugger. Breakpoints σε
- Επίδειξη: Προσθήκη νέας επαφής
- Εισαγωγη και παραδείγματα
- HTML / CSS / SASS
- Ionic
Καλές πρακτικές και τεχνικές στην δόμηση του κώδικα.
Δημιουργία Ionic εφαρμογής με χρήση του Supermodular Starter Kit.
- Fork του SuperModular
- Δημιουργία και προσθήκη του
moviesmodule - Scaffold your next Ionic application
- Ασκηση 1
- Forks
- Βιβλιοθήκες
- Τελεστές
- Χρήσιμοι σύνδεσμοι
- Bitwise operators
- Βitwise calculator
- Decimat to Binary
2 & 1=00000010 & 00000001=03 & 1=00000011 & 00000001=1- https://github.com/achatzit/assignment-1/blob/master/app/scripts/controllers/play2.js
- By Reference
- Emulation / Simulation
- iOS Simulator
- Genymotion
- Run on Device
- iOS
- XCode
- TestFlight
- Android
- Google / Dropbox
- Restaurant App
AB64F538 - Business Directory
E1F02EDD - Catalogue
eca7b2b5 - Music Band
0cfd4232
- Restaurant App
- Android File Transfer
- Google / Dropbox
- Ionic View
- iOS
- Δημιουργία και Αρχικοποίηση Git Repo και σκελετού εφαρμογής
- Πηγές δεδομένων
- Static JSONs
- Articles JSON {TBD: URL}
- Wordpress site
- Static JSONs
- Εργαλεία και αναφορές
- Postman
- Ionicons
- AngularJS Filters
- Ionic Components
- Thumbnail left: http://ionicframework.com/docs/components/#item-thumbnails
- Source code
Εισαγωγη στις γεννήτριες κώδικα και παραδείγματα χρήσης τους.
- yeoman.io
- Παραδείγματα
Amazon Simple Storage Service (Amazon S3), provides developers and IT teams with secure, durable, highly-scalable cloud storage. Amazon S3 is easy to use object storage, with a simple web service interface to store and retrieve any amount of data from anywhere on the web. With Amazon S3, you pay only for the storage you actually use. There is no minimum fee and no setup cost.
- Πιστωτική Κάρτα
- Δημιουργία Bucket
- Δημιουργία access key
- Upload και ρύθμιση δικαιωμάτων
Τεχνικές ανάπτυξης κώδικα, παρακολούθησης και συνεργασίας.
- Πηγές δεδομένων
- Δημιουργία ασύγχρονης μεθόδου
- Εργαλεία και αναφορές
- Postman
- Source code
- Promise, the
$qservice
- Δημιουργία και Αρχικοποίηση Git Repo και σκελετού εφαρμογής
- Firebase Project
- Εργαλεία και αναφορές
Πραγματικές Ionic εφαρμογες
- [Barebone Ionic](http://codecanyon.net/item/barebone-ionic-full-application/115651960
- Download links {TBD}
- Business Directory
- Download links {TBD}
- Παρουσίαση pull requests
- Articles Ionic - https://github.com/just-app-workshop/articles-ionic/pulls
- Firebase Ionic - https://github.com/just-app-workshop/firebase-ionic/pulls
- Παρουσίαση της πρότασης υλοποίησης
Λύσεις στα προβλήμματα που προκαλεί η ασύγχρονη φύση του call back.
- Playground Project: Ionic Async
- Appseed Restaurant (TBD)
- Επίδειξη:
- Authentication
- Δοκιμαστικές κλήσης
- Γνωριμία με τις ομάδες
- Προγραμματισμός
Κάντε fork το παρακάτω repository και συμπληρώστε τα κενά στο αρχείο app/scripts/controllers/play.js. Υπάρχουν σχόλια με την ένδειξη TODO.
Δουλέψτε στο δικό σας repository που θα προκύψει από την διαδικασία fork. Κάντε commit/push εκεί τις αλλαγές σας και όταν έχετε τελειώσει ετοιμάστε ένα Pull Request
Στο αρχείο play.js υπάρχουν 3 συναρτήσεις που
- Αφαιρούν τους μονούς αριθμούς από έναν πίνακα τιμών.
- Αφαιρούνε τους ζυγούς αριρμούς από τον ίδιο πίνακα τιμών.
- Ταξινομούν το περιεχόμενο του πίνακα .
Εχει προετοιμαστεί η δομή του κώδικα και ο σκελετός των μεθόδων, απουσιάζει όμως η υλοποίηση. Συμπληρώστε τα κενά σε αυτές τις μεθόδους και εξετάστε το αποτέλεσμα εκτελώντας την εφαρμογή grunt serve και εξετάζοντας το περιεχόμενο της σελίδας "Play".
Τα σημεία όπου πρέπει να συμπληρώσετε τον κώδικα έχουν σημειωθεί με την ένδειξη TODO
Κάντε fork το παρακάτω repository και συμπληρώστε τα κενά στο αρχείο app/scripts/wordpress/wordpress.service.js. Υπάρχουν σχόλια με την ένδειξη TODO.
Δουλέψτε στο δικό σας repository που θα προκύψει από την διαδικασία fork. Κάντε commit/push εκεί τις αλλαγές σας και όταν έχετε τελειώσει ετοιμάστε ένα Pull Request
Στο αρχείο wordpress.service.js υπάρχει η μέθοδος getArticle που αναζητά ένα article μέσα στο collection που ήδη υπάρχει cached στην μνήμη και έχει δημιουργηθεί από προηγουμενη κλήση της getArticles
Τροποποιήστε την υλοποίηση και κάντε ανάκτηση του συγκεκριμένου κάθε φορά άρθρου με εκτέλεση ενός νέου http request
Παράδειγμα:
Κάντε fork το παρακάτω repository και συμπληρώστε τα κενά στο αρχείο app/scripts/firebase/firebase.service.js. Υπάρχουν σχόλια με την ένδειξη TODO.
Δουλέψτε στο δικό σας repository που θα προκύψει από την διαδικασία fork. Κάντε commit/push εκεί τις αλλαγές σας και όταν έχετε τελειώσει ετοιμάστε ένα Pull Request
Στο αρχείο firebase.service.js υπάρχει η μέθοδος getArticle. Σκοπός της getArticle είναι η ανάκτηση από την υπηρεσία Firebase του article για το συγκεκριμένο κάθε φορά id.
Συμπληρώστε την υλοποίηση και κάντε ανάκτηση του συγκεκριμένου κάθε φορά άρθρου με χρήση των υπηρεσιών (services) $firebaseArray ή/και $firebaseObject.
Εξετάστε πιθανές βελτιώσεις ή τροποποιήσεις στα αρχεία
app/scripts/firebase/firebase-article.controller.jsapp/scripts/firebase/firebase-article.html
Χρήσιμοι σύνδεσμοι:
- https://www.firebase.com/docs/web/
- https://www.firebase.com/docs/web/libraries/angular/
- https://www.firebase.com/docs/web/libraries/angular/api.html
- https://www.firebase.com/docs/web/examples.html
- Dependency Injection @ wikipedia
- Dependency Injection and AngularJS
- A beginners guide to Dependency Injection
- Martin Fowler, Dependency Injection pattern
- Επίδειξη: Inject a service in
controllers.js
- lorempixel
- lipsum
- GitHub Organization: just-app-workshop
- Σημειώσεις Εργαστηρίου
- Facebook Event
- Slack Channel