WEBVTT

1
00:00:06.477 --> 00:00:10.100
How have websites developed 
over the last 10 years?

2
00:00:10.194 --> 00:00:12.940
Yes, there have been
very big changes in this period,

3
00:00:12.965 --> 00:00:15.497
in fact, if we look at the last decade.

4
00:00:15.527 --> 00:00:18.987
And if you're a regular web user,

5
00:00:19.012 --> 00:00:23.715
and you look at some of the sites that 
have been around for ten years or more,

6
00:00:23.747 --> 00:00:28.395
you can see enormous changes in the look 
and functionality of those pages.

7
00:00:29.041 --> 00:00:32.529
Especially on the front-end side,
what has happened

8
00:00:32.554 --> 00:00:37.904
is that there have been very big changes
or very many tools

9
00:00:37.929 --> 00:00:44.197
which allow developers to be more and more
creative and inventive.

10
00:00:44.799 --> 00:00:48.502
Because back in the day, front-end 
developers used to be mainly just there

11
00:00:48.527 --> 00:00:51.478
to look at the design,
to do CSS,

12
00:00:51.503 --> 00:00:54.785
meaning to turn the
design into a web page.

13
00:00:55.450 --> 00:00:59.511
But now they have 
a much more demanding job,

14
00:00:59.536 --> 00:01:05.050
as they have to somehow edit,
or should I say develop,

15
00:01:05.080 --> 00:01:09.460
the animations and all that kind
of functionality themselves.

16
00:01:09.495 --> 00:01:11.645
If we look at the animations
on the websites.

17
00:01:11.670 --> 00:01:16.440
We used to have to use
flash technology or animated GIFs,

18
00:01:16.470 --> 00:01:20.440
and we all know that wasn't really

19
00:01:20.465 --> 00:01:25.339
the nicest visual thing,
so to speak.

20
00:01:26.600 --> 00:01:30.774
But now we have
entire web applications,

21
00:01:30.799 --> 00:01:33.241
like Google Maps with navigation,

22
00:01:33.272 --> 00:01:39.794
various Google Docs,
Google Sheets, etc.

23
00:01:39.819 --> 00:01:44.348
These things are actually
thriving online,

24
00:01:44.373 --> 00:01:48.122
and this is something that was
totally unthinkable 15 years ago.

25
00:01:48.671 --> 00:01:51.656
Have the safety requirements 
changed over the years?

26
00:01:51.680 --> 00:01:52.995
Yes, in fact they have.

27
00:01:53.019 --> 00:01:57.475
More and more companies 
are taking their business online.

28
00:01:57.500 --> 00:02:02.468
And this has led 
to a growing need for security.

29
00:02:02.780 --> 00:02:05.795
The introduction of the https standard,

30
00:02:05.820 --> 00:02:09.838
which has become mandatory
for websites to function at all

31
00:02:09.863 --> 00:02:12.608
and which creates a secure connection

32
00:02:12.633 --> 00:02:16.860
between the user and the website
or web server,

33
00:02:16.885 --> 00:02:19.180
is already a major step forward 
in this direction.

34
00:02:19.204 --> 00:02:21.204
Where a hacker attack used to be

35
00:02:21.530 --> 00:02:26.500
just something that was inconvenient,
for example, to get a site to stop working,

36
00:02:26.530 --> 00:02:31.383
it can now be a huge financial loss
for an online business.

37
00:02:31.800 --> 00:02:35.506
And it can result in the theft
of personal data, etc.

38
00:02:35.531 --> 00:02:39.000
So now the need for security
is much, much greater,

39
00:02:39.025 --> 00:02:43.242
in fact everything has become
much more advanced.

40
00:02:43.835 --> 00:02:46.635
Who defines the change 
in web development?

41
00:02:47.024 --> 00:02:50.482
I would say, basically,
that there are two poles here.

42
00:02:50.529 --> 00:02:55.645
On the one hand, there are companies
that want more and more innovation,

43
00:02:55.677 --> 00:02:59.192
striving for more and more innovation
and more and more profits,

44
00:02:59.217 --> 00:03:03.680
and on the other hand, there are users
who want more and more information,

45
00:03:03.710 --> 00:03:07.635
accessibility, online shopping, etc.

46
00:03:07.659 --> 00:03:10.284
So both of them are kind of pushing

47
00:03:10.309 --> 00:03:16.031
for the web to evolve, that it has to evolve,
that it has to be more and more accessible.

48
00:03:16.170 --> 00:03:19.529
From the end-users'
point of view,

49
00:03:19.554 --> 00:03:22.540
they want to get information 
as quickly as possible.

50
00:03:22.570 --> 00:03:25.677
From a business point of view,
they want to maximise earnings

