Understand the overall development process of Ionic and learn how to develop the most used elements in mobile apps. This will allow you to develop your own hybrid mobile app efficiently.
Overall Ionic mobile app development process
How to develop the most used elements in mobile apps
Applying styles using SCSS
Basic knowledge of TypeScript and Angular, essential for development
Taking your first steps in mobile app development!
Easy and fun with the Ionic Project 📲
If you were one of those people who studied like this during your school days!
Can't we learn app development in the same way?
Mobile is growing and serving as a hub for all industries. Interest in mobile app development is growing, but there's still so much to learn and so little time.
To help alleviate this sense of uncertainty, I've created this course based on my experience rapidly building development skills in the field. By following along and building a simple mobile app, you'll gain confidence and realize, "Ah, so that's how development works! It's not as difficult as I thought!"
"I want to build my mobile app development skills quickly, but I'm feeling overwhelmed."
"I've studied a bit about web development, but since mobile is so popular these days, I'd like to learn about it."
"I'm wondering what the most cost-effective mobile development tool is."
About the Ionic framework
The rough outline
Someone you want to catch
efficiently
iOS/Android app development
Those who want to do it
I only have web development experience
Mobile app coming soon
People who need to develop
JavaScript
Knowing basic grammar
web developer
Ionic basics lecture
I've read a lot of books
Someone who didn't quite understand
Hybrid mobile app
Development tools
Anyone who wants to experience it
🥇
Using the Ionic framework
Understand the mobile app development process,
Apply it naturally
You can develop your own mobile app .
🥈
Based on a general understanding of Ionic,
When learning in-depth knowledge
So that you can learn quickly and easily
You can develop strong capabilities .
🥉
Not only Ionic
Angular, TypeScript ,
Basic knowledge of SCSS
You can acquire it.
🏅
Hybrid app development structure
They have some similarities.
Expanding capabilities to other development tools and environments
It can be easily achieved.
Unlike traditional introductory courses, this course focuses on hands-on learning and aims to provide a comprehensive understanding of the mobile app development process using Ionic. Learn how to support both iOS and Android simultaneously with Ionic, and master mobile app development through hands-on development focused on the most essential elements rather than theoretical knowledge.
By following this course, you'll quickly learn the most commonly used elements and technologies in mobile apps. If you're familiar with web development, this course will help you build your mobile app development skills more easily.
Ionic, a mobile app framework
You can develop iOS and Android apps simultaneously.
It is an easy and convenient hybrid development tool .
Hybrid development allows you to develop iOS and Android apps simultaneously, reducing costs and time compared to native development. This lecture explains Ionic, a renowned hybrid development tool, and will help you compare it with other tools.
You can find more detailed explanations at orientation!✅ Get a feel for how to develop mobile apps with Ionic.
✅ Learn how to create a simple app with the most commonly used elements in mobile apps: list screens, detail screens, tab menus, and compose screens, and even how to communicate with a server.
🔆 Easier with practice-oriented
Unlike general basic lectures, this course focuses on practical training and covers only the essential content efficiently.
🔆 I'm confident in the application
We have made application development easier by developing the most frequently used elements in mobile app services.
🔆 Easy explanation, accurate understanding
Although the course is focused on practical training, essential knowledge is explained in an easy-to-understand manner.
🔆 A lecture designed for beginners
The class was conducted in the same environment as those who are just starting out in development.
🔆 Short and compact
Considering those who want to learn quickly, the lectures are designed to be short so that they do not lose focus.
First. Orientation
We'll explore the direction and purpose of our upcoming lectures, as well as the mobile app we'll be creating together.
Second. Get ready
Let's set up our computer to develop a mobile app using Ionic. Then, we'll create a project for our mobile app and get started.
Third. Create a chart list
One of the most commonly used elements in mobile app services is the "list." Let's learn how to create a "list" with Ionic. You'll also learn how to modify the DOM using Angular.
Fourth. Create a list of notes
Let's practice the "list" element we learned in the previous lesson once more. We'll apply and review the design slightly differently. This will help you become more familiar with and familiarize yourself with the "list" element.
Fifth. Creating detailed charts
We will practice developing a 'detail' screen that is frequently used with the 'list' element.
Sixth. Create a note
The "Compose" screen is the most fundamental and crucial element for user interaction with mobile apps. Let's learn how to receive user input in Ionic.
Seventh. Create a tab menu
On mobile devices, tabs are often used to differentiate screens based on their characteristics and purpose. Let's examine how the tab menu is structured and analyze its operational structure.
Eighth. Make it move
Learn how to access the "Details" or "Write" screen from the "List" screen. Then, learn how to exchange data between screens and register your own writing.
Ninth. Communicating with the server
Learn how to call and retrieve data from external servers.
Tenth. Run
Learn how to run the apps you've practiced in iOS and Android environments.
Hello. I am Padawan Joy.
Based on my practical experience, I want to share and learn knowledge “in an easy but different way.” 😉
Padawan is a term used in the Star Wars movies to refer to an apprentice who learns and trains to become a Jedi.
Having made a living in “development,” I’ve realized that the field is truly diverse, rapidly developing, and there’s so much to learn.
So, I use this nickname to mean that I should always approach things with a Padawan-like mindset and a learning attitude without being lazy.
Q. Is this a course that non-majors can also take?
Yes, the course is taught with the concept of "Even if you don't know, let's try it," so even non-majors can attend. Of course, having some knowledge of web development is even better.
Q. Why should I learn Ionic?
Although lesser known domestically, Ionic is a renowned hybrid development tool. Recently, its support for React and Vue has made it accessible to a wider range of developers, drawing attention. Furthermore, it supports not only mobile but also web app development, such as PWAs, making it a versatile tool.
Q. What are the benefits of learning Ionic?
You can develop Android and iOS apps in a shorter period of time and at a lower cost. Furthermore, with Ionic development capabilities, you can even develop web apps, significantly increasing efficiency. Progressive Web App (PWA) development is also possible.
Q. Is there anything I need to prepare before attending the lecture?
To set up an iOS development environment, you'll need a MacBook or iMac running Mac OS. While some web development knowledge will make the course much easier to follow, it's not absolutely necessary. The most important thing to prepare is to have the mindset of "I don't know much, but I'll just give it a try."
*You can also take this course on Windows. However, some of the information described in the [Preparation] > [Preferences] section may differ slightly from Windows.
Q. What level of content is covered in the class?
The course concludes with repeated practice of the most commonly used elements on mobile devices, and a final mini-project.
Q. Are there any notes regarding the course? (Required environment, other precautions, etc.)
This course focuses on hands-on practice rather than detailed theoretical explanations. While we will provide detailed explanations of essential topics, please keep this in mind when taking this course, as it differs from the basic courses you've often taken. The goal of this course is not to completely understand Ionic, but rather to help you experience the development process and realize, "Ionic isn't difficult. I can do it, too."
Please check before taking the class!
Who is this course right for?
For those who want to develop their own mobile app
For those who want to develop mobile apps quickly
For those who want to develop mobile apps based on their web development experience
For those interested in efficient mobile development using hybrid frameworks
For those who want to increase their understanding of Ionic by looking at the overall development process.
Need to know before starting?
HTML
JavaScript
CSS
All
35 lectures ∙ (1hr 58min)
Course Materials:
All
9 reviews
4.6
9 reviews
Reviews 10
∙
Average Rating 4.8
Reviews 13
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 4.5
Reviews 3
∙
Average Rating 5.0
Limited time deal ends in 6 days
$1,067.00
25%
$8.80
Explore other courses in the same field!
![[Mobile] Deep Learning Computer Vision Practical Project강의 썸네일](https://cdn.inflearn.com/public/courses/324985/course_cover/6bedded2-1f32-4d11-be03-6e5bf5a3b488/sjh-mobile-cv.png?f=avif&w=420)
