강의

멘토링

로드맵

BEST
Programming

/

Front-end

Vue.js ちゃんと学んでみませんか(Vue.jsプロジェクト投入1週間前)

この講義は、講師の著書 <Vue.js プロジェクト投入一週間前>の内容に基づいて作られた講義です。徹底的にVue.js自体、Vue.jsを最もよく理解し、どんなVue.js開発者よりも基本基盤をしっかりと積み重ねることができます。この講義はVue.jsの基本基盤を完璧に積み重ね、皆さんが今後取り組むことになる数多くの実践を面白くて有益にそしてうまく遂行できる基礎能力を積むことができるそのような講義になります。

  • realprogrammers
Vue.js
Vuex

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

こんなことが学べます

  • Vue.js開発

  • Vue CLIによるプロジェクトの作成方法

  • ルータの設計方法

  • Vuexによる状態管理

  • Vue 3.xバージョンの新機能

  • Vue.jsで扱うすべての機能

基礎が格別なフロントエンド開発!
Vue.js、ちゃんと学んでください✨

Vue.js 프로젝트 투입 일주일 전 저자 직강

What is Vue.js?

모든 웹 브라우저에는 인터프리터(Interpreter)가 내장되어 있어서 자바스크립트를 실행할 수 있어요.

Web&ネイティブアプリのメリットを一度に掴むフロント開発!
プログレッシブフレームワークVue.jsで体験してください。

Vue.jsは、ユーザーインターフェイスを開発するためのプログレッシブフレームワークです。ここでProgressiveとは、Webとネイティブアプリの利点をすべて受け入れ、標準パターンを使って開発されたという意味です。

ウェブは別途のインストールなしでブラウザだけで接続が可能なため、アクセシビリティが非常に優れています。一方、ネイティブアプリは、一般的なウェブよりも高速で優れたユーザーエクスペリエンスを提供するという利点があります。

結局、Vue.jsが目指すのは、 Webの利点とアプリの利点の両方を収容できる進化したWebアプリを作成できるフレームワークを提供することです。


Vue.js、なぜ学ぶべきですか?

フロントエンド開発者になりたい場合は、
必ずVue.jsのような
フロントエンドフレームワークを知る必要があります。

すでにWebアプリケーションは、モバイル専用のネイティブアプリケーションと同様にパフォーマンスが向上しています。そのため、多くのサービスとビジネスアプリケーションがVueなどのフロントエンドフレームワークを使用して開発されています。
そのため、フロントエンド開発者になるためには、Vueのようなフロントエンドフレームワークを学ぶ必要があります。

おそらく皆さんもVue.jsだけでなくReact、Angularなどを置いて多くの悩みをしていたでしょう。誰はリアクトが良いと言い、誰はアンギュラーが良いとし、また誰はVueが良いと言います。この3つのフロントエンドフレームワークを実務で何年も使ってみた人としてお話したら、何になっても一つを上手く扱えると分かると、残りもすべて簡単に学べるようになります。

しかし、この3つの中から1つを選択する必要がある場合、私は最初にVue.jsを最初に始めるように言います。

なぜなら、
一番習いやすいからです。

Vue(ビュー)は、HTMLコードを実装する領域、JavaScriptコードを実装する領域、デザインCSSを実装する領域が完全に分離されているため、コードに対する読みやすさに非常に優れています。

Webデザイナー、Webパブリッシャーと
コラボレーションするときはるかに効果的です。

アプリケーションを開発するときは、開発者一人で作業することはごくまれです。一般的には、UIデザイナーやWebパブリッシャーからHTML / CSSなどの結果を受け取り、それをプログラムに適用する必要があります。 VueはHTML、CSSコードが完全に分離されているため、リアクトやアンギュラよりもコラボレーションプロジェクトを進める上ではるかに利点があります。


基礎からきちんと学ぶVue.js。

この講義では
クローン(フォロー)コーディング
提供しません。

