1
00:00:00,270 --> 00:00:00,980
お帰りなさい。

2
00:00:01,000 --> 00:00:03,720
このビデオでは、全シラバスを使いたいと思っています。

3
00:00:03,730 --> 00:00:09,090
もちろん、私たちは物事について詳しく話すつもりはありませんが、私たちが話そうとしていることすべてについてあなたを紹介したいと思います。

4
00:00:09,090 --> 00:00:10,210
 

5
00:00:10,320 --> 00:00:16,350
そして、これは非常に長いコースロットの材料は、非常に包括的であることがわかるように、かなりあります。

6
00:00:16,350 --> 00:00:17,370
 

7
00:00:17,430 --> 00:00:20,020
私たちはあなたの現在のところであるコースの基礎を習います。

8
00:00:20,100 --> 00:00:23,190
これは間違いなく、このコース全体で最も少ないユニットです。

9
00:00:23,200 --> 00:00:28,740
シラバスとコースがどのように機能しているかを知り、アドバイスをいただき、フロントエンドの紹介をします。

10
00:00:28,740 --> 00:00:30,820
 

11
00:00:30,960 --> 00:00:35,210
そこでフロントエンドの開発がどのようなものなのか、HDMIはCSSAがjavascriptとはどのように違うのかということです。

12
00:00:35,260 --> 00:00:38,130
 

13
00:00:38,190 --> 00:00:43,170
しかし、あなたがまだ彼を老化させたことについて実際に話すときには、このユニットまではまだ多くのコードを書いていません。

14
00:00:43,710 --> 00:00:49,560
だから、各チームには2つのユニットがあり、紹介と中間は彼を老化させてしまいました。そしてそれを終えたら、私たちが物事を見栄えにする方法を評価するために移動します。

15
00:00:49,560 --> 00:00:54,650
 

16
00:00:55,080 --> 00:00:57,820
プロジェクトがもう少しエキサイティングなものになるのです。

17
00:00:57,960 --> 00:01:03,180
写真ポートフォリオサイト用のイメージギャラリーを作ったことがありますか？また、CSSAの紹介や上級のユニットにブログサイトを作ってもらったことがありますか？

18
00:01:04,020 --> 00:01:06,690
 

19
00:01:06,720 --> 00:01:13,140
Googleフォントを使用したカスタムフォントなどのタイポグラフィーフォントのようなものについては、さまざまなトピックで検証します。

20
00:01:13,440 --> 00:01:14,550
 

21
00:01:14,670 --> 00:01:20,160
次に、見た目の良いWebサイトを本当に素早く簡単に作成できるようにする、C S

22
00:01:20,160 --> 00:01:22,120
SおよびJavascriptフレームワークであるBootstrapについて説明します。

23
00:01:22,320 --> 00:01:28,800
その部門では、ポートフォリオサイトとスタートアップのランディングページまたはスタートアップのホームページを含むいくつかのプロジェクトを行います。

24
00:01:28,800 --> 00:01:30,350
 

25
00:01:30,540 --> 00:01:34,890
それから私たちはjavascriptを打ちました、そして、それは私の意見では、少なくとも本当に面白くてエキサイティングなものになり始めました。

26
00:01:34,890 --> 00:01:35,810
 

27
00:01:35,820 --> 00:01:41,340
 

28
00:01:41,440 --> 00:01:47,040
 

29
00:01:47,040 --> 00:01:47,360
最初の実際のプログラミング言語のJavaScriptの話を始めるので、基本から始めます.Javascriptについて多くのことを話すことができますので、ここから最後までかなり多くを取り上げることができます。

30
00:01:47,460 --> 00:01:53,070
すべてがjavascriptに関係しており、公正であることすべてがH-2マウントにも関係しますが、javascriptが焦点になります。

31
00:01:53,070 --> 00:01:54,260
 

32
00:01:54,270 --> 00:01:59,130
それで、単純なWebサイトだけでなく、堅牢なWebアプリケーションを作成する方法です。

33
00:01:59,140 --> 00:02:01,270
そして、その違いを次のユニットに広げます。

34
00:02:01,470 --> 00:02:02,700
しかし、動き続けよう。

35
00:02:03,030 --> 00:02:04,330
基本的な仕事。

36
00:02:04,350 --> 00:02:10,160
次に、制御フローと呼ばれる、ジョブスクリプトを使用してアプリケーションに基本ロジックを追加する方法について説明します。

37
00:02:10,170 --> 00:02:11,070
 

