Ionic Framework: Tips, Tricks, and Techniques

Simpliv

Course

Online

£ 10 + VAT

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Enhance the power and performance of your Ionic 4 apps.The Ionic 4 cross-platform web and mobile UI framework has brought a number of game-changing new features. However, as it has evolved so much over the years, it is difficult for developers to stay up-to-date with current best practices to ensure they build fast and easy-to-maintain apps.In this course, you will master tips and best practices that you didn't know existed; using these, you'll increase your efficiency and productivity by using Ionic 4 – and will also learn about what’s new in Ionic 5 and how to apply your knowledge from this course to the latest version, should you choose to migrate to Ionic 5 now or in the near future.You will learn tips on working with different frameworks effectively and also building with no framework at all. You will also master various techniques to help you build secure, performant apps with beautiful UIs that will delight your users. This will make your work easier and your projects will become more efficient.By the end of the course, you will be able to use Ionic 4 to the max and take your skills to the next level, and take them through to the latest Ionic 5 version, by building advanced progressive mobile applications based on the best practices you've learned.This course is for web and mobile developers who want to perfect their skillset and build advanced cross-platform applications with the help of Ionic 4 and learn about the new features in Ionic 5. Prior experience of Ionic 4 (or earlier versions) is assumed.All the code and supporting files for this course are available on GitHub at About the AuthorCharles Muzonzini is a Software Engineer specializing in web and mobile applications. He has been developing software professionally since 2013 and has used Ionic Framework from version 1 through to Ionic 4 and now Ionic 5. He is an author for Sitepoint.com, codeswag.co.uk, and his own blog at muzonzini.com.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Leverage Ionic 4 features for the faster development of secure and easy-to-maintain apps
Learn what's new in Ionic 5
Save time by eliminating common bugs and stumbling blocks and focus on the features that will make your app great
Build faster, more performant apps to delight your users
Create beautiful user interfaces with various UI hacks
Develop faster by applying techniques to commonly used features and components such as maps, push notifications, and backend services
Extend the functionality of your apps by building your own custom plugins to access native device APIs
Take advantage of Ionic 4 framework independence and use React.js, or no framework at all!

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Production
  • Install
  • Web
  • Linux
  • Windows
  • Visual Studio
  • XML
  • Java
  • XML training
  • Presentation

Course programme

Setting Up Ionic 4 Correctly 5 lectures 35:00 The Course Overview This video will give you an overview about the course. Installing Ionic 4 on Linux This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on macOS This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Windows This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
What Is New in Ionic 4? This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
Setting up Ionic the correct way - Quiz Setting Up Ionic 4 Correctly 5 lectures 35:00 The Course Overview This video will give you an overview about the course. Installing Ionic 4 on Linux This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on macOS This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Windows This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
What Is New in Ionic 4? This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
Setting up Ionic the correct way - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Installing Ionic 4 on Linux This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Linux This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Linux This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Linux This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
This video takes the viewer through how to install the Ionic 4 Development Environment correctly on Linux.
  • Install Java SDK, Android Studio, and Git
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on macOS This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on macOS This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on macOS This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on macOS This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
This video guides the viewer through how to install the Ionic 4 Development Environment correctly on macOS.
  • Install Xcode, Java SDK, and Android Studio
  • Install Node.js using Node Version Manager (NVM)
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Windows This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Windows This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Windows This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
Installing Ionic 4 on Windows This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
This video guides the viewer through how to install the Ionic 4 Development Environment correctly on Windows.
  • Install Java SDK and Android Studio, and Git
  • Install Node.js
  • Install Ionic, Cordova, and Visual Studio Code
What Is New in Ionic 4? This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
What Is New in Ionic 4? This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
What Is New in Ionic 4? This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
What Is New in Ionic 4? This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
This video provides an overview of the new features in Ionic 4.
  • Follow the video presentation to get an overview of the new features in Ionic 4
