Ionic is an open-source framework used for developing mobile applications. It provides tools and services for building Mobile UI with a native look and feel. The ionic framework needs a native wrapper to be able to run on mobile devices.
here and now we will start ionic tutorial for begginers at ground zero with a video tutorial, which means getting to know Ionic, setting up our environment, getting a first Ionic app over and running, and taking a basic look at what we got inside our app folder.
Ionic Tutorial For Beginners in Hindi Part 1 | Ionic Overview, Installation, Creating Project | Hindi
This video is part 1 of Ionic Tutorials for beginners in Hindi. In this, I explain About What is Ionic Framework? How to install Ionic? How to create a project in ionic angular with capacitor? How to run the ionic project? in Hindi
Timestamps
- 0:00 – What is in Video?
- 0:27 – Overview Of Ionic Framework
- 2:20 – Installing Ionic
- 6:24 – Creating Ionic Project
- 10:35 – Overview of Ionic Project Structure
- 14:47 – Running the Project
Implementing UI Components (Side Menu, Tabs) | #Ionic Angular Tutorial For Beginners in Hindi Part 2 | Hindi
This video is part 2 of Ionic Tutorials for beginners in Hindi. In this, i explain About Overview of Ionic UI Components, How to implement UI Components in ionic angular projects?
Timestamps
- 0:00 – What is in Video?
- 0:40 – Intro
- 1:14 – Exploring package.json file
- 2:20 – What happens when we run ionic serve or ionic build commands?
- 3:24 – Overview of Ionic UI Components
- 5:35 – Implementing Tabs in Ionic Angular
- 8:15 – implementing Side Menu in ionic Angular
- 14:01 – Final Words
Ionic Application Structure
https://ionicthemes.com/tutorials/ionic-application-structure
Working with Angular | #Ionic #Angular Tutorial For Beginners in Hindi Part 3
This video is part 3 of Ionic Tutorials for beginners in Hindi. In this, I explain About Working with Angular in Ionic, Angular Data binding, and Angular Events.
What is TypeScript?
TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. It is designed for the development of large applications and transpiles to JavaScript.
Timestamps
- 0:00 – What is in Video?
- 2:20 – Intro
- 2:55 – Working With Angular in Ionic
- 5:47 – About TypeScript
- 7:35 – Angular Data Binding
- 10:18 – Angular Events
- 13:30 – Final Words
Ionic 6 RELEASED What’s new? | Ionic Major Updates | Hindi
This video is about ionic 6 related updates in Hindi. In this, I explain About Overview of Ionic 6 features, migration guide, and some ionic related updates
Timestamps
- 0:00 – What is in Video?
- 0:45 – Intro
- 1:19 – Ionic 6 Design Changes
- 8:25 – Ionic 6 Internal Changes
- 10:54 – Ionic 6 Migration Guide
- 12:22 – Ionic Related NEWS
- 14:00 – Surprise Fun Time
Useful Links————————–
Announcing Ionic 6 – Ionic official Blog post
Announcing: Official Ionic Discord Server – Ionic Official Blog Post
A New Chapter for @ionic-native – Ionic official blog Post
Other Useful Links: