Free Course Image Ionic for Beginners

Free online courseIonic for Beginners

Duration of the online course: 5 hours and 4 minutes

4.82

StarStarStarStarStar

(17)

Learn to build mobile apps with Ionic 2 in this comprehensive beginner course. Master data handling, CSS customization, Git integration, Cordova plugins, and more.

In this free course, learn about

  • Getting Started with Ionic 2
  • Styling and Layout in Ionic 2
  • Working with Data and Collections
  • Templates and Angular Features
  • User Interaction and Lists
  • Architecture, Styling, and Reusability
  • Modules, Assets, and HTTP
  • Security and Best Practices

Course Description

The course "Ionic for Beginners" is an excellent entry point for anyone interested in mobile app development. Clocking in at 5 hours and 4 minutes, this comprehensive course has garnered significant positive feedback, boasting an average rating of 4.83 out of 5 stars. As part of the Information Technology category and specifically the App Development subcategory, it offers a well-rounded foundation in using the Ionic framework for budding developers.

The course kicks off with a preview module, giving students an introductory glimpse into building mobile apps with Ionic 2. This establishes a solid groundwork that makes the subsequent lessons more comprehensible and engaging.

One of the key areas explored involves component and template interaction. This crucial concept is pivotal for creating dynamic and responsive mobile apps. Students will also learn effective ways to pass data between pages, cementing their understanding of data flow within an app.

For those who enjoy customizing their projects, the lessons on hacking CSS, and applying conditional attributes, styles, and classes will be particularly appealing. These sessions provide the tools and knowledge needed to enhance the visual aspects of an app significantly.

The course includes an in-depth look at the Grid component, a fundamental part of many applications, and moves on to topics like filtering, mapping, and reducing arrays, all of which are core to data management and manipulation. The module on saving data ensures that learners can maintain state and data persistence in their applications.

Loading remote JSON data with HTTP is another central topic, allowing students to understand how to fetch and use external data within their Ionic apps. Also included is an introduction to structural directives like *ngIf and *ngFor, essential for conditionally modifying the user interface based on data.

Version control and collaboration are addressed in the section on using Git, which is essential for any serious developer. Following this, the coverage of Cordova plugins extends the functionality of Ionic apps by leveraging native device features.

The course places special emphasis on user interactions, demonstrated through lessons on utilizing gestures and uncommon event bindings, as well as reordering lists within an app. These lessons help to create a smooth and intuitive user experience.

Students will also delve into creating custom components and using semantic CSS styling to enhance the readability and maintainability of their code. Additionally, the coverage of custom pipes demonstrates how to create reusable logic for data transformation.

Installing third-party libraries is a necessary skill for modern app development, and this course does an excellent job in breaking down the process. The introduction to NgModule offers invaluable insights into organizing and managing the various parts of an Ionic project effectively.

The practical utility of the Ionic CLI is highlighted through instructions on automatically generating splash screens and icons, enabling developers to streamline their workflows. Furthermore, learning how to send data with POST requests adds another layer of capability to the students' skill sets.

The course finishes strong with a module on basic security practices for Ionic and Cordova applications, ensuring that students are aware of fundamental security measures necessary to protect their apps.

Overall, "Ionic for Beginners" is a deeply enriching course that equips learners with the essential skills and knowledge to embark on their mobile app development journey with confidence.

Course content

  • Video class: PREVIEW: Building Mobile Apps with Ionic 2 - Video Course 12m
  • Exercise: _What command do you use to create a new Ionic 2 project?
  • Video class: Component and Template Interaction in Ionic 2 21m
  • Exercise: What is the main advantage of using two-way data binding in Angular?
  • Video class: Passing Data Between Pages in Ionic 2 21m
  • Exercise: _What are the different ways to pass data between pages in Ionic?
  • Video class: Hacking CSS in Ionic 2 25m
  • Exercise: _What is one way to style an Ionic application using inbuilt CSS utility attributes?
  • Video class: Conditional Attributes, Styles, and Classes in Ionic 2 11m
  • Exercise: _What is the use case for applying conditional styles and attributes to elements in Ionic 2 applications?
  • Video class: An Overview of the Grid Component in Ionic 2 15m
  • Exercise: _What is the purpose of using the grid system in Ionic?
  • Video class: Filtering, Mapping, and Reducing Arrays in Ionic 2 20m
  • Exercise: _What are the three functions that can be used to manipulate arrays in Ionic 2?
  • Video class: Saving Data in Ionic 2 11m
  • Exercise: Why should developers use SQLite in Ionic applications for permanent data storage?
  • Video class: Loading Remote JSON Data with HTTP in Ionic 2 14m
  • Exercise: _What is JSON?
  • Video class: An Introduction to Structural Directives: *ngIf & *ngFor 07m
  • Exercise: _What is the purpose of using the star syntax in structural directives in Ionic 2?
  • Video class: How to Use Git with Ionic 2 Projects 18m
  • Exercise: _What is the purpose of using Git in Ionic 2 projects?
  • Video class: An Explanation of Cordova Plugins for Ionic 2 13m
  • Exercise: _What is the purpose of including native plugins in Ionic 2 applications?
  • Video class: Using Gestures & Uncommon Event Bindings in Ionic 2 05m
  • Exercise: _What are some of the inbuilt gestures that can be used in Ionic 2 applications?
  • Video class: Reordering a List in Ionic 2 05m
  • Exercise: _What is the event binding needed to update the data when reordering a list in Ionic 2?
  • Video class: Custom Components in Ionic 2 14m
  • Exercise: _What is the structure of Ionic 2 and Angular applications made of?
  • Video class: Using Semantic CSS Styling in Ionic 2 14m
  • Exercise: _What is semantic style.css in Ionic 2?
  • Video class: Custom Pipes in Ionic 2 15m
  • Exercise: _What is the purpose of a pipe in an Ionic application?
  • Video class: How to Install 3rd Party Libraries in Ionic 2 10m
  • Exercise: _What are the two ways to install third-party libraries in an Ionic 2 application?
  • Video class: An Introduction to NgModule for Ionic 2 10m
  • Exercise: _What is an ng module in Ionic 2 applications?
  • Video class: Automatically Generate Splash Screens and Icons with Ionic CLI 09m
  • Exercise: _What is the command built into the Ionic command line interface that can create all the necessary icons and splash screens for iOS and Android automatically?
  • Video class: How to Send Data with POST Requests in Ionic 2 08m
  • Exercise: _What is the difference between a get request and a post request in Ionic 2?
  • Video class: Basic Security for Ionic & Cordova Applications 15m
  • Exercise: _What is the importance of learning basic security ideas for Ionic and Cordova applications?

This free course includes:

5 hours and 4 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at App Development

Download the App now to have access to + 3300 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 48 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate

+ 9 million
students

Free and Valid
Certificate

60 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video and ebooks