Programming

Front-end

リアクトルアンギュラなしでアイオニックコンポーネントを使用する

アイオニックプラットフォームではなくhtmlやJavaScriptが可能な環境なら、アイオニックコンポーネントを使うことができます。

（4.6）受講レビュー 10件

受講生 305名

nodeep777

IONIC

学習した受講者のレビュー

こんなことが学べます

HTMLでアイオニックコンポーネントを使用する
JavaScriptでアイオニックエレメントを追加

アイオニックフレームワークが提供する
便利なコンポーネントに会いましょう✨

シンプルで便利
アイオニックコンポーネント！

アイオニックコンポーネント、ぜひリアクトやアンギュラを知らなければ使えますか？

まったくそうではありません！
リアクト、アンギュラではない環境でもアイオニックコンポーネント（Ionic Component）を使用できます。

アイオニックコンポーネントにはシンプルで使いやすいUIコンポーネントがたくさんあります。
さらに、無料で使用できるので、誰でも便利に使うのもいいですね。
そのため、アイオニックプラットフォームではなくてもコンポーネントのみの使い方を見つけて共有する概念で講義を作ってみることになりました。

今回の講義は6講しかない非常に短い講義で、アイオニックコンポーネントをどのように使用するのか分かるようにした簡単な講義です。早く学びたい方は、添付されたアイオニックコンポーネントの要約資料だけをご覧いただくだけで十分と思います。

要約テキストを一緒に見ることができます！

✅本講義はYouTubeの映像とテキストで構成される講義です。
✅ 116ページ分量のテキスト要約資料を付属します。

_{「アイオニックコンポーネントPDF」の授業でダウンロードできます。}

誰が聞くといいですか？

_{アイオニックコンポーネント
可愛い
考えていた方}

_{リアクト、アンギュラなし
アイオニックコンポーネント
書きたい方}

_{JavaScriptを
少しでも
ご存知の方}

選手の知識を確認してください！

受講にはHTMLとJavaScriptの基礎知識が必要です。

誰でもOK、
今すぐ受講してみてください！

短く簡潔に！
無料で学ぶアイオニックコンポーネント

HTMLでアイオニックコンポーネントを使用する方法
JavaScriptでアイオニックエレメントを追加する方法

_{アイオニックコンポーネントフローティングラベル、入力要素を追加する}

_{JavaScriptで要素を追加する}

こんな方に
おすすめです

学習対象は
誰でしょう？

JavaScriptを少し知っている人
リアクトアンギュラを使わずにアイオニックコンポーネントを使いたい方

前提知識、
必要でしょうか？

HTMLとJavascriptの基礎

こんにちは
です。

15,137

受講生

261

受講レビュー

回答

4.8

講座評価

講座

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

カリキュラム

全体