38
00:02:11,340 --> 00:02:16,560
そして、さまざまなデータ構造に関数javascript配列とオブジェクトと呼ばれるものがあります。

39
00:02:16,920 --> 00:02:22,590
そして私たちは、私たちが実際にjavascriptを使って評価するために各チームとどのようにやりとりするかという、優勢なエミュレーションである私のお気に入りのトピックに移ります。

40
00:02:22,590 --> 00:02:25,290
 

41
00:02:25,290 --> 00:02:29,790
あなたの人生のなかで一度も聞いたことがないランダムな言葉がたくさんあるかもしれませんし、実際には意味をなさないこともあります。

42
00:02:29,790 --> 00:02:31,070
 

43
00:02:31,290 --> 00:02:33,800
基本的には、私たちが物事を刺激する方法です。

44
00:02:33,840 --> 00:02:38,910
私がページをクリックすると、何かが起きると、色を変えて画面上で物事を動かすことができます。

45
00:02:38,910 --> 00:02:39,930
 

46
00:02:39,930 --> 00:02:41,870
非常に視覚的で楽しいです。

47
00:02:42,000 --> 00:02:47,430
次に、我々が集中することができるいくつかの他の愚かな操作であるDomイベント上の別のユニットを持っています。

48
00:02:47,700 --> 00:02:53,220
そして、我々は一緒に作る実質的でかなり複雑なゲームであるカラーゲームプロジェクトを持っています。

49
00:02:53,520 --> 00:02:56,360
それはユニット全体で、このゲームを作成する8または9のビデオです。

50
00:02:56,370 --> 00:02:58,610
それはかなり合法なプロジェクトです。

51
00:02:58,770 --> 00:03:03,350
その後、Jay

52
00:03:03,360 --> 00:03:09,540
Querreyと呼ばれる本当に人気のある図書館に進み、Jay

53
00:03:09,540 --> 00:03:12,770
Querrey先進的なJayクエリーへの3つのユニットの導入について重点的に取り上げます。

54
00:03:12,820 --> 00:03:15,970
それは全体のユニット7または8ビデオもそこにあります。

55
00:03:16,380 --> 00:03:22,410
 

56
00:03:22,680 --> 00:03:28,140
そして、私たちは大きなスイッチを持っていますので、最初のコースの基本単位を除いたこの時点までのすべてがフロントエンドのWeb開発について語ります。これは、その意味と、フロントとバックとフルスタックの違いについて話します。

57
00:03:28,140 --> 00:03:29,370
 

58
00:03:29,370 --> 00:03:31,220
次のユニットのすべてのもの。

59
00:03:31,650 --> 00:03:34,670
しかし、私はちょうどこれがすべてのフロントエンドであることを指摘します。

60
00:03:34,950 --> 00:03:37,420
これはすべて元気です。

61
00:03:37,890 --> 00:03:41,140
ここには物事が変わる大きな線があります。

62
00:03:41,250 --> 00:03:46,430
そこで私たちは前に戻ってきました。私たちは正面から出てきたように、非常に基本的なことについて話を始めます。

63
00:03:46,800 --> 00:03:50,370
それでは、背中は何ですか、そして、何が関係しているのでしょうか。

64
00:03:50,460 --> 00:03:55,290
私たちは、いくつかの図を描き、いくつかの例を紹介し、サイトの例と、いくつかの一般的なWebサイトでバックエンドを設定し、コマンドラインについて話しました。

65
00:03:55,290 --> 00:04:00,120
 

66
00:04:00,150 --> 00:04:02,670
コマンドラインやターミナルをどのようにナビゲートしますか？

67
00:04:02,670 --> 00:04:04,560
あなたが入力する異なるコマンドは何ですか？

68
00:04:04,560 --> 00:04:07,640
間違いなく私たちがカバーしている最もタックルに見えるもの。

69
00:04:07,740 --> 00:04:12,720
映画の中でステレオタイプのハッカーシーンのように見たことがある人は、通常、コマンドラインに入力します。

70
00:04:12,720 --> 00:04:13,520
 

71
00:04:13,560 --> 00:04:17,030
それで、私たちはそれについて話し、それをコースの残りの部分に使用します。

72
00:04:17,190 --> 00:04:20,640
それから私たちはG-Sについて話していません。

73
00:04:20,670 --> 00:04:21,370
はい。

74
00:04:21,510 --> 00:04:26,970
そして、これから紹介するノードフレームワークを紹介していきます。それは単なる言葉ではありませんが、ノードフレームワークはWebアプリケーションの作成に使用します。

75
00:04:26,970 --> 00:04:31,710
 

