1
00:00:00,270 --> 00:00:00,980
Tekrar hoşgeldiniz.

2
00:00:01,000 --> 00:00:03,720
Bu videoda, tüm müfredat boyunca geçmek istiyorum.

3
00:00:03,730 --> 00:00:09,090
Elbette işleri çok fazla konuşmayacağız, ancak sizi konuşacağımız herşeyle

4
00:00:09,090 --> 00:00:10,210
tanıştırmak istiyoruz.

5
00:00:10,320 --> 00:00:16,350
Ve görebildiğiniz kadarıyla biraz var, bunun başlamak çok kapsamlı ve çok uzun bir

6
00:00:16,350 --> 00:00:17,370
ders materyali.

7
00:00:17,430 --> 00:00:20,020
Şu anda bulunduğunuz yer olan ders temellerini yaparız.

8
00:00:20,100 --> 00:00:23,190
Bu bütün dersin kesinlikle en az önemli birimi.

9
00:00:23,200 --> 00:00:28,740
Müfredat ve Ders'in nasıl yürüdüğü hakkında bir şeyler keşfeder ve size bazı önerilerde bulunur ve ardından

10
00:00:28,740 --> 00:00:30,820
ön uç girişiyle birlikte ilerlemeye başlarız.

11
00:00:30,960 --> 00:00:35,210
Bu nedenle, ön uç gelişiminin gelişmekte olan tarafın, HDMI'nın CSSA'nın javascriptin ne

12
00:00:35,260 --> 00:00:38,130
olduğu hakkında ne gibi farklı oldukları hakkında konuşuyoruz.

13
00:00:38,190 --> 00:00:43,170
Ancak biz aslında onunla yaşlandığını konuştuğumuzda bu birime kadar bir sürü kod yazmazsın.

14
00:00:43,710 --> 00:00:49,560
Her takımda giriş ve orta yaşta iki ünite var ve bunu tamamladıktan sonra, işlerin

15
00:00:49,560 --> 00:00:54,650
nasıl güzel olabileceğini nasıl değerlendirdiğimizi görmek için devam ederek biraz stil ekledik.

16
00:00:55,080 --> 00:00:57,820
İşte bu noktada projeler biraz daha heyecan verici hale geliyor.

17
00:00:57,960 --> 00:01:03,180
Fotoğraf portföy sitesi için bir resim galerisi yaptınız mı? Ayrıca CSSA intro ve

18
00:01:04,020 --> 00:01:06,690
geliştirilmiş birimler için bir blog sitesi hazırladık.

19
00:01:06,720 --> 00:01:13,140
Tipografi yazı tipleri gibi özel yazı tipleri de dahil olmak üzere Google yazı tipleri form doğrulamaları çok sayıda konu

20
00:01:13,440 --> 00:01:14,550
ile ilgili konuşuruz.

21
00:01:14,670 --> 00:01:20,160
Ardından, güzel görünümlü Web sitelerini gerçekten hızlı ve kolay bir şekilde oluşturmaya yardımcı olan bir C SS ve

22
00:01:20,160 --> 00:01:22,120
Javascript çerçevesi olan Bootstrap hakkında konuşuruz.

23
00:01:22,320 --> 00:01:28,800
Ve bu birimde bir portföy sitesi ve bir başlangıç ​​açılış sayfası veya bir başlangıç ​​için bir ana sayfa da dahil

24
00:01:28,800 --> 00:01:30,350
olmak üzere birkaç proje hazırlıyoruz.

25
00:01:30,540 --> 00:01:34,890
Ardından javascripti çektik ve bence en azından gerçekten ilginç ve heyecan verici şeyler

26
00:01:34,890 --> 00:01:35,810
elde etmeye başladık.

27
00:01:35,820 --> 00:01:41,340
İlk gerçek programlama dili javascript'imizden bahsedeceğiz, böylece temel bilgilerle başlayacağız ve javascript

28
00:01:41,440 --> 00:01:47,040
ile konuşacak çok şey var, böylece buradan aşağıya doğru neredeyse tamamlandığını görebilirsiniz.

29
00:01:47,040 --> 00:01:47,360
 

30
00:01:47,460 --> 00:01:53,070
Her şey javascript içerir ve adil olmak Her şey H-2 montajları da içerir ancak javascript odak

