カリキュラム

    1. コースの概要

    2. 学習の進め方

    1. [資料] Lesson1

      無料プレビュー
    2. 1. 概要

      無料プレビュー
    3. 2. 開発の手順

      無料プレビュー
    4. 3. アプリの確認

      無料プレビュー
    5. 4. 機能の確認

      無料プレビュー
    6. 5. スタイルの作成

    7. 6. スタイルの作成2

    8. 7. アプリのデザイン

    9. 8. データベースの構築

    10. 9. レスポンシブ対応

    11. 10. 機能の確認

    12. 11. テストと修正

    1. [資料] Lesson2

      無料プレビュー
    2. 1. 導入

      無料プレビュー
    3. 2. アジェンダ

      無料プレビュー
    4. 3. 開発の流れ

      無料プレビュー
    5. [クイズ] 開発の流れ

    6. 4. Bubbleの導入

    7. 5. Designタブ - 概要

    8. 6. Designタブ - Rich Text Editor (標準機能)

    9. 7. Designタブ - Rich Text Editor (プラグイン)

    10. 8. Designタブ - Button

    11. 9. Designタブ - Icon

    12. 10. Designタブ - Link

    13. 11. Designタブ - Image

    14. 12. Designタブ - Imgixによる画像処理

    15. 13. Designタブ - ShapeとAlert

    16. 14. Designタブ - Video

    17. 15. Designタブ - HTML

    18. 16. Designタブ - Map

    19. 17. Designタブ - Container

    20. 18. Designタブ - Input form

    21. [テスト]Designタブ

    22. 19. Workflowタブ - 概要

    23. 20. Workflowタブ - Account

    24. 21. Workflowタブ - Navigation

    25. 22. Workflowタブ - Data

    26. 23. Workflowタブ - Element

    27. 24. Dataタブ

    28. [クイズ]Dataタブ

    29. 25. Styleタブ

    30. 26. Pluginタブ

    31. 27. Settingタブ

    32. 28. 新レスポンシブエディター

    33. [クイズ]新レスポンシブエディター

    34. 29. ヘッダーを開発する

    35. 30. データの一覧表示

    36. 31. 一つのデータ表示

    37. 32. データの削除

    38. 33. データの新規作成

    39. 34. データの編集

    40. 35. データのフィルター

    41. 36. Set state

    42. [クイズ] Set state

    43. 37. URLを介したデータ通信

    1. [資料] Lesson3

    2. 1. 概要説明

    3. 2. Flexboxとは何か

    4. 3. Flexboxのハンズオン - step1

    5. 4. Flexboxのハンズオン - step2

    6. 5. Flexboxのハンズオン - step3

    7. 6. RowとColumnの解説

    8. 7. 親要素と子要素の解説

    9. 8. 親要素と子要素のハンズオン

    10. 9. Element treeの使い方

    11. 10. MarginとPaddingの解説

    12. 11. MarginとPaddingのハンズオン

    13. 12. レスポンシブエディターの使い方

    14. 13. Option barにある機能紹介 - part1

    15. 14. Option barにある機能紹介 - part2

    16. 15. Option barにある機能紹介 - part3

    17. 16. Max Widthの解説

    18. 17. Min Widthの解説

    19. 18. %指定とpx指定の違い

    20. 19. HTMLの解説+ハンズオン

    21. 20. CSSの解説+ハンズオン

    22. 21. 検証ツールの使い方 - HTMLの確認

    23. 22 検証ツールの使い方 - CSSの確認

    24. 23. 検証ツールの使い方 - レスポンシブデザインの確認方法

    25. 24. 検証ツールの使い方 - ハンズオン

    26. 25. 検証ツールの使い方 - JavaScriptの確認

    27. 26. 実践編の概要と環境構築

    28. 27. 演習 - レベル1

    29. 28. 演習 - レベル3

    30. 29. 演習 - レベル6

    31. 30. 演習 - レベル9

    32. 31. 演習 - レベル11

    33. 32. 演習 - レベル15

    34. 33. 演習 - レベル19

    35. 34. 演習 - レベル22

    36. 35. 演習 - レベル28

    37. 36. 演習 - レベル34

    1. [資料] Lesson4

      無料プレビュー
    2. 1. 概要説明

      無料プレビュー
    3. 2. 準備

      無料プレビュー
    4. 3. レスポンシブデザインの方法

      無料プレビュー
    5. 4. ヘッダー①

    6. 5. ヘッダー②

    7. 6. ヘッダー③

    8. 7. ヘッダー④

    9. 8. ヘッダー⑤

    10. 9. ピックアップ①

    11. 10. ピックアップ②

    12. 11. ピックアップ③

    13. 12. ピックアップ④

    14. 13. メイン①

    15. 14. メイン②

    16. 15. メイン③

    17. 16. メイン④

    18. 17. メイン⑤

    19. 18. メイン⑥

    20. 19. メイン⑦

    21. 20. メイン⑧

    22. 21. フッター①

    23. 22. フッター②

    24. 23. フッター③

    25. 24. フッター④

    26. 25. フッター⑤

    27. 26. フッター⑥

    28. 27. フッター⑦

    29. [課題1] レスポンシブデザイン

    1. [資料] 1. 会員登録

      無料プレビュー
    2. 1-1. 会員登録 - 概要

      無料プレビュー
    3. 1-2. 会員登録 - アジェンダ

      無料プレビュー
    4. 1-3. 会員登録 - 要件説明

      無料プレビュー
    5. 1-4. 会員登録 - ログイン前デザインの準備

      無料プレビュー
    6. 1-5. 会員登録 - スタイルの作成1

      無料プレビュー
    7. 1-6. 会員登録 - スタイルの作成2

      無料プレビュー
    8. 1-7. 会員登録 - 外装の実装

      無料プレビュー
    9. 1-8. 会員登録 - 会員登録ポップの作成1

      無料プレビュー
    10. 1-9. 会員登録 - 会員登録ポップの作成2

      無料プレビュー
    11. 1-10. 会員登録 - 会員登録ワークフロー

      無料プレビュー
    12. 1-11. 会員登録 - ログアウト機能

      無料プレビュー
    13. 1-12. 会員登録 - ログインワークフロー1

      無料プレビュー
    14. 1-13. 会員登録 - ログインワークフロー2

      無料プレビュー
    15. 1-14. 会員登録 - 会員削除機能

      無料プレビュー
    16. 1-15. 会員登録 - データのバリデーションチェック

      無料プレビュー
    17. 1-16. 会員登録 - アラート機能

      無料プレビュー
    18. [資料] 2. プロフィール

    19. 2-1. プロフィール - 概要

    20. 2-2. プロフィール - 要件説明

    21. 2-3. プロフィール - DB設計

    22. 2-4. プロフィール - デザインレイアウト

    23. 2-5. プロフィール - スタイル作成(サイドバー)

    24. 2-6. プロフィール - サイドバー1

    25. 2-7. プロフィール - サイドバー2

    26. 2-8. プロフィール - プロフィールエリア1

    27. 2-9. プロフィール - プロフィールエリア2

    28. 2-10. プロフィール - ポップアップ1

    29. 2-11. プロフィール - ポップアップ2

    30. 2-12. プロフィール - ワークフロー

    31. 2-13. プロフィール - 動的に変更

    32. 2-14. プロフィール - サイドバーを共通パーツ化

    33. 2-15. プロフィール - 会員登録ワークフローの変更

    34. [資料] 3. ツイート

    35. 3-1. ツイート - 概要

    36. 3-2. ツイート - 要件説明

    37. 3-3. ツイート - DB設計

    38. 3-4. ツイート - スタイルの作成

    39. 3-5. ツイート - ツイート一覧のデザイン1

    40. 3-6. ツイート - ツイート一覧のデザイン2

    41. 3-7. ツイート - ツイート作成ポップのデザイン

    42. 3-8. ツイート - ツイート作成ワークフロー

    43. 3-9. ツイート - ツイート一覧を動的に変更1

    44. 3-10. ツイート - ツイート一覧を動的に変更2

    45. 3-11. ツイート - ツイート一覧を動的に変更2(発展)

    46. 3-12. ツイート - ツイート一覧を動的に変更3

    47. 3-13. ツイート - ツイート削除1

    48. 3-14. ツイート - ツイート削除2

    49. 3-15. ツイート - プロフィール画面にも実装

    50. [課題2]Twitterを作ってみよう- 実践編

About this course

  • Bubbleエンジニアプラン(4回払い)
  • 319回のレッスン
  • 18時間の動画コンテンツ