Instagramのクローン、Facebookのクローン、Netflixのクローン...あなたはこのようなクローンコーディング講義を聞くことで本当にこのようなアプリケーションを作成できますか?皆さんを無視する言葉ではなく、厳しい現実です。
もしあなたがそのようなクローン講義を聞いてそのようなアプリケーションを作ることができれば、FacebookやNetflixのような会社に開発者が何百、何千人である必要はないでしょうか?

もちろん、クローンコーディングは、実際のサービスアプリケーションを作成する間接的な経験を積むことができるという点で非常に便利です。しかし、このような講義の前提条件は、しっかりした基本機が揃っていると、その効果が見られるということです。そして実はこういうアプリケーションは見られるUIより、見えないところで処理しているロジックが無数に多いです。それで、目に見えるUIをまねたからといって、このようなアプリケーションを作ることはできません。

だから、重要なのは
基本基をしっかり固めるんです。

基本基をうまく積むほど重要なことはありません。今、この記事を見る皆さんはプログラミング言語に興味を持っていて、おそらく開発者になりたい人たちでしょう。

私たちはたった1~2年だけこの仕事をするために勉強しているわけではありません。少なくとも何十年もこの仕事をする準備をしています。それなら、もう少し遠く見て、しっかり準備しなければなりません。

あなたが基礎をしっかり身につけたら、数年後にはそのような素晴らしいアプリケーションを作成するチームの一員になることができます。また、数年後にはそんな大変なアプリケーションを直接作れる開発者になっているはずです。

Vue.js自体を徹底!
どんな開発者よりも基本
しっかりと積み重ねるのに役立ちます。

このレッスンは徹底的にVue.js自体について説明します。基礎を学ぶが退屈ではないように、実務で何を考慮すべきかについての経験までお届けします。初心者もうまく従うように、概念/文法/機能を最大限に分けて、すべての内容のサンプルコードまで提供します。

おそらくこの講義を最後まで受講したら、あなたの隣にあるVue.js開発者よりもしっかりした基本基盤を積むことができるでしょう。たぶんあなたがVue.js自体を見たとき、あなたはどんなコリジョンよりももっと知っているかもしれません。 (しかし、コスがなぜこだわります!多くの実戦経験を持っているからでしょう。😉)

Vue.jsの基本基盤を完璧に積み重ねた後、あなたが今後行くようになる無数の本番を面白くてお得に!そして、よく遂行できる基礎能力を積むことができるそんな講義になってくれるでしょう。


この講義の特徴!

簡単かつ詳細に
実務応用中心
サンプルコードまで!
  • Vue.jsの基本文法を次々とお知らせします。
  • Vue.jsの最新バージョン、 Vue.3.xバージョンとして最近追加された機能について詳しく説明します。
  • 初心者にも簡単に従うために、サンプルコードを最小単位に分けて進めます。
  • 実務プロジェクトの進行順に合わせて、各段階でどのような作業を進めるべきかをお知らせします。
  • すべてのサンプルコードはFitHubを介して提供されています。

이미지를 클릭하면 github로 이동해요. 画像をクリックするとフラッグハブに移動します。


何を学びますか?

  • 開発 IDE ツールとしては、Visual Studio Codeを使用します。ビジュアルスタジオコードを使った開発方法と有用な拡張プログラムを知ります。
  • Node.js (ノードJS)をインストールし、Node.jsが何であるかを知ることができます。
  • NPM (Node Package Manager)に登録されている多数のオープンソースを利用できます。
  • Vue CLIを使用してVueプロジェクトをすばやく作成、管理、展開する方法を学びます。
  • Vuexによる状態管理方法を学びます。
  • Vue Routerでアプリケーションメニューをどのように設定し、メニューのコードをロードするかを分離してアプリケーションのパフォーマンスを向上させる方法を学びます。
  • Vueコンポーネントの開発に関連するすべての文法と機能がわかります。
  • Vue 3バージョンに追加されたコンポジション API、Plugins などの便利な機能がわかります。

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

  • HTMLについて知る必要があります。 (HTMLタグ)
  • CSSを知る必要があります。非常に少し。 (クラスの使い方、幅、高さ、色の程度のスタイル)
  • JavaScript(JavaScript)を知る必要があります。 (最小の基本文法:if、for、object、array、関数宣言など)
  • ES6文法のうち、Arrow Function、Async&Await程度を知る必要があります。