31
00:01:53,070 --> 00:01:54,260
noktası haline gelir.

32
00:01:54,270 --> 00:01:59,130
Sağlam Web uygulamalarını sadece basit web siteleri haline getirmeye nasıl başlayacağız.

33
00:01:59,140 --> 00:02:01,270
Bir sonraki birimin farkını da genişleteceğim.

34
00:02:01,470 --> 00:02:02,700
Ama devam etmeyelim.

35
00:02:03,030 --> 00:02:04,330
Yani temel işler.

36
00:02:04,350 --> 00:02:10,160
Ardından, kontrol akışı denilen şey hakkında konuşuruz; iş mantığına sahip uygulamalarımıza nasıl temel mantığı

37
00:02:10,170 --> 00:02:11,070
eklediğimiz budur.

38
00:02:11,340 --> 00:02:16,560
Ve sonra bir şey işlevleri javascript dizileri ve nesneleri farklı veri yapılarına çağırdı.

39
00:02:16,920 --> 00:02:22,590
Ve sonra dominant öykünme olan en sevdiğim konuya geçiyoruz; bu, javascript'i değerlendirmek için

40
00:02:22,590 --> 00:02:25,290
etrafındaki her takımla nasıl etkileşim kurduğumuz.

41
00:02:25,290 --> 00:02:29,790
Dolayısıyla bazılarınız hayatında duymadığınız veya anlamayacağınız bir grup rastgele

42
00:02:29,790 --> 00:02:31,070
sözcük olabilir.

43
00:02:31,290 --> 00:02:33,800
Esas olarak işler heyecan verici hale gelmeye başlıyoruz.

44
00:02:33,840 --> 00:02:38,910
Bir sayfada bir şey tıkladığımda, şeyleri ekran boyunca hareket ettiren şeylerin renklerini

45
00:02:38,910 --> 00:02:39,930
canlandırmaya başlayabiliriz.

46
00:02:39,930 --> 00:02:41,870
Çok görsel ve eğlenceli.

47
00:02:42,000 --> 00:02:47,430
O zaman Dom olayları üzerinde odaklanabileceğimiz başka bir aptal manipülasyon olan başka bir birimimiz var.

48
00:02:47,700 --> 00:02:53,220
Ve sonra birlikte hazırladığımız önemli ve oldukça karmaşık bir oyun olan bir renk oyunu projemiz var.

49
00:02:53,520 --> 00:02:56,360
Bu, tüm videoları oluşturan sekiz veya dokuz videodur.

50
00:02:56,370 --> 00:02:58,610
Dolayısıyla bu oldukça açık bir proje.

51
00:02:58,770 --> 00:03:03,350
Ve sonra Jay Querrey adında gerçekten popüler bir kütüphaneye geçiyoruz ve Jay Querrey'nin

52
00:03:03,360 --> 00:03:09,540
ilerlemiş Jay sorusunu ileriye dönük üç üniteye tanıtmaya odaklanıyoruz ve ardından birlikte Sokoto'nun da birlikte olması için

53
00:03:09,540 --> 00:03:12,770
bu projeyi yapmak için duyarlı bir şekilde güzelce oluşturuyoruz.

54
00:03:12,820 --> 00:03:15,970
Orada yedi veya sekiz video da bir bütün birim.

55
00:03:16,380 --> 00:03:22,410
bir geçiş yapıyoruz, bu noktaya kadar her şey ilk ders temel birimi hariç, bunun ne anlama geldiğini

56
00:03:22,680 --> 00:03:28,140
ve farklılıkların önden ve arkadan ve tam yığını hakkında konuştuğumuz ön uç web geliştirme hakkında konuşuyor.

57
00:03:28,140 --> 00:03:29,370
Ve sonra büyük

58
00:03:29,370 --> 00:03:31,220
Bir sonraki birimin içindeki her şey.

59
00:03:31,650 --> 00:03:34,670
Ancak şunu söylemeliyim ki bunların hepsi ön uç.

60
00:03:34,950 --> 00:03:37,420
Hepsi geri döndü.

61
00:03:37,890 --> 00:03:41,140
Yani burada işlerin kayacağı büyük bir çizgi var.

62
00:03:41,250 --> 00:03:46,430
Bu yüzden geri taşındık ve tıpkı öne çıkmış gibi çok temelleri konuşarak başlıyoruz.