76
00:04:31,890 --> 00:04:34,620
そして残りの2つのことを続けます。

77
00:04:34,830 --> 00:04:40,020
だから、私たちは基本的にいくつかのより高度なトピックを表現するintermediaについて話をしてから、別のものに行きます。

78
00:04:40,020 --> 00:04:40,590
 

79
00:04:40,830 --> 00:04:47,110
 

80
00:04:47,120 --> 00:04:53,090
キャンプの基礎とあなたはいくつかの例があることに気づくでしょう。キャンプデータの永続性を知っているキャンプデータを知っていますキャンプのコメントを知っていますキャンプの芸術を追加してキャンプの清掃を知っていて、繰り返した後にキャンプは間違いなく奇妙に聞こえるそれは十分な時間です。

81
00:04:53,330 --> 00:04:57,050
 

82
00:04:57,230 --> 00:05:02,660
しかし、それが何であるかは、私たちが一緒に作り出す複雑なアプリケーションであり、我々が再訪し続けるものです。

83
00:05:02,760 --> 00:05:08,810
 

84
00:05:08,810 --> 00:05:14,990
 

85
00:05:14,990 --> 00:05:16,730
したがって、1つのユニットでわずかな量のものにするのが本当に難しい小さなプロジェクトではなく、これは大きなプロジェクトであり、私たちは継続的に再訪し、小さくても短いプロジェクトがたくさんあることを心配しません。

86
00:05:16,730 --> 00:05:22,070
私はあなたが小さいプロジェクトを作っている小さなインスタンスを見てからそれを大きなものに適用することから始めるべきだと強く信じています。

87
00:05:22,070 --> 00:05:26,890
 

88
00:05:26,960 --> 00:05:31,660
あなたはすぐに巨大なプロジェクトを作成する深い終わりに投げ込まれていないだけでなく、あなたは、あなたのコース全体のためのこれらの小さなおもちゃを作って立ち往生していません。

89
00:05:31,730 --> 00:05:34,130
 

90
00:05:34,160 --> 00:05:38,540
私はあなたが誇りに思うことができ、コースの最後には本当に複雑な何かを持っていてほしいです。

91
00:05:38,540 --> 00:05:39,680
 

92
00:05:39,740 --> 00:05:47,450
だからキャンプキャンプ場のキャンプ場と野外活動のためのクローンのような妖精ですので、キャンプ場を作成することができます。

93
00:05:47,450 --> 00:05:52,070
 

94
00:05:52,070 --> 00:05:57,650
私たちは承認について話しました。新しい機能を学ぶ度に、UPCATに追加されました。

95
00:05:58,190 --> 00:06:00,020
そこで私たちはキャンプの基礎を知っています。

96
00:06:00,020 --> 00:06:04,170
アプリを見るのは初めてだし、基本的な構造を設定している。

97
00:06:04,370 --> 00:06:09,680
それからデータベースについて話し、私たちが使用する特定のデータベースであるMongo

98
00:06:09,680 --> 00:06:17,330
DBについて話します。そこで小さなプロジェクトを作ってから、Mangu

99
00:06:17,330 --> 00:06:23,120
DBに追加してデータベースを追加してBrokampに接続します私たちは、安静なルーティングと呼ばれる本当に重要な話題について話します。

100
00:06:23,120 --> 00:06:23,870
 

101
00:06:23,900 --> 00:06:29,600
 

102
00:06:29,960 --> 00:06:35,630
 

103
00:06:35,620 --> 00:06:42,470
これはアーキテクチャであり、我々のアプリケーションに休憩と呼ばれるパターンを計画する方法であり、安らかなルートを使って見栄えのよいブログアプリと、以前に学んだブートストラップに似たセマンティックUIと呼ばれる新しいCSSAのjavascriptフレームワークを構築しますここに。

104
00:06:43,000 --> 00:06:46,240
また、あなたを別の技術に晒すという考えがあります。

105
00:06:46,250 --> 00:06:47,920
もう一つの一般的なフレームワーク。

106
00:06:48,050 --> 00:06:52,280
うまくいけば、あなたは類似点のいくつかを見て、そこでいくつかの比較を描き始めます。

107
00:06:52,430 --> 00:06:56,400
その後、より重要なUnixデータベースの関連付けに移ります。

108
00:06:56,420 --> 00:07:01,580
 

109
00:07:01,610 --> 00:07:07,370
だから、私たちのデータベースには、ユーザー、コメント、ブログの投稿、コメント、タグ、投票のようなものがどのようにつながっているのか、それらは相互にどのように相互に関連付けられ、互いにつながっているのでしょうか。

