おためし受講中

React.js実践入門 -最新のJavaScriptについて知ろう・開発環境を整えよう-

React.jsは、Facebook製のUI構築用のJavascriptライブラリです。
第1回は、あえてReact.jsには触れずに、前回の入門編では触れられなかった
 「最新のJavaScript文法」と「最近の開発環境事情」について解説します。

JavaScriptは、モダンなブラウザ、Node.jsにおいて実装がほぼ完了している『ES2015』や、将来実装されるかもしれない『ES2016』『ES2017』を用いてコードを書くことが標準的になってきます。この授業では、その背景や、新しいシンタックス、関連するツールなどについて解説します。また、昨今のWebフロントエンドの開発環境についても解説します。

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    自己紹介
    環境について
    00:32  (01:30 ~ )
    もくじ
    00:26  (02:02 ~ )
    モダンな開発環境について
    00:18  (02:28 ~ )
    【先生からの質問】前回の授業(React.js入門)を 受講した人はどれくらい居ますか?
    03:51  (02:46 ~ )
    使うツールの紹介
    00:10  (06:37 ~ )
    Babel
    05:43  (06:47 ~ )
    webpack
    06:56  (12:30 ~ )
    npm scripts
    06:52  (19:26 ~ )
    create-react-app
    03:04  (26:18 ~ )
    モダンな JavaScriptについて
    00:18  (29:22 ~ )
    【先生からの質問】ES2015でコードを書いているぞ という人は?
    02:45  (29:40 ~ )
    なぜReact.jsなのに ES2015やるのか?
    00:41  (32:25 ~ )
    ECMAScriptとは?
    00:42  (33:06 ~ )
    ECMAScriptのバージョン
    01:24  (33:48 ~ )
    ES2015の紹介
    00:16  (35:12 ~ )
    const/let
    01:59  (35:28 ~ )
    変数のスコープ
    00:12  (37:27 ~ )
    varは使わないようにしよう
    00:13  (37:39 ~ )
    letとconstの使い分け
    00:29  (37:52 ~ )
    Template literal
    00:50  (38:21 ~ )
    アロー関数
    01:54  (39:11 ~ )
    Computed properties
    00:38  (41:05 ~ )
    Shorthand properties
    00:57  (41:43 ~ )
    分割代入(Destructuring assignment)
    01:16  (42:40 ~ )
    関数のデフォルト引数
    00:20  (43:56 ~ )
    他にも色々
    02:23  (44:16 ~ )
    まとめ
    02:20  (46:39 ~ )
    Q.JS初心者も初めからES6で初めて、babelでトランスパイルする形でもすでにWEBのフロントの実務で問題ないでしょうか? ただ、その場合まだ初心者にもわかるように解説されているようなものが見当たらない気がするのですが、 そのようなサイトや教材をご存じないでしょうか? スクーで初心者にもわかるES6みたいな講座をやってもらえれば一番うれしいです!www
    Q.npm install --save-dev eslint やってもeslint で実行できない。PATHにnode_modules/.binが追加されていないような・・・
    01:17  (50:27 ~ )
    Q.初期のJSとES2015とは、言語として全く変わってしまっていますか?
    01:32  (51:44 ~ )
    Q.jQueryからreactにだんだん移行していきますでしょうか?
    01:20  (53:16 ~ )
    Q.CoffeeScriptやTypeScriptは役払いですか?文法は違うしクラス化等で役割が違う気がしますが・・・
    01:14  (54:36 ~ )
    Q.AngularやBackboneはオワコンですか?
    01:33  (55:50 ~ )
    お知らせ
      (57:23 ~ )