63
00:03:46,800 --> 00:03:50,370
Peki geri ne ve farklı şeyler nelerdir.

64
00:03:50,460 --> 00:03:55,290
popüler Web sitelerinde arka uç nasıl kurulduğundan bahsettik ve daha sonra komut satırı hakkında konuştuk.

65
00:03:55,290 --> 00:04:00,120
Bazı diyagramları çizdiğimizden ve bazı şeyleri çizdiğimizden bahsettik, sana bazı örnek siteler ve bazı

66
00:04:00,150 --> 00:04:02,670
Komut satırı veya terminal boyunca nasıl gezinirsiniz.

67
00:04:02,670 --> 00:04:04,560
Girdiğiniz farklı komutlar nelerdir.

68
00:04:04,560 --> 00:04:07,640
Kesinlikle en çok baktığım şey kapak yaptığımız şey.

69
00:04:07,740 --> 00:04:12,720
Şimdiye kadar bir filmde basmakalıp hacker sahnesi görmüş iseniz, genellikle komut satırına

70
00:04:12,720 --> 00:04:13,520
şeyler yazıyorlar.

71
00:04:13,560 --> 00:04:17,030
Bu yüzden biz de bu konuyu konuşacağız ve kursun geri kalan kısmı için kullanacağız.

72
00:04:17,190 --> 00:04:20,640
O halde hiç G-S hakkında konuşmazız ve bu hayır girişine bir giriş.

73
00:04:20,670 --> 00:04:21,370
Evet.

74
00:04:21,510 --> 00:04:26,970
Ve daha sonra kullanacağımız bir düğüm çerçevesi olan ifade vermek için bir giriş, sadece

75
00:04:26,970 --> 00:04:31,710
bir demet kelime ama bizim Web uygulamalarımızı oluşturmak için kullanacağımız bir düğüm çerçevesi.

76
00:04:31,890 --> 00:04:34,620
Ve kursun geri kalan kısmı için bu iki şeyle devam ediyoruz.

77
00:04:34,830 --> 00:04:40,020
O halde intermedia'dan temelde daha gelişmiş konular anlatacağız ve daha sonra farklı bir şeyler

78
00:04:40,020 --> 00:04:40,590
elde edeceğiz.

79
00:04:40,830 --> 00:04:47,110
var UPCAT'ın temellerini biliyorsunuz UPCAT'ın temelleri kampın veri kalıcılığı, kampın yorumlarını, sanat ekleme kampınız var ve

80
00:04:47,120 --> 00:04:53,090
kampın temizlenmesini biliyorsunuz ve kampın tekrar ettikten sonra garip ses çıkmaya başladığını biliyorsunuz yeterince zaman

81
00:04:53,330 --> 00:04:57,050
Yo kampının temelleri ve fark ettiğiniz, Yotam'ın birkaç farklı örneği

82
00:04:57,230 --> 00:05:02,660
Ama ne olduğunu birlikte oluşturduğumuz karmaşık bir uygulamadır ve tekrar ziyaret ettiğimiz bir uygulamadır.

83
00:05:02,760 --> 00:05:08,810
Dolayısıyla, yalnızca bir birimle önemli bir işe veya sadece birkaç videolara rastlamak gerçekten zor olan

84
00:05:08,810 --> 00:05:14,990
küçük projelerden ziyade, sürekli tekrar ziyaret ettiğimiz ve kaygı duymadığımız büyük bir projemizden çok daha

85
00:05:14,990 --> 00:05:16,730
kısa küçük projelerimiz var.

86
00:05:16,730 --> 00:05:22,070
Küçük bir proje yaparak küçük bir proje örneği izleyerek başlayıp daha sonra büyük bir

87
00:05:22,070 --> 00:05:26,890
şeye uygulayarak bu spektrumun her iki tarafına da son bulman gerektiğine gerçekten inanıyorum.

88
00:05:26,960 --> 00:05:31,660
atılmış değil, aynı zamanda bu küçücük oyuncakları tüm rotanız için yapışkan buluyorsunuz değil.

89
00:05:31,730 --> 00:05:34,130
Derin bir projeyi derhal gerçekleştiren derin uca

