Ionic & Capacitor for Building Native Mobile Apps – Full Course for Beginners

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=K7ghUiXLef8


Category:
Guide
Duration: 3:10:14
37,695 views
1,024

Learn how to use Ionic and Capacitor to build native mobile applications in this full course for beginners. This course will guide you step by step, from getting started with Ionic and Capacitor to deploying your cross-platform app on various platforms, ensuring you gain the skills needed to create impressive mobile applications. Get ready to dive into a world of Ionic components, animations, gestures, and more!

💻 Code: https://github.com/saimon24/ionic-react-capacitor-course

✏️ Simon Grimm created this course.
Ionic Academy: https://ionicacademy.com/
Simon on Twitter: https://twitter.com/schlimmson
Simon’s YouTube: @galaxies_dev

⭐️ Contents ⭐️
⌨️ (0:00:00) About this Course
⌨️ (0:02:42) Getting started with Ionic & Capacitor
⌨️ (0:15:45) Run and Debug your App
⌨️ (0:24:09) Building a Login Screen
⌨️ (0:49:34) Creating Introduction Slides with Swiper
⌨️ (1:00:29) Storing data with Capacitor Preferences
⌨️ (1:11:42) Responsive UI with Ionic Grid
⌨️ (1:17:25) Creating a Drawer Menu
⌨️ (1:30:32) Building a Tab Bar
⌨️ (1:38:59) Ionic Components and Modals
⌨️ (2:16:11) Ionic Animations API
⌨️ (2:21:26) Ionic Gesture API
⌨️ (2:27:32) Ionic Web Components and Styling
⌨️ (2:43:12) Using Capacitor Plugins
⌨️ (2:53:35) App Icon and Splash Screen
⌨️ (2:58:50) Building a native app for iOS and Android
⌨️ (3:02:21) Deploying Ionic as a Webapp
⌨️ (3:04:26) Building a Desktop app with Electron
⌨️ (3:07:25) Final Ionic React Cross Platform App
⌨️ (3:08:22) Where to learn more about Ionic?

Let me know if there is anything that needs changing or if you need any more information.

Hope you enjoy the course, and I think it turned out pretty well and should quickly become the go-to video for people starting out with Ionic React!

Cheers,
Simon
https://ionicacademy.com/
http://devdactic.com
https://twitter.com/schlimmson

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2023-06-13Microsoft Power Platform Fundamentals (PL-900) — Full Course Pass the Exam!
2023-06-08Learn Rust Programming - Complete Course 🦀
2023-06-06Deep Learning for Computer Vision with Python and TensorFlow – Complete Course
2023-06-01Neo4j Course for Beginners
2023-05-30Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners
2023-05-25Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase
2023-05-24Django ChatGPT Clone Tutorial
2023-05-22Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator
2023-05-18Use ChatGPT to Code a Full Stack App – Full Course
2023-05-16JavaScript Security Vulnerabilities Tutorial – With Code Examples
2023-05-15Ionic & Capacitor for Building Native Mobile Apps – Full Course for Beginners
2023-05-11Go Programming – Golang Course with Bonus Projects
2023-05-10Functional Programming with Elixir – Full Course
2023-05-09SQL Tutorial for Beginners (and Technical Interview Questions Solved)
2023-05-04.NET MAUI Course for Beginners – Create Cross-Platform Apps with C#
2023-05-03Machine Learning Foundations Course – Regression Analysis
2023-05-01Harvard CS50’s Introduction to Programming with Python – Full University Course
2023-04-27Scrapy Course – Python Web Scraping for Beginners
2023-04-26Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners
2023-04-25Zustand React State Management Course (Simple Redux Alternative)
2023-04-24React Router 6 – Full Course