110
00:07:08,300 --> 00:07:11,620
そして、私たちはキャンプに戻り、コメントを追加します。

111
00:07:11,660 --> 00:07:18,260
そこで、より小さなプロジェクトでデータベースの関連付けを学び、次にUPCATを追加してから、ユーザーログの認証に進み、すべてのサインインとロックにサインアップします。

112
00:07:18,250 --> 00:07:24,140
 

113
00:07:24,200 --> 00:07:25,650
パスポートというツールを使用します。

114
00:07:25,690 --> 00:07:28,700
はい、それを私たち自身のアプリケーションに追加します。

115
00:07:28,700 --> 00:07:34,220
 

116
00:07:34,370 --> 00:07:40,630
 

117
00:07:40,630 --> 00:07:42,390
私たちは小さなアプリケーションでログインしてアプリケーションを作成し、キャンプに戻って認証を追加するので、UPCATを使用するにはログインしてログアウトするか、少なくともいくつかの機能を使用する必要があります。

118
00:07:42,680 --> 00:07:47,480
 

119
00:07:47,480 --> 00:07:53,690
 

120
00:07:53,840 --> 00:07:58,660
そして、私たちはキャンプのもう一つのユニットを持っています。ここでは、私たちが多くをカバーして、リファクタリングでいくつかのコードを書き直すことを基本としています。私はそのユニットで何を意味するのか正確に分かります。

121
00:07:58,750 --> 00:08:04,630
しかし、この大規模なアプリケーションを再編成することに専念しています。その時点で、それは非常に大きくなり、基本的にユーザー権限であるもう1つの重要なトピックである承認について話します。

122
00:08:04,630 --> 00:08:10,470
 

123
00:08:10,630 --> 00:08:13,530
ユーザーが許可するさまざまなレベルのもの。

124
00:08:13,580 --> 00:08:16,580
だから、認証は単に人にログインさせるだけです。

125
00:08:16,700 --> 00:08:24,110
承認は、私がログインしたときに私に属する写真を削除するか、自分が作成したコメントを編集することができることを確認しています。

126
00:08:24,110 --> 00:08:29,690
 

127
00:08:29,690 --> 00:08:30,790
 

128
00:08:30,880 --> 00:08:32,180
それで、その仕組みについて話します。

129
00:08:32,300 --> 00:08:33,970
そして私たちは私たちのキャンプに加わりました。

130
00:08:34,190 --> 00:08:37,700
間違いなく、私たちは多くの技術をカバーしています。

131
00:08:37,750 --> 00:08:42,740
しかし、重要なポイントは、これを非常に論理的かつ十分に考察された順序で行うことです。

132
00:08:42,760 --> 00:08:47,980
私はこれらの技術のすべてを、異なるクラスの異なる生徒に何度も教えてきました。

133
00:08:48,250 --> 00:08:53,330
それはあなたが時間全体を前もって考えている必要はないように見えるかもしれないということをはるかに少なくすることです。

134
00:08:53,480 --> 00:08:58,690
しかし、私は、まっすぐ進むだけで、一度に1つのユニットをやっていくよりも、何をするつもりです。

135
00:08:58,850 --> 00:09:04,430
私たちは、先を見越して戻ってくるこれらのレッスンは、任意の講義を持っています。

136
00:09:04,580 --> 00:09:09,790
ですから、基本的にコースの特定のポイントでは、ここで私たちがここでカバーしてきたことはどこに行こうとしているのか、私たちがいる場所の精神的なマップを始めることができると言います。

137
00:09:09,790 --> 00:09:14,160
 

138
00:09:14,180 --> 00:09:19,430
私はしばしば生徒が時々迷子になり、彼らの頭の中に大きな視野を持っていないことが分かりました。

139
00:09:19,420 --> 00:09:20,200
 

140
00:09:20,270 --> 00:09:23,440
彼らはただ頭を下げ、すぐ前のものに集中します。

141
00:09:23,720 --> 00:09:28,300
それは重要なことですが、時には空気に出て、私たちがどこに来たのか、さらにどれだけ進むべきかについて話をし、基本的にその線を描くことも重要です。

142
00:09:28,310 --> 00:09:32,260
 

143
00:09:32,300 --> 00:09:32,640
OK。

144
00:09:32,650 --> 00:09:36,550
そうすれば、本当に面白い、たくさんの楽しいプロジェクトがたくさんあります。

145
00:09:36,640 --> 00:09:40,430
フロントとウェブ開発の紹介について話を進めてみましょう