90
00:05:34,160 --> 00:05:38,540
Gurur duyabileceğiniz bir şey ve dersin sonuna kadar gerçekten karmaşık bir

91
00:05:38,540 --> 00:05:39,680
şey olmasını istiyorum.

92
00:05:39,740 --> 00:05:47,450
Yani kampınız kamp kampları ve açık hava aktiviteleri için bir klon gibi bir yelp kampları oluşturabilir, böylece fotoğrafların

93
00:05:47,450 --> 00:05:52,070
her türlü eğlenceli şeyleri kimlik doğrulamasında oturum açma yorumları vardır.

94
00:05:52,070 --> 00:05:57,650
Yetki hakkında konuştuk ve yeni bir özellik öğrenene kadar UPCAT'a ekliyoruz.

95
00:05:58,190 --> 00:06:00,020
Yani burada kamp temellerini biliyorsunuz.

96
00:06:00,020 --> 00:06:04,170
Uygulamayı ilk gördüğümüz zaman ve çok basit bir yapı oluşturduk.

97
00:06:04,370 --> 00:06:09,680
Ardından veritabanları hakkında konuşuyoruz ve biz kullanacağımız belirli bir veritabanı olan Mongo DB

98
00:06:09,680 --> 00:06:17,330
hakkında konuşuyoruz ve küçük bir proje hazırlıyoruz ve daha sonra kampa geri dönüyor ve Mangu DB'ya ekleyerek Brokamp'a

99
00:06:17,330 --> 00:06:23,120
bağlı bir veritabanımız oluyor. ve sonra dinlendirici yönlendirme adı verilen gerçekten önemli bir konudan

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

101
00:06:23,900 --> 00:06:29,600
Bu, uygulamanızın takip ettiğimiz bir deseni dinlenme planlaması için bir yöntem olan

102
00:06:29,960 --> 00:06:35,630
bir mimari ve dinlendirici yolları kullanarak güzel görünümlü bir blog uygulaması ve

103
00:06:35,620 --> 00:06:42,470
dersin başında öğrendiğimiz bootstrap'e benzer yeni bir CSSA javascript çerçevesi semantik UI oluşturuyoruz tam burada.

104
00:06:43,000 --> 00:06:46,240
Ve fikri sadece sizi başka bir teknolojiye maruz bırakmaktır.

105
00:06:46,250 --> 00:06:47,920
Başka bir popüler çerçeve.

106
00:06:48,050 --> 00:06:52,280
Umarım benzerliklerden bazılarını görmeye başlarsınız ve orada bazı karşılaştırmalar yapmaya başlarsınız.

107
00:06:52,430 --> 00:06:56,400
Daha sonra, daha önemli Unix Veritabanı derneklerinden birine geçiyoruz.

108
00:06:56,420 --> 00:07:01,580
Peki veritabanımızda, kullanıcılar, yorumlar veya blog gönderileri, yorumları, etiketleri ve oyları gibi birbirine

109
00:07:01,610 --> 00:07:07,370
bağlı birden fazla şey var ve birbirleriyle nasıl birbiriyle ilişkili ve birbirlerine bağlı olduklarını.

110
00:07:08,300 --> 00:07:11,620
Ve sonra kampa geri döndük ve yorumları ekledik.

111
00:07:11,660 --> 00:07:18,260
Dolayısıyla, daha küçük bir projedeki veritabanı ilişkileri hakkında bilgi edineceğiz ve daha sonra UPCAT'ı ekledik

112
00:07:18,250 --> 00:07:24,140
ve daha sonra, kimlik doğrulama kullanıcı oturumunu imzalamaya giriş yaptık ve hepsini kilitledik.

113
00:07:24,200 --> 00:07:25,650
Pasaport adlı bir araç kullanarak.

114
00:07:25,690 --> 00:07:28,700
Evet ve bunu kendi uygulamanıza ekledik.

115
00:07:28,700 --> 00:07:34,220
Daha küçük bir uygulamayla giriş yaparak bir uygulama yaptık ve daha önce kampa geri dönmeden

116
00:07:34,370 --> 00:07:40,630
önceki gibi ve kimlik doğrulamasını ekledik, böylece şimdi UPCAT'ı kullanmak veya en azından bazı özellikleri kullanmak için

117
00:07:40,630 --> 00:07:42,390
oturum açıp çıkış yapmanız gerekiyor.

