Udemy

Vue.jsの基本的な使い方イントロダクション

2018-11-14 By プログラミング入門ナビ編集部

注目度抜群のJavaScriptフレームワーク「Vue.js」入門オンラインコース『「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」』 Vuejsの基本的な使い方のセクションのイントロダクションです。

オンライン講座「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」を、世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）で公開中です。

Vue.jsを動画で学ぶ

説明

このセクションでは、Vue.jsの基本的な使い方について、速習を行います。

機能の詳細については、あとのセクションで個別に説明します。
まずは、細かいことよりも、Vue.jsの全体像についてコードを書いて習得することを目的としています。

学習環境としては、JavaScriptの学習に便利なWebサービス jsFiddleを利用します。
無料で使えて、ユーザー登録も必須ではありません。

jsFiddleを使わないで、テキストエディタを使って開発する方法についても、補足説明いたします。

このセクションの学習カリキュラム

イントロダクション
JSFiddle 画面説明
Vue.jsの読み込み
Vue.jsの開発バージョンと本番バージョン
Vueインスタンスの作成
ルートのテンプレートを作成
データバインディングとは
Vue.js入門テキストのデータバインディング
dataオプションにオブジェクトや配列要素を設定
jsFiddle 便利な設定
jsFiddle ソースコードの保存
エラーを自力で解決する方法
ディレクティブとは
属性のデータバインディング v-bind
条件分岐 v-if
条件分岐 v-show
繰り返しの描画 v-for
オブジェクトの繰り返し描画 v-for
イベントの基本 v-on
双方向データバインディング v-model
コンポーネント
トランジション
演習：Vue.jsの基本的な使い方のまとめ①
演習：Vue.jsの基本的な使い方のまとめ②
補足：テキストエディタを使った開発
consoleからObj操作

おわりに

Vue.jsのコードは書いていて、とても楽しいです。

この楽しさは理屈では説明が難しいので、まずはコードを書いて体感してください。

詳細は無料プレビュー動画を30分用意しましたので、ぜひご覧ください！

はじめてのVue.js 3 入門！jQuery を使わないウェブ開発 - 導入からアプリケーション開発まで体系的に学ぶ中村祐太 Yuta Nakamura, Proglus （プログラス）Angular.js、React.jsに比べて学習コストが低い注目度抜群のJavaScriptフレームワーク Vue.js！高度化するWeb開発のフロントエンド開発の課題を解決。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

【JavaScript】変数の宣言var, const, let の違いについて

2018-11-10 By プログラミング入門ナビ編集部

変数の宣言var, const, let の違いについて、プログラミング入門者向けに説明いたします。

主に、「動作の違い」、「利用できるJavaScriptのバージョンの違い」2点が挙げられます。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

① 動作の違い

var ・・・「再宣言」も「再代入」も可能

例)

var num = 10; // OK
num = 11; // OK
var num = 12; // OK

let・・・「再宣言」が不可

例)

let num = 10; // OK
num = 11; // OK
let num = 12; // NG

const ・・・「再宣言」も「再代入」も不可

例)

const num = 10; // OK
num = 11; // NG
const num = 12; // NG

②利用できるJavaScriptのバージョンの違い

var・・・すべてのJavaScriptバージョンで利用できる。
let, const ・・・ES2015以降で利用できる。インタネットエクスプローラーなど、対応していないブラウザがあるため、公開時にES5のコードに変換するなど配慮が必要になる場合がある。

おわりに

この記事では、変数の宣言var, const, let の違いについて、プログラミング入門者向けに説明しました。

Udemyでオンライン講座を公開中！

オンライン講座「Web開発入門完全攻略コース」では、JavaScriptの使い方を始めとした、プログラミング入門について動画を使って学習できます。
無料プレビューを1時間分用意しています。ぜひご確認ください！

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Herokuアカウントの新規作成方法

2018-10-28 By プログラミング入門ナビ編集部

Railsアプリケーション等を簡単にインターネットに公開できるクラウドサービスHerokuのアカウント作成方法について説明いたします。
この記事は、Ruby on Railsを使いWebアプリケーションを開発して公開するのサポートと記事です。

HerokuのWebサイトを表示

Heroku
このURLから登録します。

新規登録ボタンをクリック

必要事項を記入

必要事項を記入します。

迷いそうな点について補足すると、
役職は、学習用途であれば「趣味でのご利用」、
主な開発言語は、「Ruby」、としておけば問題ないでしょう。

メールアドレス確認

登録したメールアドレスに、確認メールが届きます。
記載されたURLをクリックして、確認を完了させます。

パスワード

セキュアなパスワードを設定します。

Herokuへようこそ

アカウント作成が完了しました。
ボタンをクリックします。

ログイン完了

ログインが完了しました。

おわりに

オンライン講座「Ruby on Railsを使いWebアプリケーションを開発して公開する」では、
汎用性が高くPythonやPHPと同様に人気のあるRubyを使ってWebアプリ作成に挑戦します。
基礎からAWSでの開発環境構築、Herokuを使ってWebアプリをインターネット上で公開するまでを体系的に学びます。

＞＞いますぐ確認する

詳細は無料プレビュー動画を30分用意しましたので、ぜひUdemyのWebサイトでご覧ください！！

Udemy

Vue.jsを動画で学ぶ

説明

このセクションの学習カリキュラム

おわりに

動画でプログラミング入門をしよう

① 動作の違い

var ・・・「再宣言」も「再代入」も可能

let・・・ 「再宣言」が不可

const ・・・ 「再宣言」も「再代入」も不可

②利用できるJavaScriptのバージョンの違い

おわりに

Udemyでオンライン講座を公開中！

動画でプログラミング入門をしよう

HerokuのWebサイトを表示

必要事項を記入

メールアドレス確認

パスワード

Herokuへようこそ

ログイン完了

おわりに

コース紹介動画

動画でプログラミング入門をしよう

コース概要

学習のスタイル

対象の受講生

このコースで達成できること

カリキュラム

利用ソフトウェア等

事前に必要な知識

今すぐ受講！

読者限定特別クーポン

コース紹介動画

おわりに

動画でプログラミング入門をしよう

Udemy セール 実施期間

Udemyのセールスポイント

Udemyをおすすめする理由

Udemy おすすめのコース

Web開発入門

Vue.js入門

React.js入門

Linuxサーバー入門

Python入門

AI・機械学習入門

アプリ開発

3Dゲーム制作入門

データ分析

エクセル入門

こんな方におすすめのUdemy

おわりに

動画でプログラミング入門をしよう

let・・・「再宣言」が不可

const ・・・「再宣言」も「再代入」も不可

Udemy セール実施期間