YouTube transcripts - Introduction To RiotJS
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGHIJKLMNOPQRSTUVWX
1
ANGOLMAGYAR
2
3
0:00:00.620,0:00:05.7000:00:00.620,0:00:05.700
4
Hello my name is Andrew Van Slaars and this video is and introduction to RiotJSSziasztok, Andrew Van Slaars vagyok, és ez egy bemutatkozó videó a RiotJS-hez, ami
5
6
0:00:05.700,0:00:11.1800:00:05.700,0:00:11.180
7
a lightweight, react-like UI library that allows you to create your own custom tagsegy pehelykönnyű, React-szerű UI rendszer, amivel egyéni HTML elemeket (TAG) lehet készíteni.
8
9
0:00:12.580,0:00:15.0000:00:12.580,0:00:15.000
10
In this introductory video we will coverEbben videóban bemutatjuk, hogy
11
12
0:00:17.020,0:00:20.2400:00:17.020,0:00:20.240
13
how to get riot installed and up and running on your pagehogyan installáljuk és futtassuk a Riot-ot az oldalainkon
14
15
0:00:21.540,0:00:24.0200:00:21.540,0:00:24.020
16
how to create and compile a custom taghogyan készítsünk és fordítsunk egyéni TAG-eket
17
18
0:00:25.160,0:00:29.4800:00:25.160,0:00:29.480
19
how to get data into your tag and how to use that data in expressionshogyan küldjünk és használjunk adatot a TAG-ünkben
20
21
0:00:30.160,0:00:34.9600:00:30.160,0:00:34.960
22
and how to create a tag that allows user interaction through a basic formés hogyan kommunikáljunk egy egyszerű form-on keresztül a felhasználóval
23
24
0:00:36.400,0:00:40.1600:00:36.400,0:00:40.160
25
now let's get our environment setup and get into the codemielőtt belekezdenénk, állítsuk be az alapokat
26
27
0:00:40.560,0:00:42.9600:00:40.560,0:00:42.960
28
let's take a look at my initial setupaz enyém így néz ki
29
30
0:00:42.960,0:00:48.6200:00:42.960,0:00:48.620
31
I'm using atom as my code editor but use whatever tool you are most comfortable with if you're going to follow along
én Atom-ot használok, de te nyugodtan használhatsz bármi mást amivel programozni szoktál
32
33
0:00:48.620,0:00:53.2800:00:48.620,0:00:53.280
34
I've created a root directory for the project and have atom pointed at thatcsináltam egy főkönyvtárat a project-nek, ahová az Atom alapból mutat
35
36
0:00:53.280,0:00:58.4600:00:53.280,0:00:58.460
37
I also have a terminal window open to that root directory and of course I'm running chromeVan egy nyitott terminál ablakom is a gyökér könyvtárral, es Chrome-ot használok.
38
39
0:00:58.460,0:00:59.9800:00:58.460,0:00:59.980
40
so we can see the results of our workMost láthatjuk a munkánk eredményét.
41
42
0:01:00.660,0:01:04.0400:01:00.660,0:01:04.040
43
let's do a little bit of setup and then we can get into the codeÁllítsunk be egy-két dolgot, és már mehetünk is a kódhoz.
44
45
0:01:04.040,0:01:08.3000:01:04.040,0:01:08.300
46
You will need Node installed so we can install modules through NPMA Node-nak fel kell telepítve lennie, hogy az npm-mel telepíthessünk modulokat.
47
48
0:01:08.540,0:01:12.9400:01:08.540,0:01:12.940
49
If you don't already have that setup, you can do that on nodejs.orgHa még nincs telepítve, akkor a nodejs.org oldal leírasa alapjan telepítsuk.
50
51
0:01:12.940,0:01:15.0800:01:12.940,0:01:15.080
52
by clicking the green install buttonA zöld INSTALL gombra kell kattintani.
53
54
0:01:15.940,0:01:18.6600:01:15.940,0:01:18.660
55
let's install some node modules with NPMTelepítsünk néhány node modult az npm-mel!
56
57
0:01:19.380,0:01:26.1800:01:19.380,0:01:26.180
58
First we want to install the riot CLI by typing npm install dash g riotElőször installáljuk a Riot CLI programját az `npm install -g riot` paranccsal
59
60
0:01:26.720,0:01:30.4800:01:26.720,0:01:30.480
61
this is going to give us the command line interface we need to compile our tagsezzel fogjuk tudni az egyedi TAG-eket lefordítani
62
63
0:01:31.480,0:01:35.4000:01:31.480,0:01:35.400
64
we'll also be using a simple HTTP server to serve up our pageegy egyszerű HTTP szervert fogunk használni az oldalak megjelenítéséhez
65
66
0:01:35.640,0:01:37.5600:01:35.640,0:01:37.560
67
we can set that up by typing inegyszerűen csak írjuk be
68
69
0:01:37.960,0:01:42.9800:01:37.960,0:01:42.980
70
NPM install dash g HTTP hyphen servernpm install -g http-server
71
72
0:01:45.380,0:01:48.1000:01:45.380,0:01:48.100
73
and if you don't already have bower setupés ha még nincs beállítva a bower
74
75
0:01:49.080,0:01:52.4400:01:49.080,0:01:52.440
76
you can add that by running npm install dash g bowerakkor azt is adjuk hozzá, `npm install -g bower`
77
78
0:01:55.880,0:02:02.5200:01:55.880,0:02:02.520
79
and now with bower installed we can add the riot js files to our project by running bower install riotmost hogy így minden megvan, lehet a riot file-okat hozzáadni a `bower install riot` paranccsal
80
81
0:02:02.520,0:02:07.6400:02:02.520,0:02:07.640
82
and you'll see that this has created a bower components directory in the projectláthatjuk, hogy most már van egy bower_components könyvtárunk is
83
84
0:02:08.180,0:02:11.3000:02:08.180,0:02:11.300
85
now the riot js files are available for us to useMost már használhatjuk a riot js fájlokat.
86
87
0:02:15.500,0:02:22.5000:02:15.500,0:02:22.500
88
now that we have all of our files in place, let's take a quick look at the HTML file that we'll be starting withmost, hogy minden file-unk a helyén van, pillantsunk rá az első HTML file-ra amivel kezdeni fogunk
89
90
0:02:23.580,0:02:25.9800:02:23.580,0:02:25.980
91
as you can see, it's a basic HTML pageamint látni, ez csak egy sima HTML oldal
92
93
0:02:25.980,0:02:28.0800:02:25.980,0:02:28.080
94
there's a heading one that's just static contentitt van a fejléc, ami statikus
95
96
0:02:28.100,0:02:33.8600:02:28.100,0:02:33.860
97
and I have a script tag that points to the riot.min.js file inside the bower componentsés itt van egy script ami a riot.min.js file-ra mutat a bowser_components-en belül
98
99
0:02:33.860,0:02:38.6800:02:33.860,0:02:38.680
100
and then there's an empty set of script tags the that we're going to use to add our own code...és van pár üres script tag, amelyekbe a saját kódunkat fogjuk írni.
Loading...
 
 
 
FORDITAS
FORDITOK