Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Front-end

Using Ionic Components Without React Angular

If you have an environment that supports HTML and JavaScript, but not the Ionic platform, you can use Ionic components.

(4.6) 10 reviews

305 learners

  • nodeep777
IONIC

Reviews from Early Learners

What you will learn!

  • Using Ionic Components in HTML

  • Adding Ionic Elements with JavaScript

Provided by the Ionic Framework
Meet the convenient components ✨

Simple and convenient
Ionic components!

Do I need to know React or Angular to use Ionic components ?

Not at all!
You can use Ionic components even in environments other than React or Angular.

Ionic components have many simple yet useful UI components.
Moreover, since it is free to use, anyone can use it conveniently.
So, I decided to create a lecture with the concept of finding and sharing a way to use only components, even if it is not the Ionic platform .

This is a very short course, consisting of only six lectures, designed to teach you how to use Ionic components. For those looking to learn quickly, the attached Ionic components summary should suffice.

You can see the summary text together!

  • ✅ This lecture consists of YouTube videos and text .
  • ✅ Includes a 116-page text summary .

You can download it from the "Ionic Components PDF" class.

Who would benefit from listening?

Ionic components
Because it's pretty
The person you were thinking of

Without React or Angular
Ionic components
Anyone who wants to write

JavaScript
Even a little bit
Someone you know

Please check your player knowledge!

  • Basic knowledge of HTML and JavaScript is required for this course.

Anyone OK,
Enroll now!

Short and concise!
Learn Ionic Components for Free

  • How to use Ionic components in HTML
  • How to add Ionic elements with JavaScript
Adding floating labels and input elements to Ionic components
Adding elements with JavaScript

Recommended for
these people

Who is this course right for?

  • Anyone who knows even a little bit of JavaScript

  • For those who want to use Ionic components without using React Angular

Need to know before starting?

  • HTML and Javascript Basics

Hello
This is

15,146

Learners

262

Reviews

72

Answers

4.8

Rating

12

Courses

생산 및 품질 관리 프로그램, POP, 스마트 팩토리, PMS 등 컴퓨터 프로그램 개발자로 활동하다가 강의를  시작하게 되었습니다. 프로그램 개발이라는 것이 생각보다 어려운 영역은 아닙니다. 공부방법을 터득하시면 누구나 접근 할수가 있습니다.

Curriculum

All

