inflearn logo
inflearn logo

Javascript初心者Real Webアプリ開発 - パート1:Vueの概念〜初級

この講義は、初心者のJavascript開発者が直接Real Webアプリを開発できる開発者になることに焦点を当てています。 このレッスンを受講すると、Vue.jsに関連する基本的な概念からReal Webアプリを開発できます。 このレッスンはパート1の基本であり、パート2とパート3で実際のReal Webアプリを実装してみましょう。 JavascriptやCSSなどの選手知識がなくても、基本的なシンプルなHtmlだけを知っていても、 学習できるように簡単に構成しました。 講義の後半になると、明らかにVue.jsの基本的なコーディングが可能になるでしょう。

難易度 入門

受講期間 無制限

JavaScript
JavaScript
Vue.js
Vue.js
Web Application
Web Application
JavaScript
JavaScript
Vue.js
Vue.js
Web Application
Web Application
날개 달린 동전

講座 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

マーケティングパートナーズ

講座 추천하고 성장과 수익을 만들어 보세요!

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

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

3.1

5.0

지투엘지

8% 受講後に作成

全体的にビュー使用において多くの理解になりました。

5.0

tommykjw

63% 受講後に作成

vue.jsの基本文法を簡単に説明します

5.0

Sun

29% 受講後に作成

学習中に講義の音質や内容が改善になったようです。 Vue学習に多くの助けになりました。

受講後に得られること

  • レスポンシブWeb開発

  • Webアプリ開発

  • Vue.js入門~初級

  • Vue.js公式ガイドエラーの解決

  • Frontendの開発

  • Javascript開発

  • Vue.js初級開発

  • Vue、PWA、SPA、SFCなどVueに関連する基本概念を理解する

  • VueインスタンスとVueの基本文法と主要文法を理解する

【お知らせ】 1. 講義録画に対する音質、編集など技術的に不足している部分が多いです。内容面でも最初の講義と足りない部分があります。

2. 講義中に Vue.js 公式ガイド中にコア文法中にエラーを発見し、解決してガイドします。

パート2から進行される実際のWebアプリ開発のために入門者の方に必要な、基本基礎講座です。

Vue.js に関する基本知識をお持ちの方、または既に勉強になっている場合は、あえて受講しないでください。

ありがとうございます。

講師ブログ講義プレビュー - > https://plogger.tistory.com/category/Frontend/Vue

[Vue.js 2]本番Webアプリを開発するシリーズ

パート1:Vue.jsの概念〜コア👈現在の講義
•パート2 - Vue Cli開発環境と実践UIライブラリ(制作中)
• パート3 - 実践ウェブアプリ「アプリとする歴史勉強」開発(制作中)

📝講義紹介

パート1:Vue.jsの概念〜コア練習

レッスンを見ながら、 jsFiddleを使ってすぐにコーディングすることができます。

このような実践は、講座を目でしか見ることとは異なり、

あなたが実際のVue.jsの基本的なコーディングをすることができるように

明らかに助けることができます。講義を見ながら一緒にコーディングしてみてください。

あなたは正しいvue開発者になることができます。

旧韓末朝鮮をめぐる列強たちの侵略に対するドキュメンタリーを見ながら、
開花期の朝鮮と日本をはじめとする他の列強たちの歴史は大きく異なっていたことがわかりました。
今は4次産業革命時代ですが、1次産業革命(1760年代)、2次産業革命(1865年代)時代に
朝鮮は何をしていたのだろうか?という気がしました。
朝鮮はなぜ産業革命の時期に他の国々に比べてこんなに遅れてしまい、
朝鮮を脅かす列強(日本、中国、ロシア、アメリカ、イギリス、フランスなど)は、同時代にどんな歴史を成し遂げてきたのか気になりました。

