1
00:00:00,120 --> 00:00:00,390
Okee.

2
00:00:00,390 --> 00:00:01,190
Welkom terug.

3
00:00:01,350 --> 00:00:18,260
In de komende paar video's die we nu gaan richten op het bouwen van een substantiële applicatie iets dat veel van het verplaatsen van stukken heeft langere html meer CSSA veel styling en vooral veel dominante bevolking en event handly wat we gaan bouwen een RG worden gekleurd raadspel.

4
00:00:18,510 --> 00:00:24,980
Dus het is niet alleen een grote demonstratie van hoe al deze stukjes in elkaar passen, maar het is ook echt een leuke tool voor u te hebben.

5
00:00:24,990 --> 00:00:30,790
En voor u om te oefenen R.G. zijn kleuren omdat de RGV kleursysteem is een beetje unintuitive op het eerste.

6
00:00:30,810 --> 00:00:35,300
Het is heel anders dan de meeste kleursystemen die mensen zijn gewend te werken met.

7
00:00:35,310 --> 00:00:36,860
Dus laat me laten zien hoe het werkt.

8
00:00:36,870 --> 00:00:40,330
We laden de pagina en krijgen we zes willekeurige kleuren hier.

9
00:00:40,530 --> 00:00:41,750
Deze zijn steeds verschillend.

10
00:00:41,850 --> 00:00:47,150
En een van die kleuren wordt vermeld hier de naam van de kleur in onze GP.

11
00:00:47,250 --> 00:00:50,330
En onze taak is om die een te kiezen.

12
00:00:50,340 --> 00:01:01,020
Vergeet niet dat er drie kanalen rood, groen en blauw en een ieder varieert van 0 tot 255 en alles wat we nodig hebben zijn die drie kleuren om elke kleur die we ooit zou willen maken.

13
00:01:01,170 --> 00:01:07,940
Zwart wit geel oranje paars al die zijn eigenlijk gemaakt door een combinatie van rood, groen en blauw.

14
00:01:08,340 --> 00:01:09,410
Dus als we een kijkje nemen.

15
00:01:09,570 --> 00:01:13,850
Ik heb Wikipedia openen we kunnen zien hoe additief mengen van kleuren werken in dit diagram.

16
00:01:13,920 --> 00:01:24,650
Dus hebben we rood, groen en blauw en geel we eigenlijk combineren rood en groen dat is misschien een beetje anders dan wat je verwacht dat magenta te maken.

17
00:01:25,170 --> 00:01:26,730
Het is blauw en rood.

18
00:01:26,940 --> 00:01:31,340
En om ervoor te Cyan is lichtblauwe kleur is het groen en blauw.

19
00:01:31,470 --> 00:01:34,810
En dan tot slot naar wit combineren we alle drie te maken.

20
00:01:34,810 --> 00:01:38,170
Dus hier is nog een diagram hier gedaan dat het een beetje makkelijker maakt.

21
00:01:38,190 --> 00:01:44,850
We hebben rode, groene en blauwe en magenta geel cyaan en wit en dan is zwart geen kleur.

22
00:01:45,000 --> 00:01:49,640
Dus als we terug gaan kunnen we gebruiken om te proberen erachter te komen welke kleur dit is.

23
00:01:49,920 --> 00:01:54,860
Dus als we een kijkje te nemen hebben we een bos van rode bijna alle rood.

24
00:01:55,140 --> 00:02:00,660
Tot 255 dus bijna Er zijn veel groen en heel weinig blauw.

25
00:02:00,840 --> 00:02:06,960
Dus veel rood in veel groen als u herinneren van deze grafiek rood en groen maakt geel.

26
00:02:07,260 --> 00:02:11,670
Dus als we hadden 255 rood 255 groen het zou er zo uitzien.

27
00:02:11,970 --> 00:02:16,290
Maar we hebben minder dan 255, dus het gaat niet zo helder zijn.

28
00:02:16,320 --> 00:02:17,440
Dus laten we teruggaan.

29
00:02:17,700 --> 00:02:25,790
Hopelijk kunt u vertellen welke is het juiste antwoord gebaseerd off van het schema dat we gewoon gekeken, maar ik ga er iets mis eerste zijn om u te laten zien wat er gebeurt raden.

30
00:02:25,800 --> 00:02:27,450
dit is dus zeker verkeerd.

31
00:02:27,450 --> 00:02:29,970
Dit is allemaal rood en zeer weinig groen.

32
00:02:30,360 --> 00:02:33,900
Ik klik en het gaat weg en het vertelt me ​​het opnieuw proberen.

33
00:02:33,900 --> 00:02:36,750
Dus laten we houden gissen aantal verkeerde degenen zoals die ene.

34
00:02:36,750 --> 00:02:37,690
Deze is verkeerd.

35
00:02:37,860 --> 00:02:38,770
Deze is verkeerd.

