Tuesday, November 22, 2022
HomeFun With ProgrammingHow to Get Started with Ionic with Capacitor and Angular | Ionic...

How to Get Started with Ionic with Capacitor and Angular | Ionic Tutorial For Beginners

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:

Rahul K Rajhttps://rkrknowledge.com/
Hi πŸ‘‹, I'm Rahul Raj Kushwaha also known as Rahul K Raj. A passionate full-Stack developer from India. You can call me: Entrepreneur | Youtuber | Blogger | Coder | Developer | UI Designer | Hacker | Music Composer. I like to share my knowledge on such great platforms like RKR Knowledge. I try to learn something new every day.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Stay Connected

29FansLike
36FollowersFollow
500SubscribersSubscribe

Most Popular

Recent Comments