51
00:03:25.702 --> 00:03:29.577
and innovation.

52
00:03:31.530 --> 00:03:37.306
At the same time, the regulation of security
and privacy should also be mentioned.

53
00:03:37.521 --> 00:03:40.433
And if we look
at social networks,

54
00:03:40.467 --> 00:03:45.585
what a shift they have had to make
in terms of GDPR and the introduction of GDPR.

55
00:03:45.730 --> 00:03:48.735
There have been enormous costs involved

56
00:03:48.760 --> 00:03:52.255
in ensuring that social networks
are safe to use,

57
00:03:52.280 --> 00:03:56.209
that users' personal data is secure, etc.

58
00:03:57.185 --> 00:04:00.256
What role do smartphones play 
in web development?

59
00:04:00.280 --> 00:04:02.759
Smartphones have boosted

60
00:04:02.784 --> 00:04:07.980
the use of the internet as a whole.

61
00:04:08.005 --> 00:04:12.864
Because before, for example, we had users
who didn't use the internet at all,

62
00:04:12.894 --> 00:04:16.955
except on desktops or laptops,

63
00:04:16.980 --> 00:04:21.957
and a very large number of current users
didn't use the internet at all.

64
00:04:22.010 --> 00:04:28.020
So a whole new market has opened up
for web users, for online users.

65
00:04:29.566 --> 00:04:35.022
So basically, I dare to say
that the development of smartphones

66
00:04:35.047 --> 00:04:39.362
is one of the biggest factors
for change on the web.

67
00:04:39.868 --> 00:04:44.382
Responsive web design has also emerged,

68
00:04:45.001 --> 00:04:48.321
adapting the way websites

69
00:04:48.346 --> 00:04:50.977
and web apps look on mobile phones.

70
00:04:51.002 --> 00:04:53.037
A website will look completely

71
00:04:53.062 --> 00:04:57.869
different on a mobile phone than
on a desktop computer.

72
00:04:58.920 --> 00:05:02.276
What are the most common tools 
for creating websites?

73
00:05:02.300 --> 00:05:04.331
Web development tools

74
00:05:04.371 --> 00:05:08.862
for example can be divided
into three main groups.

75
00:05:09.210 --> 00:05:13.451
The first group are simple web tools,

76
00:05:13.476 --> 00:05:16.902
like Wix, Squarespace,

77
00:05:16.927 --> 00:05:19.665
which allow even lay users

78
00:05:19.690 --> 00:05:23.463
to set up some
simple presentation pages themselves.

79
00:05:24.866 --> 00:05:29.660
The second group would perhaps be
these robust systems,

80
00:05:30.395 --> 00:05:35.316
which are very sophisticated in terms 
of functionality, but perhaps limit a little

81
00:05:35.341 --> 00:05:40.545
the customisation to the individual client
or client's requirements.

82
00:05:40.570 --> 00:05:44.095
For example, Magento, Shopify, Wordpress.

83
00:05:44.210 --> 00:05:48.624
Then there are various frameworks
and generic CMS systems

84
00:05:48.649 --> 00:05:50.513
or content editors,

85
00:05:50.725 --> 00:05:53.819
which may require more development
in the beginning,

86
00:05:54.690 --> 00:06:01.558
but can eventually be fully adapted
to the needs of clients.

87
00:06:01.770 --> 00:06:05.380
These are, for example, 
the Laravel framework, or the October CMS,

88
00:06:05.410 --> 00:06:08.227
that we use
in our digital agency.

89
00:06:08.920 --> 00:06:12.416
Are webshops considered to be 
the more technically demanding websites?

90
00:06:12.440 --> 00:06:18.057
I would say that online stores
are the sites

91
00:06:18.090 --> 00:06:21.323
that need the most technical attention.

92
00:06:21.542 --> 00:06:26.445
We should not forget about sites
that are fully integrated

93
00:06:26.470 --> 00:06:29.320
with the company's existing
business systems,

94
00:06:29.350 --> 00:06:33.220
such as ERP systems
or accounting software,

95
00:06:33.245 --> 00:06:34.975
so to speak,

96
00:06:35.000 --> 00:06:38.575
where in fact the link between
the online shop and these systems

97
00:06:38.600 --> 00:06:42.341
is already very complex.

98
00:06:42.576 --> 00:06:47.088
Of course, there can be
a lot of security holes,

99
00:06:47.113 --> 00:06:50.226
so more attention needs
to be paid to such things.

100
00:06:50.373 --> 00:06:52.917
And of course, 
let's not forget about paying

101
00:06:52.942 --> 00:06:56.590
with credit cards
and other digital currencies.

102
00:06:57.743 --> 00:07:02.681
It's all very... there's a big risk here,
if things are not technically sophisticated.