36
00:02:38,990 --> 00:02:39,270
OK.

37
00:02:39,270 --> 00:02:41,000
Kennis's denk dat de juiste is.

38
00:02:41,130 --> 00:02:43,140
Rode en groene het gaat erg geel zijn.

39
00:02:43,320 --> 00:02:44,370
Dus dit is juist.

40
00:02:44,520 --> 00:02:48,120
Ik zal klikken en merken dat alle zes vierkanten terugkomen.

41
00:02:48,150 --> 00:02:53,520
Ze allemaal veranderen in de juiste kleur en onze achtergrond lijken wijzigingen in de juiste kleur ook.

42
00:02:53,760 --> 00:03:00,000
En om een ​​boodschap die juist zegt en als ik wil kan ik op het spel weer op en dat zal nieuwe kleuren te genereren te krijgen.

43
00:03:00,210 --> 00:03:05,680
Mijn scherm gaat terug naar blauw hier en ik krijg zes nieuwe pleinen en een nieuwe willekeurige kleur hier.

44
00:03:06,270 --> 00:03:08,870
En wat kan ik ook doen is de moeilijkheid.

45
00:03:08,910 --> 00:03:12,690
Dus als ik het makkelijker wil ik slechts drie kleuren om uit te kiezen.

46
00:03:12,810 --> 00:03:20,510
Dit kan een beetje uitdagend als we allemaal verfrissen een paar keer als hier hebben we twee tinten blauw die zijn zeer vergelijkbaar.

47
00:03:20,520 --> 00:03:27,980
Nu nadat je dit spel te spelen voor een tijdje moet je in staat om te bepalen welke correct is gebaseerd off van deze drie roze tinten of deze twee blauwe tinten.

48
00:03:28,020 --> 00:03:29,220
En dat is echt het punt hier.

49
00:03:29,340 --> 00:03:32,520
Maar om te beginnen kun je net wilt twee kleuren om uit te kiezen.

50
00:03:32,520 --> 00:03:33,420
Dus hier is een andere.

51
00:03:33,510 --> 00:03:35,290
Laten we het een beetje rood.

52
00:03:35,310 --> 00:03:36,470
Bijna geen rood.

53
00:03:36,690 --> 00:03:37,800
Een klein beetje groen.

54
00:03:37,830 --> 00:03:38,560
Niet heel erg.

55
00:03:38,670 --> 00:03:42,890
En veel blauw natuurlijk het gaat om ons zeer zuivere blauwe geven.

56
00:03:43,380 --> 00:03:44,690
Laten we teruggaan naar hard mode te gaan.

57
00:03:44,700 --> 00:03:52,830
Een ander punt dat ik hier zal je laten zien is dat het een responsieve site, zodat ik het kan vergroten of verkleinen en mijn pleinen te verplaatsen naar het midden.

58
00:03:52,830 --> 00:03:54,870
Bekijk deze kleine saaie bar hier.

59
00:03:54,870 --> 00:03:59,060
De ruimte ertussen aan de zijkanten zal toenemen en afnemen.

60
00:03:59,130 --> 00:04:03,290
En als ik een boodschap dus laten we klik op één van deze Dat is verkeerd.

61
00:04:03,780 --> 00:04:04,880
Ik probeer het nog eens.

62
00:04:05,100 --> 00:04:08,140
Merk op hoe deze dichter bij elkaar te bewegen.

63
00:04:08,820 --> 00:04:11,950
En dan kan ik ze uit elkaar bewegen en krijgen we wat meer afstand in.

64
00:04:12,270 --> 00:04:16,970
Dus om wrap up voordat we daadwerkelijk beginnen met het maken ervan Ik wil gewoon een paar dingen samen te vatten.

65
00:04:17,220 --> 00:04:25,130
Het gaat om een ​​vrij groot app veel javascript ongeveer honderd ish lijnen zijn heel wat succes zo goed en wat hem ook ouder.

66
00:04:25,200 --> 00:04:33,030
We gaan soort kale botten beginnen weinig styling en we gaan gewoon om de functionaliteit op gang te krijgen en dan gaan we en voeg wat styling bovenop.

67
00:04:33,030 --> 00:04:34,160
De andere zaak.

68
00:04:34,530 --> 00:04:45,820
En toen we eenmaal eindigen hopelijk kan je deze heel vaak opfrissen op uw R.G. vaardigheden zelfs alleen maar het maken van deze voor de cursus heeft me geholpen nogal een beetje op te poetsen op een aantal van mijn RGV vaardigheden.

69
00:04:45,870 --> 00:04:49,280
Ik heb gemerkt dat ik de neiging om te veel op RGV gekleurde plukkers vertrouwen.

70
00:04:49,410 --> 00:04:54,680
Dus dit is geweldig voor mij ook om wat oefening te krijgen en om mezelf eraan te herinneren hoe RGV werkt.