Перейти до вмісту

Демографія

This year's survey reached 9,704 developers throughout the world.

Країна чи регіон

While the U.S. still represented the largest single demographic, we were still happy to see a good mix of countries among the rest of our respondents – although Asia sadly continues to be under-represented.

0%
5%
10%
15%
19%
24%
1

США

1,135
2

Німеччина

607
3

Велика Британія

425
4

Франція

399
5

Росія

287
6

Нідерланди

267
7

Іспанія

229
8

Канада

210
9

Польща

200
10

Швеція

160
11

Австралія

149
12

Бразилія

134
13

Італія

134
14

Індія

121
15

Японія

114
16

Чехія

112
17

Україна

100
18

Норвегія

88
19

Швейцарія

87
20

Бельгія

83
21

Поза лімітом

1,632
0%
5%
10%
15%
19%
24%
% від тих, хто відповів на питання
Де ви наразі проживаєте?
💡
У результатах опитування ви знайдете маленькі підказки, подібні до цієї, які вкажуть на додаткові функції та деталі.

CSS isn't doing great among Gen Alpha respondents, possibly because they're too busy playing Fortnite. Wait, Fortnite is still a thing right…?

0%
8%
17%
25%
34%
42%
1

<20

196
2

20-29

1,826
3

30-39

2,829
4

40-49

1,402
5

50-59

386
6

>60

98
0%
8%
17%
25%
34%
42%
% від тих, хто відповів на питання
Скільки вам років?

This chart reveals that most respondents were lucky enough to never have to deal with float-based positioning.

0%
5%
10%
15%
21%
26%
1

0-4 роки

1,233
2

5-9 років

1,763
3

10-14 років

1,391
4

15-19 років

960
5

20-24 роки

875
6

25-29 років

471
7

Понад 30 років

168
0%
5%
10%
15%
21%
26%
% від тих, хто відповів на питання
Як довго ви працюєте або вчитеся у цій сфері (у роках)?
Ми покликали спільноту CSS поділитися своїм "вибором року"

Мій вибір 2024: :has()

The :has pseudo class allows you to create really creative things. But it also allows you to “go upstream”, for example a map that changes shape when you hover one of its child elements.
Ми покликали спільноту CSS поділитися своїм "вибором року"

Augustin Mauroy

Web Developer & OSS Enthusiast

Кількість співробітників

The larger the company, the higher the salary. Although if you're good enough, our data shows that you can earn a decent living no matter your company's size.

0%
4%
8%
12%
16%
21%
1

1

654
2

2-5

569
3

6-10

464
4

11-20

611
5

21-50

785
6

51-100

723
7

101-1000

1,416
8

1000+

1,187
9

Н/З

466
0%
4%
8%
12%
16%
21%
% від тих, хто відповів на питання
Скільки людей працює у вашій організації включно з вами?
💡
Деякі діаграми містять додаткові вкладки, які пропонують додаткові розподіли тих самих або пов'язаних даних. Перегляньте їх!

While we often hear tales of six-figure salaries out of Silicon Valley, the reality is that most front-end developers throughout the world earn far less, as becomes apparent when directly comparing the U.S. and the rest of the world.

0%
3%
6%
9%
12%
16%
1

0-20 тис. дол.

726
2

20-40 тис. дол.

894
3

40-60 тис. дол.

999
4

60-80 тис. дол.

920
5

80-100 тис. дол.

663
6

100-150 тис. дол.

817
7

150-200 тис. дол.

365
8

> 200 тис. дол.

231
9

Н/З

829
0%
3%
6%
9%
12%
16%
% від тих, хто відповів на питання
Ваш річний дохід (до оподаткування) у доларах США.

While having a degree will ensure you earn more, turns out it doesn't necessarily have to be related to programming – a good sign for the many among us who discovered a passion for web development further along in life.

0%
10%
20%
30%
40%
50%
1

Ні

1,826
2

Так, споріднена галузь

3,419
3

Так, НЕ споріднена галузь

1,588
0%
10%
20%
30%
40%
50%
% від тих, хто відповів на питання
Ви маєте вищу освіту?
Ми покликали спільноту CSS поділитися своїм "вибором року"

Мій вибір 2024: Style Queries and if()

My pick would be style queries and inline if(). Once these two ship everywhere, the amount of things we can do with CSS variables will improve tenfold.
Ми покликали спільноту CSS поділитися своїм "вибором року"

Lea Verou

Product Lead at Font Awesome

Canada, Spain, the U.K., and the U.S. had the highest proportion of women respondents. Our data also shows women's income to be lagging compared to other groups. While the reasons behind this are beyond the scope of this report, it’s clear that women in our industry do face some unique challenges.

0%
17%
35%
52%
70%
87%
1

Чоловік

5,985
2

Жінка

712
3

NB/GNC

152
4

Нічого з переліченого

18
0%
17%
35%
52%
70%
87%
% від тих, хто відповів на питання
Хоч ми знаємо, що збір і публікація даних про різноманітність (diversity) — це делікатна справа, ми вважаємо, що важливо отримати ці дані, щоб допомогти виміряти та покращити роботу над опитуванням у питаннях інклюзивності та репрезентативності.
Який один із наведених варіантів описує вас?

Раса та етнічність

Non-white respondents were more likely to be younger and have less experience – which hopefully points to a ongoing diversification of the industry.

0%
16%
31%
47%
62%
78%
1

Білі

4,758
2

Іспанці, Латино

596
3

Східна Азія

333
4

Близький, Середній Схід

199
5

Південна Азія

175
6

Південно-Східна Азія

151
7

Багато рас

139
8

Темношкірі/африкан. походження

122
9

Європейці

10

Корінні американ. або австрал., уродженці о. Тихого океану

22
11

Слов'яни

12

Євреї

13

Інші відповіді

84
0%
16%
31%
47%
62%
78%
% від тих, хто відповів на питання
Хоч ми знаємо, що збір і публікація даних про різноманітність (diversity) — це делікатна справа, ми вважаємо, що важливо отримати ці дані, щоб допомогти виміряти та покращити роботу над опитуванням у питаннях інклюзивності та репрезентативності.
Який із наведених варіантів описує вас?

Порушення здоров'я

Thanks to the continued efforts of accessibility advocates, we now accept the fact that disabilities (permanent or not) should be taken into account as part of the design & development process.

0%
15%
30%
45%
60%
75%
1

Когнітивні порушення

1,037
2

Порушення зору

362
3

Порушення слуху

201
4

Порушення рухових функцій

182
5

🚫 Нічого

4,516
6

Інші відповіді

94
0%
15%
30%
45%
60%
75%
% від тих, хто відповів на питання
Яке з наведених порушень ви маєте?

While most respondents knew about the survey from previous years, Kevin Powell also sent a large chunk of survey takers our way.

0%
11%
22%
33%
45%
56%
2

5

На робочому місці

0%
11%
22%
33%
45%
56%
% від тих, хто відповів на питання
Джерело, що спрямувало респондентів, визначається на основі даних джерела переходу (referrer), даних відстеження URL-адрес і власне прямих відповідей.

Рекомендовані джерела

Learn CSS, from Laying Out Websites to Performant Animations

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
Дякуємо нашим партнерам за підтримку! Детальніше.