7/2(Thu)

今日の生放送

JavaScript入門【2019年版】

JavaScript入門 -変数と演算子-

第1回:2019年12月20日公開

60min

JavaScript入門 -変数と演算子-

おためし受講する(5分)

コース概要

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。

今までJavaScriptをつかったことがない人でも分かりやすく、今ある環境で勉強することができます。
今使っているSchooのページを使ってJavaScriptがどういうものなのかを実践したり、基本的な構文も学ぶことができます。

 

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

Google Chrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

 

第4回で使用するコード

https://github.com/migi1982/schoo_javascript_201912

 

第6回で使用するコード

https://github.com/migi1982/schoo_vue_201912

こんな人にオススメ

プログラミングに興味があり、JavaScriptの基本を学びたい方

担当の先生

参加したい受講生 : 701

カテゴリー

タグ

月額980円で、4,600本以上の授業が見放題

授業リスト

JavaScript入門 -変数と演算子-

2019年12月20日公開

60min.

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。
今までJavaScriptをつかったことがない人でも分かりやすく、今ある環境で勉強することができます。

 

■今回のアジェンダ

・JavaScriptとは
・さっそく書いてみよう
・変数
・演算子

 

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

スライド資料

JavaScript入門 -型、条件分岐、ループ-

2019年12月20日公開

90min.

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。

 

■今回のアジェンダ

・基本的なJavaScriptの開発環境
・型
・条件分岐
・ループ

 

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

スライド資料

JavaScript入門 -関数、オブジェクトの深い話-

2019年12月16日公開

90min.

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。

 

■今回のアジェンダ

・関数
・オブジェクトの深い話

 

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

スライド資料

JavaScript入門 -モダンなJavaScriptの開発環境、DOM-

2020年1月13日公開

100min.

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。

今回はwebpackを活用したモダンなJavaScript開発環境の構築について解説します。

 

■今回のアジェンダ

・モダンなJavaScriptの開発環境
 :Node.js
 :Yarn
 :webpack
 :babel

・DOMについて

 

使用するコード

https://github.com/migi1982/schoo_javascript_201912

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

スライド資料

JavaScript入門 -非同期処理、Ajax通信-

2020年1月13日公開

60min.

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。

 

■今回のアジェンダ

・非同期処理
・Ajax通信

 

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

スライド資料

JavaScript入門 -TypeScript、Vue.js-

2020年1月13日公開

60min.

この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。

 

■今回のアジェンダ

・TypeScript
・Vue.js

 

使用するコード

https://github.com/migi1982/schoo_vue_201912

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

 

Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方

1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」

スライド資料

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