この講義をした人は
誰ですか?

ソフトウェア技術を通じて世界に良い影響力を与えたい22年次ソフトウェア開発者
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。

国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。

開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感を持って知識を分かち合うことをしています。

「開発者の品格」 YouTubeチャンネルに公開
「1時間で終わるVue.js入門」講義です。

別の講義を一緒に見る

JavaScriptを正しく学びますか?
基本基盤がしっかりしたJavaScript学習

こんな方に
おすすめです

学習対象は
誰でしょう?

  • しっかりした基礎が欲しい方

  • フロントエンド開発入門者

  • Webフロントエンド開発をしっかりしたい方

  • HTML、CSS、JavaScriptを勉強し、きちんとしたフロントエンド開発をしたい方

  • 来週すぐにVue.jsプロジェクトをする必要がある方

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

  • HTML

  • CSS

  • JavaScript

こんにちは
です。

11,026

受講生

253

受講レビュー

152

回答

4.9

講座評価

8

講座

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

カリキュラム

全体

43件 ∙ (8時間 36分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

56件

4.7

56件の受講レビュー

  • radline000님의 프로필 이미지
    radline000

    受講レビュー 14

    平均評価 4.8

    5

    100% 受講後に作成

    Vui lòng cho tôi biết thêm về Good Google./;

    • realprogrammers
      知識共有者

      Chúng tôi sẽ giải quyết yêu cầu của bạn thông qua kênh Nhân phẩm của Nhà phát triển YouTube. Cảm ơn

  • moretz09211951님의 프로필 이미지
    moretz09211951

    受講レビュー 64

    平均評価 4.9

    5

    58% 受講後に作成

    Rất tốt!!!

  • springstar9385님의 프로필 이미지
    springstar9385

    受講レビュー 1

    平均評価 5.0

    5

    93% 受講後に作成

    Tôi thích bài giảng thú vị này~! Tôi cũng thiết lập cài đặt đăng ký, thích và thông báo trên YouTube.

    • realprogrammers
      知識共有者

      Cảm ơn Tôi sẽ tiếp tục đăng những bài giảng hay trên YouTube.

  • manbalboy님의 프로필 이미지
    manbalboy

    受講レビュー 50

    平均評価 5.0

    5

    100% 受講後に作成

    Đó thực sự là một bài giảng hay. Tôi nghĩ đó là cơ hội để suy nghĩ về cách thiết kế và phổ biến ứng dụng tổng thể, bao gồm API plugin/mixin/thành phần và phân tách mã bộ định tuyến.

    • realprogrammers
      知識共有者

      Cảm ơn bạn rất nhiều vì đánh giá tuyệt vời. Chúng tôi sẽ làm những bài giảng tốt hơn trong tương lai.

  • twinklestyle7029님의 프로필 이미지
    twinklestyle7029

    受講レビュー 3

    平均評価 4.7

    5

    100% 受講後に作成

    Đây là trải nghiệm đầu tiên của tôi với vue.js qua bài giảng này và bài giảng được tổ chức tốt từ cài đặt đến ví dụ. Không có tài liệu không cần thiết, bài giảng được tiến hành nhanh chóng, thời gian giảng ngắn nên dễ nghe mà không bị căng thẳng. bướng bỉnh & amp; Nếu bạn tham gia tất cả các khóa đào tạo thực tế, bạn sẽ không cần phải học thêm bất kỳ bài giảng cơ bản nào nữa. (Để tham khảo, tôi là nhà phát triển web nâng cao và đây là lần đầu tiên tôi sử dụng vue.js.)

    • realprogrammers
      知識共有者

      Cảm ơn bạn rất nhiều vì đã xem xét của bạn.

公開していない講座のため、受講が制限されます。
非公開講座

realprogrammersの他の講座

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

似ている講座

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