8件 ∙ (13分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．アイオニックコンポーネント

8件 ∙ (13分)

1. ソースコード
2. アイオニックコンポーネントPDF
3. アイオニックコンポーネントの使用環境の作成
02:38
4. アイオニックコンポーネントツールバーの使用
01:52
5. アイオニックコンポーネントフローティングラベル、入力要素を追加する
01:06
6. アイオニックコンポーネントカード、グリッドを追加する
02:14
7. アイオニックコンポーネントボタンアイコンを追加する
02:11
8. JavaScriptでエレメントを追加する、アイオニック警告ウィンドウを追加する
03:17

講座掲載日:

最終更新日:

受講レビュー

全体

10件

4.6

10件の受講レビュー

KYUNG TAE BAE
受講レビュー 286
∙
平均評価 5.0
5
63% 受講後に作成
아이오닉 학습에 많은 도움이 되었습니다. 감사합니다!
쿠카이든
受講レビュー 436
∙
平均評価 5.0
5
75% 受講後に作成
아이오닉 컴포넌트를 어떻게 사용하는지 잘 배웠습니다. 정말 감사드립니다.
damanegi
受講レビュー 3
∙
平均評価 5.0
5
100% 受講後に作成
짧고 명료한 강의 감사합니다. 강의를 한 번 보며 내용을 파악하고 사용할때는 PDF를 참고하면 좋겠네요.
똘똘이스머프
受講レビュー 868
∙
平均評価 5.0
5
100% 受講後に作成
강의 감사합니다.
권지웅
受講レビュー 5
∙
平均評価 5.0
5
100% 受講後に作成
짧은 시간안에 아이오닉 개념 잡기에 가장 좋은 강의입니다. 정말 감사합니다. ^^!

無料

nodeep777の他の講座

知識共有者の他の講座を見てみましょう！

PySide6 파이썬 GUI

깊알못nodeep

파이썬으로 GUI프로그램을 만들어 볼 수가 있어요.

Basic

Python, pyside6, GUI

PySide6 파이썬 GUI

깊알못nodeep

C# WPF .NET Core(7.0)

깊알못nodeep

윈도우 앱 개발 경험이 없어도 충분히 따라하실 수 있습니다.

Basic

C#, wpf, xaml

C# WPF .NET Core(7.0)

깊알못nodeep

원격으로 PC 서버 점검 파워쉘 입문 ~ GUI

깊알못nodeep

로컬과 원격으로 PC와 서버를 손쉽게 점검할 수 있는 방법을 배웁니다. Power Shell의 막강한 기능으로 프로그래밍 경험이 없어도 쉽게 접근할 수 있습니다.

Beginner

Powershell

원격으로 PC 서버 점검 파워쉘 입문 ~ GUI

깊알못nodeep

C# 자마린 + 몽고DB + nodejs 연동

깊알못nodeep

직접 DB와 node express를 백엔드로 설치하고 C#으로 윈도우 앱과 스마트폰 앱을 통한 데이터를 저장, 갱신해봅니다. 소켓을 사용하여 채팅 기능까지 구현하는 방법을 빠르게 배워봐요!

Basic

MongoDB, Express, C#

C# 자마린 + 몽고DB + nodejs 연동

깊알못nodeep

몽고DB + node express + ionic6 연동

깊알못nodeep

파이어베이스의 리얼타임데이터베이스를 사용하지 않고 직접 DB를 설치하고 데이터를 저장, 갱신 그리고 소켓을 사용하여 채팅기능까지 구현하는 방법을 배웁니다.

Basic

MongoDB, Node.js, Express

몽고DB + node express + ionic6 연동

깊알못nodeep

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

Beginner

TypeScript, IONIC, 하이브리드 앱

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

C#으로 로그인 가능한 앱 구현하기 Xamarin 자마린 폼즈 (안드로이드, 윈도우)

깊알못nodeep

이 강의에서는 C#과 Xamarin Forms를 활용하여 로그인 처리, 카메라/전화/문자/이메일 앱과의 연동, 자동이메일발송 등의 기능 구현, API와의 연동을 통한 원격지 저장 등 앱 개발에 필요한 여러 가지 기능을 학습해 봅니다.

Basic

C#, 하이브리드 앱, Xamarin

C#으로 로그인 가능한 앱 구현하기 Xamarin 자마린 폼즈 (안드로이드, 윈도우)

깊알못nodeep

C# Xamarin Forms 자마린 폼즈 API 강의 + 간단한 API 만들기

깊알못nodeep

자마린(Xamarin)에서 SQL의 데이터를 어떻게 접근해서 수정, 삭제, 추가, 조회할 수 있는지 설명하는 강의입니다. WEB API도 같이 만들면서 API를 어떻게 활용하는지 알수 있습니다.

Basic

Web API, Xamarin

C# Xamarin Forms 자마린 폼즈 API 강의 + 간단한 API 만들기

깊알못nodeep

C# 입문부터 Xamarin Forms(자마린 폼즈) + Maui(마우이) 안드로이드, 윈도우 앱(UWP) 동시에 만들기

깊알못nodeep

스마트폰 앱과 윈도우 앱을 동시에? C#으로 만들어보는 크로스 플랫폼! C#을 몰라도 이 강의를 통해 C# 기초를 배우고, Xamarin으로 스마트폰 앱과 윈도우 앱(UWP)을 만들어 볼 수 있습니다.Maui(마우이)강의도 추가 하였습니다.

Beginner

C#, GUI, Xamarin

C# 입문부터 Xamarin Forms(자마린 폼즈) + Maui(마우이) 안드로이드, 윈도우 앱(UWP) 동시에 만들기

깊알못nodeep

블렌더 파이썬 BPY 입문강의

깊알못nodeep

블렌더에는 bpy라는 재미있는 기능이 있습니다. 파이썬 코드를 활용해서 블렌더를 제어할 수가 있습니다. 하지만, 파이썬 코드를 몰라도 학습할 수가 있습니다.

Basic

Blender

블렌더 파이썬 BPY 입문강의

깊알못nodeep

블렌더 왕초보 입문 기초강의

깊알못nodeep

이론 보다는 실습 위주의 강의로 입문자 분들을 위한 강의 입니다. 블렌더의 메뉴와 기능들을 익히실 수가 있습니다.

Beginner

Blender

블렌더 왕초보 입문 기초강의

깊알못nodeep

似ている講座

同じ分野の他の講座を見てみましょう！

아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기

김철현

이번 강의에서는 현재 PWA 개발에 가장 최적화되어 있는 ionic과 CouchDB를 사용하여 간단한 전화번호부 웹을 만들고, 구축 과정을 통하여 어떠한 방식으로 오프라인에서 동작가능한지 설명을 해 드립니다.

Intermediate

PWA, IONIC

아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기

김철현

My Location - ionic3 와 Google Map Api 를 활용한 내 위치 정보 찾기

김철현

ionic에 대한 개발 경험이 있는 개발자 뿐만아니라 전체적인 ionic project의 구성 및 개발 방법등에 대한 전반적인 정보를 제공하므로 ionic 개발 경험이 없는 초보자들에게도 많은 도움이 되는 ionic3 강좌입니다.

Basic

IONIC

My Location - ionic3 와 Google Map Api 를 활용한 내 위치 정보 찾기

김철현

따라 하다 보면 완성되는, Ionic 훑어보기

Padawan.Joy

Ionic의 전반적인 개발 과정을 이해하고, 모바일 앱에서 가장 많이 사용되는 요소의 개발 방법을 학습합니다. 이를 통해 효율적으로 나만의 하이브리드 모바일 앱 개발을 할 수 있습니다.

Basic

IONIC

따라 하다 보면 완성되는, Ionic 훑어보기

Padawan.Joy

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

Beginner

TypeScript, IONIC, 하이브리드 앱

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

아이오닉(ionic2) 개발을 위한 타입스크립트 기본

차정민

하이브리드 앱 개발을 위한 프레임워크 중 하나인 Ionic2 Framework를 학습하기 위한 사전단계로 Typescript 를 배워봅니다.

Basic

TypeScript, IONIC

아이오닉(ionic2) 개발을 위한 타입스크립트 기본

차정민

リアクトルアンギュラなしでアイオニックコンポーネントを使用する

学習した受講者のレビュー

こんなことが学べます

シンプルで便利アイオニックコンポーネント！

アイオニックコンポーネント、ぜひリアクトやアンギュラを知らなければ使えますか？

要約テキストを一緒に見ることができます！

誰が聞くといいですか？

誰でもOK、今すぐ受講してみてください！

短く簡潔に！無料で学ぶアイオニックコンポーネント

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

nodeep777の他の講座

似ている講座

シンプルで便利
アイオニックコンポーネント！

誰でもOK、
今すぐ受講してみてください！

短く簡潔に！
無料で学ぶアイオニックコンポーネント

こんな方に
おすすめです

こんにちは
です。