https://github.com/ionic-team/creator-weekly-workshops
Here you can find any code that we use in the Creator Demo Videos
https://github.com/ionic-team/creator-weekly-workshops
Last synced: 4 months ago
JSON representation
Here you can find any code that we use in the Creator Demo Videos
- Host: GitHub
- URL: https://github.com/ionic-team/creator-weekly-workshops
- Owner: ionic-team
- Archived: true
- Created: 2016-09-06T17:33:39.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-10-19T15:42:39.000Z (over 8 years ago)
- Last Synced: 2025-01-18T21:58:28.059Z (about 1 year ago)
- Language: JavaScript
- Size: 26.4 KB
- Stars: 154
- Watchers: 33
- Forks: 67
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Creator Weekly Workshops
Here you can find any code that we use in the Creator Demo Videos.
## Code Editor Tutorial ([YouTube](https://www.youtube.com/watch?v=IrwrZBBOiP8), [Code](01-code-editor-tutorial))
In this walkthrough we create a Firebase backed ToDo application.
## Beautiful Side Menus ([YouTube](https://www.youtube.com/watch?v=Wb0weT3vD6I), [Code](02-beautiful-side-menus))
Here we use the SCSS feature along with a custom directive to make a great looking Side-Menu.
## Working with Form Data ([YouTube](https://www.youtube.com/watch?v=JWtUxuhC4Ng), [Code](03-working-with-form-data))
Use $scope in your Controllers to rig up a form to actual data your page can access, then send it to another page using our Route Parameters.
## Working with HTML Pages ([YouTube](https://www.youtube.com/watch?v=upSIaQKU8s0), [Code](06-working-with-html-pages))
Learn how to take advantage of full HTML Pages in Creator to accomplish anything.
## Using APIs with Angular $http Part 1 ([YouTube](https://www.youtube.com/watch?v=DJotOLNrM8M&index=21&list=PLOMESIqyrpf-rpNjFGzuCoTwNdv_-PUD1), [Code](07-using-apis-with-angular-http))
We connect Creator to an API (A Google Spreadsheet with [Sheetsu](https://sheetsu.com/pricing?ionic=is-awesome)) to store our data using Angular $http.
## Using APIs with Angular $http Part 2 ([YouTube](https://www.youtube.com/watch?v=ZvF2_ZpqZpk&list=PLOMESIqyrpf-rpNjFGzuCoTwNdv_-PUD1&index=22), [Code](08-using-apis-with-angular-http-part2))
We add GET, DELETE, and QUERY to our [Sheetsu](https://sheetsu.com/pricing?ionic=is-awesome) app from Part one using Angular $http
## Toggling Content with Button Bars ([YouTube](https://www.youtube.com/watch?v=6lgQTrbb2cc&index=23&list=PLOMESIqyrpf-rpNjFGzuCoTwNdv_-PUD1), [Code](09-toggling-content))
Use a $scope variable to toggle between different sets of content with a Button Bar. We also use a Toggle to show and hide content.
## Making a Searchable Video Library ([YouTube](https://www.youtube.com/watch?v=1tVpiSrRNwc), [Code](10-making-a-searchable-video-library))
Make the Search Component actually function by searching through a list of video names and descriptions. We also use a Toggle to show and hide content.