Ionic Advisory: Your partner at every stage of development
1 like86 views
Ionic Advisory offers a range of services to enhance app development using Ionic, including architecture reviews, code assessments, and UX/UI evaluations. They provide hands-on support and training to ensure successful app completion and maintenance, catering to both new and experienced Ionic users. The advisory team focuses on best practices, troubleshooting, and tailored guidance to improve user experience and application performance.
![“I received an error!”
Error: Uncaught (in promise):
NullInjectorError:
StaticInjectorError(AppModule)
[LostConnectionPage ->
NavParams]:
navigateTo(toPage: string, fromPage: string =
'tabs/home') {
const navigationExtras: NavigationExtras = {
queryParams: {
referrer: fromPage
}
};
this.navCtrl.navigateForward([toPage],
navigationExtras);
}
“Let's take a look!”
“Looks like you are trying
to get access to a query
param, is that right?”
“You might want to do it like this.”
“Here is why….”
Total time to resolution: Less than 1 hour](https://image.slidesharecdn.com/ionicadvisorycswebinarv2printable-191106211338/85/Ionic-Advisory-Your-partner-at-every-stage-of-development-13-320.jpg)
Ionic Advisory: Your partner at every stage of development
- 1. Ionic Advisory Your Partner for Success November 2019
- 2. Matt Netkow Head of DevRel / @dotNetkow netkow@ionicframework.com Roelf Kuitse VP, Customer Success roelf@ionicframework.com Today’s Presenters
- 3. : A Platform to Grow On 5 Million Worldwide Users 335 Active Contributors 300,000 Active CLI Users Prioritized fixes and features Expert best practices for usage Appflow Ionic Studio Ionic Auth Connect Offline Storage Identity Vault Enterprise Advisory Open Source Web Company Ionic Solutions
- 4. Ionic Enterprise Advisory Description Mix of adhoc and pre planned engagements that accelerate the process of building with Ionic. Advisory team helps with: Ionic best practices Unit testing best practices Plugin assessment Angular/Ionic project structure Ionic solution implementation Much more… Reactive Proactive
- 5. Let's Make an App! Scope, Get Excited, Pick a team, and GO! Pick a technology stack Let's go with Ionic! Build it and they will come Design, Build, Test, Repeat Release and Celebrate! Time to party!
- 6. Let's Make an App! Scope, Get Excited, Pick a team, and GO! Pick a technology stack Let's go with Ionic! Build it and they will come Design, Build, Test, Repeat Release and Celebrate! Time to party!
- 7. Let's Make an App! Scope, Get Excited, Pick a team, and GO! Pick a technology stack Let's go with Ionic! Build it and they will come Design, Build, Test, Repeat
- 8. Let's Make an App! Scope, Get Excited, Pick a team, and GO! Pick a technology stack Let's go with Ionic! Build it and they will come Design, Build, Test, Repeat Release and Celebrate! Time to party! Ionic partners with you to ensure successful completion and maintenance of your app
- 10. Laurent WITT COO & Associate
- 12. ReleaseReviewTestBuildDesign Ionic Advisory Your recipe for success with Ionic Planning Architecture Review Analysis of project structure and dependencies UX/UI Review Review of design paradigms Code Review In depth review of application and code Working Sessions Adhoc live troubleshooting and build help App Checkup Final look before release!
- 13. “I received an error!” Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule) [LostConnectionPage -> NavParams]: navigateTo(toPage: string, fromPage: string = 'tabs/home') { const navigationExtras: NavigationExtras = { queryParams: { referrer: fromPage } }; this.navCtrl.navigateForward([toPage], navigationExtras); } “Let's take a look!” “Looks like you are trying to get access to a query param, is that right?” “You might want to do it like this.” “Here is why….” Total time to resolution: Less than 1 hour
- 14. “ Review a sample Understand the intent/business case Provide feedback Explain why Give someone a fish and they will eat for a day, teach them to fish and they will eat for a lifetime. - Very old proverb
- 15. Ionic Advisory Services Advisory Service Description Architecture Review Review and report on: ✓ Project structure ✓ Dependencies ✓ Migration information ✓ Versioning ✓ Plugin usage ✓ Purpose of app Code Review Analyze and report on: ✓ Coding best practices ✓ Tech debt reduction ✓ SOLID principles ✓ Application structure ✓ Incompatibilities ✓ Plugin optimizations UX/UI Review Review and provide feedback on: ✓ Navigation paradigms ✓ Color and icon usage ✓ Cross platform styling ✓ Page consolidation ✓ Usage and feature flow Planning Dev. Phases Build Test Design
- 16. Ionic Advisory Services Advisory Service Description App Checkup Quick Review of: ✓ Build dependencies ✓ Unit testing results ✓ Outstanding issues ✓ Code review suggestions ✓ Arch. review suggestions ✓ Device compatibility Working Sessions Based on request/issue: ✓ Issue troubleshooting ✓ Build failures ✓ Plugin implementation ✓ Feature building ✓ Best practice review ✓ Coding assistance Slack Channel Direct access to Ionic engineers for: ✓ Issue sharing ✓ General questions ✓ Console error troubleshooting ✓ Meeting requests ✓ Conversation with good people Release Dev. Phases All All
- 17. How Ionic Advisory Works Inquire Evaluate Investigate AdviseReportSuggest ● Suggest where to look for any answer ✓ Community articles ✓ Examples based on past experiences ● Report an issue directly to the dev team ✓ Expedited bug fixes to Ionic framework ✓ Advisory advocate working on your behalf ● Advise on best practices and use cases ✓ Provide sample applications ✓ Targeted documentation ✓ Live working sessions to resolve issues It is Ionic’s goal to provide your team with direction on any type of request regardless if it is core to Ionic or not.
- 18. Q&A Matt Netkow Head of Dev Rel / @dotNetkow netkow@ionicframework.com Questions? ➔ sales@ionicframework.com Roelf Kuitse VP, Customer Success roelf@ionicframework.com
- 19. Ionic 3 Day Training ● Set curriculum walks students through the steps to create an Ionic App from nothing to fully functioning app ✓ Setting up your environment ✓ Starting an Ionic app ✓ Configuring unit testing ✓ Using the component library ✓ Getting external data ✓ Styling principles ✓ And much more.... ● Teams also get a look at: ✓ Enterprise plugin and solution implementation ✓ Ionic tools and new features ✓ PWA best practices ✓ Capacitor vs. Cordova Whether your team is new or an old hat with Ionic, there is always something to learn!