강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

Ionic Overview, Completed as You Follow

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.

(4.6) 9 reviews

68 learners

  • padawanjoy2166
3시간 만에 완강할 수 있는 강의 ⏰
IONIC

Reviews from Early Learners

What you will learn!

  • 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 📲

Mobile app development is a trend these days.
I want to learn, but...

“I’ll try to solve the problem first!”

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!"


People like this,
Pay attention right now.

Mobile app development,
What exactly was difficult?

"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


Anyone can learn easily
Mobile app development!

🥇

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?

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.

This is an Ionic course that consists of three steps: creating a skeleton, styling it, and making it move.

Great mobile app,
I can make it too!

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.


The unique features of this course
Let me tell you.

🔆 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.


Follow the steps in order!

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.


Created this course
Introducing the knowledge sharer.

Padawan.Joy

Hello. I am Padawan Joy.
Based on my practical experience, I want to share and learn knowledge “in an easy but different way.” 😉

History

  • 2007~2012: I worked as a freelance web developer and found development enjoyable.
  • 2012~Present: As a salaried developer, I develop mobile apps in all areas, including iOS & Android Native, Ionic, and React Native.
  • 2019~Present: I am interested in artificial intelligence, including unstructured data and natural language processing, and am conducting research.

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.


Frequently Asked Questions 💬

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!

  • This course uses Ionic version 5.611 .
  • Although recorded on macOS , you can also take the course on Windows. However, some details described in the [Preparation] > [Preferences] section may differ slightly from those on Windows.

Recommended for
these people

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

Hello
This is

68

Learners

9

Reviews

6

Answers

4.6

Rating

1

Course

"쉽지만 다르게" 지식을 공유하고 배우고 싶은, 파다완 조이입니다!

Curriculum

All

35 lectures ∙ (1hr 58min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

9 reviews

4.6

9 reviews

  • 서재원 Seo님의 프로필 이미지
    서재원 Seo

    Reviews 10

    Average Rating 4.8

    3

    63% enrolled

    세월이 무상하네요.

    • 전은정님의 프로필 이미지
      전은정

      Reviews 13

      Average Rating 5.0

      5

      100% enrolled

      아이오닉을 급하게 사용하게 될 거 같아서 속성으로 들었어요. 편집이나 강의도 깔끔하고, 강의 하나가 길지 않아서 빠르게 완독할 수 있었습니다. 감사합니다~

      • josepstory님의 프로필 이미지
        josepstory

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        큰그림 잡기 조으다~~

        • 송정현님의 프로필 이미지
          송정현

          Reviews 2

          Average Rating 4.5

          4

          100% enrolled

          잘 들어습니다. 감사합니다.

          • bluechap님의 프로필 이미지
            bluechap

            Reviews 3

            Average Rating 5.0

            5

            100% enrolled

            아이오닉 앱 개발 과정을 기본적으로 이해할 수 있었습니다. 실습 아이오닉 강의 부탁드려요.

            Limited time deal ends in 4 days

            $8,250.00

            25%

            $8.80

            Similar courses

            Explore other courses in the same field!