118
00:07:42,680 --> 00:07:47,480
Ve o zaman bizim kampımızın başka bir birimi var ki bu noktada o kadar çok şey

119
00:07:47,480 --> 00:07:53,690
kaplıyoruz ki, geri dönüp bazı şeyleri refaktöre temizlememiz lazım; bu da temelde bazı kodları değiştirip bazı kodları yeniden yazarak daha temiz

120
00:07:53,840 --> 00:07:58,660
daha kısa süren modüler hale getirmek anlamına geliyor. Bu birimde ne demek istediğimi tam olarak göreceğim.

121
00:07:58,750 --> 00:08:04,630
Ancak, bu büyük uygulamayı yeniden organize etmek için çalışıyor çünkü bu noktada çok büyük oluyor

122
00:08:04,630 --> 00:08:10,470
ve daha sonra kullanıcı izinleri olan başka bir önemli konu olan yetkilendirme hakkında konuşuyoruz.

123
00:08:10,630 --> 00:08:13,530
Kullanıcıların yapmalarına izin verilen farklı düzeylerde şeyler.

124
00:08:13,580 --> 00:08:16,580
Böylece kimlik doğrulama, yalnızca insanların giriş yapmasına izin verir.

125
00:08:16,700 --> 00:08:24,110
Yetkilendirme, oturum açtığımda yalnızca bana ait fotoğrafları silebilir veya yazdıklarımı düzenleyebilirim, bunu yapmak

126
00:08:24,110 --> 00:08:29,690
için izin almadıkça bir başkasının yorumlarıyla veya bir başkasının mesajıyla

127
00:08:29,690 --> 00:08:30,790
uğraşamayacağım.

128
00:08:30,880 --> 00:08:32,180
Bunun nasıl çalıştığından bahsediyoruz.

129
00:08:32,300 --> 00:08:33,970
Ve kampa ekledik.

130
00:08:34,190 --> 00:08:37,700
Kesinlikle birçok teknolojiyi kapsadığımız bir sürü şey var.

131
00:08:37,750 --> 00:08:42,740
Ancak kilit nokta, bunu çok mantıklı ve iyi düşünülmüş bir düzende sürdürmek.

132
00:08:42,760 --> 00:08:47,980
Bu teknolojilerin hepsine tonlarca farklı sınıflara farklı öğrencilere birçok kez öğrettim.

133
00:08:48,250 --> 00:08:53,330
Süreyi düşünmek zorunda kalmadığınızı düşündüğünüzden daha az korkutucu.

134
00:08:53,480 --> 00:08:58,690
Ama ne yapacağım, sadece bir adım önde gidip sadece birer birer yapıyorum.

135
00:08:58,850 --> 00:09:04,430
İsteğe bağlı olarak, ileriye bakan ve geriye dönük olan bu derslerden bazılarımız var.

136
00:09:04,580 --> 00:09:09,790
söyleyeceklerim burada nereye gittiğimizin nerede olduğumuza dair zihinsel bir haritaya başlayabilmenizdir.

137
00:09:09,790 --> 00:09:14,160
Temelde dersin belirli noktalarında burada söyleyeceklerim burada söyleyeceklerim burada

138
00:09:14,180 --> 00:09:19,430
Genellikle öğrencilerin bazen kayıp olduklarını ve bulundukları yerin başında büyük bir resim vizyonu

139
00:09:19,420 --> 00:09:20,200
olmadığını keşfettim.

140
00:09:20,270 --> 00:09:23,440
Onlar sadece başlarını yere koydu ve hemen önlerinde olanlara odaklanıyorlardı.

141
00:09:23,720 --> 00:09:28,300
Bu önemlidir, ancak zaman zaman hava gelip, nereden geldik ve ne kadar

142
00:09:28,310 --> 00:09:32,260
ileri gitmemiz gerektiğinden bahsetmek ve temel olarak bu çizgiyi çizmek önemlidir.

143
00:09:32,300 --> 00:09:32,640
TAMAM.

144
00:09:32,650 --> 00:09:36,550
Buna göre, gerçekten çok heyecan verici, çok sayıda eğlenceli proje var.

145
00:09:36,640 --> 00:09:40,430
Ön ve web geliştirme ile ilgili bir giriş hakkında konuşarak başlayalım