5/10(Mon)
第1回：2019年12月20日公開
60min
この授業は、今までプログラミングの経験が無い方にも プログラミングが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回で使用するコード
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. 「表示」→「開発/管理」→「デベロッパーツール」
スライド資料
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. 「表示」→「開発/管理」→「デベロッパーツール」
スライド資料
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. 「表示」→「開発/管理」→「デベロッパーツール」
スライド資料
2020年1月13日公開
100min.
この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。
・モダンな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. 「表示」→「開発/管理」→「デベロッパーツール」
スライド資料
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. 「表示」→「開発/管理」→「デベロッパーツール」
スライド資料
2020年1月13日公開
60min.
この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。
・TypeScript
・Vue.js
この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。
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. 「表示」→「開発/管理」→「デベロッパーツール」
スライド資料
第15回 5/25(火) 21:00〜22:30
第9回 6/28(月) 20:00〜21:00
第4回 5/14(金) 21:00〜22:00
第17回 5/31(月) 20:00〜21:00
第2回 5/10(月) 21:00〜22:00
第3回 5/17(月) 20:00〜21:30
第14回 5/26(水) 20:00〜21:00
第5回 5/16(日) 21:00〜22:15
第12回 6/1(火) 20:00〜21:00
第5回 5/14(金) 20:00〜21:00
第6回 6/1(火) 21:00〜22:00
5/25(火) 22:00〜23:00
5/24(月) 20:00〜21:00
5/11(火) 21:00〜22:00
5/17(月) 22:00〜23:00
第14回 5/26(水) 20:00〜21:00
5/23(日) 21:00〜22:00
第1回 5/19(水) 20:00〜21:00
5/29(土) 20:00〜21:00
5/22(土) 21:00〜22:00
第1回 5/11(火) 20:00〜21:00
第1回 5/20(木) 20:00〜21:00
第2回 5/13(木) 21:00〜22:00
第11回 5/30(日) 20:00〜21:00
5/18(火) 20:00〜21:00
5/30(日) 21:00〜22:00
5/29(土) 21:00〜22:00
5/15(土) 20:00〜21:00
第17回 5/31(月) 20:00〜21:00
第2回 5/24(月) 21:00〜22:00