勉強しながらこれをウェブアプリにして効果的に知りたいと思う
「アプリとする歴史勉強」というWebアプリをVue.js + Vuetifyにするようになりました。
アプリを作成しながら、私もそうだったように、誰かにコーディングが必要な瞬間、
キットとマニュアルになってくれるツールをサービス[ http://realcodecamp.com ]で作ってみることにしました。

Real Webアプリ - 「アプリとする歴史勉強開発」をまず動画講座に進めようとしたが、
基本機なしでまさに本番開発は難しいという考えで
•パート1 - Vue.JSの概念〜コア実践
•パート2 - Vue Cli開発環境と実践UIライブラリ
を最初に追加しました。

本講義は第1部 - Vue.JSコンセプト~コア実習部分です。

[講義に収録されたReal Webアプリ]
「アプリにする歴史を勉強する」プレビュー👀

🙌ここで扱うツール

JSフィードル(JSFiddle)
•Webフロントエンド関連の技術コード(コラボレーションHTML、CSS、JavaScriptコードスニペット)を作成してテストするためのオンラインサービス。

ビジュアルスタジオコード (Visual Studio Code)
•Microsoftが開発したGit制御、構文強調機能などを含むソースコードエディタ/デバッガ。

🙋🏻‍♂️講義のQ&A

Q. 非専攻者も聞くことができますか?
A. はい、聞くことができます。開発への熱意だけがあれば誰でも聞くことができます。私も非専攻者です。

Q.なぜVue.jsを学ぶべきですか?
A. 今でもそうですが、今後のWeb開発はPWA(Progressive Web App、講義で詳しく説明します。)の形で開発が行われます。 Vue.jsは、一般的なWeb画面に加えて、このPWAを開発するのに非常に簡単なフレームワークです。 Vue.jsを使用すると、1つの開発でWebとモバイルの両方を満たすことができるWebアプリを作成できます。

Q. Vue.jsを学ぶとどうなりますか?
A. Vue.jsを学ぶことで、あなたはフロントエンド開発者になることができ、進歩的なWebページ開発とWebアプリ開発をすることができます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プロジェクト、進路、就職に役立ちます。

  • Vue.js入門、初級開発者

  • Frontend 開発者

  • Javascriptの開発に興味がある方

  • Javascript開発者

  • Web開発者

  • Webアプリ開発に興味のある方

  • WebパブリッシャーやWebデザイナーの方

  • angularjs, angular に触れてみた方

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

  • html

こんにちは
realdev91670です。

210

受講生

14

受講レビュー

3.1

講座評価

1

講座

国内の多数の大手企業(サムスン、LG、SK、KTなど)で10年以上にわたり、ウェブプロジェクトおよびウェブソリューションの開発に携わってきました。

フロントエンド・バックエンド開発、およびAA(アプリケーション・アーキテクト)やPL(プロジェクトリーダー)の役割を担当いたしました。

Androidアプリの開発を通じて、様々な実践的なアプリ(Google Playで10万ダウンロード以上)を

開発および運用した経験があります。

ここ5年間は、Angular.jsやVue.jsといったフロントエンド開発をメインに行ってきました。

現在はスタートアップでAAおよびウェブアプリの開発を担当しています。

  • プロジェクトの生産性を高める方法は何でしょうか?どうすればより速く、より良いプロジェクトを具現化できるでしょうか?
  • 効率的なサービスと開発のためには、フロントエンドとバックエンドはどのようにバインディングされるべきでしょうか?

講義を通じて、フロントエンド開発とバックエンド開発の実践的なガイドラインを提示したいと考えています。

もっと見る

カリキュラム

全体

24件 ∙ (4時間 44分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

14件

3.1

14件の受講レビュー

  • jcpdh10041님의 프로필 이미지
    jcpdh10041

    受講レビュー 1

    平均評価 5.0

    5

    13% 受講後に作成

    ビューを勉強する上で、一人で勉強するより、素早く基礎を固めることができていいようです。

    • candys2aaa4158님의 프로필 이미지
      candys2aaa4158

      受講レビュー 4

      平均評価 5.0

      5

      42% 受講後に作成

      理解が上手くなり、Vue関連ウィンドウもすべてよく見せてくれて理解しやすかったです。

      • realdev91670
        知識共有者

        良い評価、本当にありがとうございました。

    • gorebab70114님의 프로필 이미지
      gorebab70114

      受講レビュー 1

      平均評価 5.0

      5

      8% 受講後に作成

      全体的にビュー使用において多くの理解になりました。

      • realdev91670
        知識共有者

        よろしくお願いします。今後より良い講義をご用意させていただきます。

    • tommykjw0181님의 프로필 이미지
      tommykjw0181

      受講レビュー 1

      平均評価 5.0

      5

      63% 受講後に作成

      vue.jsの基本文法を簡単に説明します

      • realdev91670
        知識共有者

        良い受講評価ありがとうございます。 録音音質や改善が必要な部分はもう少しアップグレードをしてみます。

    • isunwoo06308400님의 프로필 이미지
      isunwoo06308400

      受講レビュー 1

      平均評価 5.0

      5

      29% 受講後に作成

      学習中に講義の音質や内容が改善になったようです。 Vue学習に多くの助けになりました。

      似ている講座

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

      ¥1,386