8 lectures ∙ (13min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

10 reviews

4.6

10 reviews

  • devkuka님의 프로필 이미지
    devkuka

    Reviews 286

    ∙

    Average Rating 5.0

    5

    63% enrolled

    アイオニック学習に多くの役に立ちました。ありがとうございます！

    • kukaeden님의 프로필 이미지
      kukaeden

      Reviews 436

      ∙

      Average Rating 5.0

      5

      75% enrolled

      アイオニックコンポーネントの使い方をよく学びました。本当にありがとうございました。

      • damanegi님의 프로필 이미지
        damanegi

        Reviews 3

        ∙

        Average Rating 5.0

        5

        100% enrolled

        短くて明瞭な講義ありがとうございます。 講義を一度見て内容を把握して使用するときはPDFを参考にしてほしいですね。

        • hyongsu44님의 프로필 이미지
          hyongsu44

          Reviews 868

          ∙

          Average Rating 5.0

          5

          100% enrolled

          講義ありがとうございます。

          • duldulnet8841님의 프로필 이미지
            duldulnet8841

            Reviews 5

            ∙

            Average Rating 5.0

            5

            100% enrolled

            短時間でアイオニックの概念をキャッチするのに最適なレッスンです。本当にありがとうございます。 ^^！

            Free

            nodeep777's other courses

            Check out other courses by the instructor!

            PySide6 Python GUI강의 썸네일

            PySide6 Python GUI

            nodeep777

            PythonでGUIプログラムを作成することができます。

            초급

            초급

            Python, pyside6, GUI

            PySide6 Python GUI강의 썸네일

            PySide6 Python GUI

            nodeep777

            C# WPF .NET Core(7.0)강의 썸네일

            C# WPF .NET Core(7.0)

            nodeep777

            Windowsアプリの開発経験がなくても十分にフォローできます。

            초급

            초급

            C#, wpf, xaml

            C# WPF .NET Core(7.0)강의 썸네일

            C# WPF .NET Core(7.0)

            nodeep777

            リモートでPCサーバーをチェック PowerShell入門～GUI강의 썸네일

            リモートでPCサーバーをチェック PowerShell入門～GUI

            nodeep777

            ローカルとリモートでPCとサーバーを簡単にチェックする方法を学びます。

            입문

            입문

            Powershell

            リモートでPCサーバーをチェック PowerShell入門～GUI강의 썸네일

            リモートでPCサーバーをチェック PowerShell入門～GUI

            nodeep777

            C＃ジャマリン+モンゴルDB + nodejs連動강의 썸네일

            C＃ジャマリン+モンゴルDB + nodejs連動

            nodeep777

            直接DBとnode expressをバックエンドでインストールし、C＃でWindowsアプリとスマートフォンアプリを介したデータを保存、更新してみます。ソケットを使ってチャット機能まで実装する方法を素早く学びましょう！

            초급

            초급

            MongoDB, Express, C#

            C＃ジャマリン+モンゴルDB + nodejs連動강의 썸네일

            C＃ジャマリン+モンゴルDB + nodejs連動

            nodeep777

            モンゴルDB + node express + ionic6連動강의 썸네일

            モンゴルDB + node express + ionic6連動

            nodeep777

            Firebaseのリアルタイムデータベースを使用せずに直接DBをインストールし、データを保存、更新、およびソケットを使用してチャット機能まで実装する方法を学びます。

            초급

            초급

            MongoDB, Node.js, Express

            モンゴルDB + node express + ionic6連動강의 썸네일

            モンゴルDB + node express + ionic6連動

            nodeep777

            入門鋼のタイプスクリプトからionic6（アンギュラベース）강의 썸네일

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

            입문

            입문

            TypeScript, IONIC, Hybrid App

            入門鋼のタイプスクリプトからionic6（アンギュラベース）강의 썸네일

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms강의 썸네일

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms

            nodeep777

            この講義では、C#とXamarin Formsを活用してログイン処理、カメラ/電話/文字/メールアプリとの連動、自動メール送信などの機能の実装、APIとの連動による遠隔地の保存など、アプリ開発に必要なさまざまな機能を学習してみてください。

            초급

            초급

            C#, Hybrid App, Xamarin

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms강의 썸네일

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms

            nodeep777

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する강의 썸네일

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する

            nodeep777

            ザマリン(Xamarin)でSQLのデータにどのようにアクセスして修正、削除、追加、照会できるかを説明する講義です。 WEB APIも一緒に作成しながら、APIをどのように活用するかを知ることができます。

            초급

            초급

            Web API, Xamarin

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する강의 썸네일

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する

            nodeep777

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る강의 썸네일

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

            nodeep777

            スマートフォンアプリとWindowsアプリを同時に？C#で作るクロスプラットフォーム！ C#を知らなくてもこの講義を通してC#基礎を学び、XamarinでスマートフォンアプリとWindowsアプリ(UWP)を作ってみることができます。Maui(マウイ)講義も追加しました。

            입문

            입문

            C#, GUI, Xamarin

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る강의 썸네일

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

            nodeep777

            Blender Python BPY入門講義강의 썸네일

            Blender Python BPY入門講義

            nodeep777

            Blenderにはbpyという楽しい機能があります。 Pythonコードを活用してBlenderを制御することができます。 しかし、Pythonコードを知らなくても学習することができます。

            초급

            초급

            Blender

            Blender Python BPY入門講義강의 썸네일

            Blender Python BPY入門講義

            nodeep777

            ブレンダー王初歩入門基礎講義강의 썸네일

            ブレンダー王初歩入門基礎講義

            nodeep777

            理論よりは実習中心の講義で入門者の方のための講義です。 Blenderのメニューと機能を学ぶことができます。

            입문

            입문

            Blender

            ブレンダー王初歩入門基礎講義강의 썸네일

            ブレンダー王初歩入門基礎講義

            nodeep777

            Similar courses

            Explore other courses in the same field!

            アイオニックでオフラインファーストウェブ(offline first web)を作成강의 썸네일

            アイオニックでオフラインファーストウェブ(offline first web)を作成

            killkch0331

            今回の講義では、現在PWA開発に最も最適化されているionicとCouchDBを使って簡単な登録簿Webを作成し、構築過程を通じてどのようにオフラインで動作可能であるかを説明します。

            중급이상

            중급이상

            IONIC, PWA

            アイオニックでオフラインファーストウェブ(offline first web)を作成강의 썸네일

            アイオニックでオフラインファーストウェブ(offline first web)を作成

            killkch0331

            入門鋼のタイプスクリプトからionic6（アンギュラベース）강의 썸네일

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

            입문

            입문

            TypeScript, IONIC, Hybrid App

            入門鋼のタイプスクリプトからionic6（アンギュラベース）강의 썸네일

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            アイオニック（ionic2）開発のためのタイプスクリプトの基本강의 썸네일

            アイオニック（ionic2）開発のためのタイプスクリプトの基本

            jeongmincha

            ハイブリッドアプリを開発するためのフレームワークの1つであるIonic2 Frameworkを学習するための事前のステップとしてTypescriptを学びます。

            초급

            초급

            IONIC, TypeScript

            アイオニック（ionic2）開発のためのタイプスクリプトの基本강의 썸네일

            アイオニック（ionic2）開発のためのタイプスクリプトの基本

            jeongmincha

            My Location - ionic3 と Google Map Api を利用した位置情報の検索강의 썸네일

            My Location - ionic3 と Google Map Api を利用した位置情報の検索

            killkch0331

            ionicの開発経験がある開発者だけでなく、全体的なionic projectの構成や開発方法などに関する全般的な情報を提供するため、ionic開発経験のない初心者にも多くの役に立つionic3講座です。

            초급

            초급

            IONIC

            My Location - ionic3 と Google Map Api を利用した位置情報の検索강의 썸네일

            My Location - ionic3 と Google Map Api を利用した位置情報の検索

            killkch0331

            ディープラーニングWebサービスプロジェクト1 - 基本編。 Object Detect 不良品判別강의 썸네일

            ディープラーニングWebサービスプロジェクト1 - 基本編。 Object Detect 不良品判別

            nomad

            Pythonで作成したディープラーニングプログラムをウェブやモバイルでサービスしたいプロジェクトが多くなっています。を学び、実戦に活用してください。

            중급이상

            중급이상

            PWA, Google App Engine, Flask

            ディープラーニングWebサービスプロジェクト1 - 基本編。 Object Detect 不良品判別강의 썸네일

            ディープラーニングWebサービスプロジェクト1 - 基本編。 Object Detect 不良品判別

            nomad