103
00:07:03.483 --> 00:07:06.181
Does a higher quality website 
have a higher hit rate on Google?

104
00:07:06.205 --> 00:07:09.705
Yes, it does.
In the past, only content mattered,

105
00:07:09.730 --> 00:07:12.440
but now we know 
that Google and similar search engines

106
00:07:12.464 --> 00:07:16.775
put a lot of emphasis on quality code,

107
00:07:16.800 --> 00:07:21.880
or they look at factors 
such as, for example

108
00:07:21.910 --> 00:07:29.080
optimisation of the page, optimisation of the images,
that the page loading speed is not too fast,

109
00:07:29.105 --> 00:07:32.287
responsive web design,
responsiveness, as I said before.

110
00:07:32.312 --> 00:07:34.276
There are many factors.

111
00:07:34.301 --> 00:07:38.505
Some are more important, some less,
including the content, of course.

112
00:07:39.767 --> 00:07:44.576
So there are basically a lot of factors,
that affect search engine positioning.

113
00:07:45.245 --> 00:07:48.153
Google Analytics and GDPR - 
as a developer, are you prepared?

114
00:07:48.177 --> 00:07:53.342
As developers, we try to follow
all the instructions and suggestions

115
00:07:53.505 --> 00:07:57.636
from the Information Commissioners
and, of course, the legislation.

116
00:07:58.425 --> 00:08:02.436
Technology, or clients, want to get
as much data as possible,

117
00:08:02.461 --> 00:08:06.709
analytical data from users

118
00:08:06.742 --> 00:08:10.552
so that they can carry out
their business processes.

119
00:08:10.753 --> 00:08:14.267
And we developers have a difficult task,
because we have to somehow walk

120
00:08:14.292 --> 00:08:19.515
that middle path
and enable or satisfy

121
00:08:19.600 --> 00:08:24.900
both sides, trying to still get 
as much data as possible to the client.

122
00:08:24.925 --> 00:08:29.367
But we have to keep an eye on the legislation,
and we have to do it along the lines

123
00:08:29.391 --> 00:08:31.391
of what is allowed and what not.

124
00:08:32.055 --> 00:08:35.744
What the Information Commissioner says

125
00:08:35.769 --> 00:08:40.169
has to be done,
is what we have to do.

126
00:08:40.978 --> 00:08:43.456
Website analysis - 
do clients carry it out themselves?

127
00:08:43.480 --> 00:08:46.660
Typically the client first tells us

128
00:08:46.690 --> 00:08:49.280
what they want,
what they want to monitor,

129
00:08:49.305 --> 00:08:52.413
what they want to have
on their website.

130
00:08:52.586 --> 00:08:55.181
We then integrate
an analytics tool,

131
00:08:55.205 --> 00:08:57.844
in most cases Google Analytics,

132
00:08:57.869 --> 00:09:01.233
but there are other
integrations of other tools,

133
00:09:01.770 --> 00:09:03.913
and then we start collecting the data.

134
00:09:03.938 --> 00:09:07.450
And then we usually educate
the client ourselves,

135
00:09:07.504 --> 00:09:10.114
in that certain interface

136
00:09:10.139 --> 00:09:13.176
how to monitor the things
they want to monitor.

137
00:09:13.294 --> 00:09:17.000
These factors of what the client
wants to monitor, there are hundreds of them.

138
00:09:17.030 --> 00:09:21.803
It can only monitor general page traffic,
top clicks,

139
00:09:21.843 --> 00:09:25.318
where users scrolled with their mouse, etc.

140
00:09:25.342 --> 00:09:28.650
It very much depends
on the client's wishes.

141
00:09:28.722 --> 00:09:31.283
And we basically educate 
the client in this direction

142
00:09:31.308 --> 00:09:34.113
so that he can then follow
these standards, these trends.

143
00:09:34.856 --> 00:09:37.589
Anecdote about clients 
and web developers

144
00:09:37.960 --> 00:09:44.083
One funny, bad practice,
I would say,

145
00:09:44.108 --> 00:09:48.564
was when we got the content
for the website from the client.

146
00:09:48.589 --> 00:09:52.820
The client handwrote it
and faxed it to us.

147
00:09:52.850 --> 00:09:56.345
I still remember that
this sheet of paper

148
00:09:56.370 --> 00:09:59.052
was over three offices long.

149
00:09:59.077 --> 00:10:03.636
For developers, for example,
when you test something in a production environment,

150
00:10:03.661 --> 00:10:07.367
it's good to cancel orders afterwards.

151
00:10:07.433 --> 00:10:08.786
We have also had four new

152
00:10:08.811 --> 00:10:12.724
truck tyres delivered to the office.