Setting up Ionic the correct way - Quiz Setting up Ionic the correct way - Quiz Setting up Ionic the correct way - Quiz Setting up Ionic the correct way - Quiz Tools and Tips for Boosting Productivity in Ionic 4 3 lectures 29:48 Building Scripts for Automating Production Builds and App Signing for Android Apps Building a production release of an Ionic 4 app for Android is a tedious process involving at least 5 CLI commands that are too long to remember. This is even more laborious when debugging production builds because this process will be repeated many times over in quick succession. This video shows the user how they can write a simple NPM script to automate this process to save time and effort.
  • Generate your signing key
  • Edit your apps Package.json file and add the build script code
  • Run the build script using NPM
Automating iOS Permission Configuration When using the camera or photo gallery on iOS, your Ionic app will need to ask for the appropriate permissions; otherwise the app will crash or it will be rejected when you attempt to submit it to the App Store. This video will show you how to automatically create the required entries in Info.plist by editing config.xml.
  • Add custom code to config.xml
  • Build the app for deployment to iOS
  • Confirm that the appropriate entries have been made to Info.plist
Visual Studio Code Productivity Extensions In this video, we will explore useful VS Code extensions to boost productivity.
  • Learn about the useful VS Code extensions
  • Install the extensions using the command palette
  • Use the extensions in your day-to-day programming
Tools and Tips for Boosting Productivity in Ionic 4 - Quiz Tools and Tips for Boosting Productivity in Ionic 4. 3 lectures 29:48 Building Scripts for Automating Production Builds and App Signing for Android Apps Building a production release of an Ionic 4 app for Android is a tedious process involving at least 5 CLI commands that are too long to remember. This is even more laborious when debugging production builds because this process will be repeated many times over in quick succession. This video shows the user how they can write a simple NPM script to automate this process to save time and effort.
  • Generate your signing key
  • Edit your apps Package.json file and add the build script code
  • Run the build script using NPM
Automating iOS Permission Configuration When using the camera or photo gallery on iOS, your Ionic app will need to ask for the appropriate permissions; otherwise the app will crash or it will be rejected when you attempt to submit it to the App Store. This video will show you how to automatically create the required entries in Info.plist by editing config.xml.
  • Add custom code to config.xml
  • Build the app for deployment to iOS
  • Confirm that the appropriate entries have been made to Info.plist
Visual Studio Code Productivity Extensions In this video, we will explore useful VS Code extensions to boost productivity.
  • Learn about the useful VS Code extensions
  • Install the extensions using the command palette
  • Use the extensions in your day-to-day programming
Tools and Tips for Boosting Productivity in Ionic 4 - Quiz Building Scripts for Automating Production Builds and App Signing for Android Apps Building a production release of an Ionic 4 app for Android is a tedious process involving at least 5 CLI commands that are too long to remember. This is even more laborious when debugging production builds because this process will be repeated many times over in quick succession. This video shows the user how they can write a simple NPM script to automate this process to save time and effort.
  • Generate your signing key
  • Edit your apps Package.json file and add the build script code
  • Run the build script using NPM
Building Scripts for Automating Production Builds and App Signing for Android Apps Building a production release of an Ionic 4 app for Android is a tedious process involving at least 5 CLI commands that are too long to remember. This is even more laborious when debugging production builds because this process will be repeated many times over in quick succession. This video shows the user how they can write a simple NPM script to automate this process to save time and effort.
  • Generate your signing key
  • Edit your apps Package.json file and add the build script code
  • Run the build script using NPM
Building Scripts for Automating Production Builds and App Signing for Android Apps Building a production release of an Ionic 4 app for Android is a tedious process involving at least 5 CLI commands that are too long to remember. This is even more laborious when debugging production builds because this process will be repeated many times over in quick succession d component to the...

Additional information

This course is for web and mobile developers who want to perfect their skillset and build advanced cross-platform applications with the help of Ionic 4 and learn about the new features in Ionic 5. Prior experience of Ionic 4 (or earlier versions) is assumed

See related categories

Ionic Framework: Tips, Tricks, and Techniques

£ 10 + VAT

The best Other programming courses

See all

See all