Сергей

У вас в ttf-версии русские символы есть, а в woff, например, нету.

Это весь синтаксис javascript. А также встроенные объекты.

Без циклов и массивов вы как бы вообще не сможете ничего написать, кроме "hello world". Изучите теорию по учебникам или по спецификациям, заправляя это небольшой практикой. Да, это не развлечение. Никто не обещает, что будет легко и весело.

А программистом себя могут называть те, кто имеют приличный опыт, как плохой, так и хороший. То есть для звания "программист" вам нужно просто много работать по данному направлению. Желательно, чтобы ваш код оценивали. Но вы и так поймете, что ваш код плохой, когда не сможете в нем ориентироваться, и при этом он будет страшно бажным.

Все в одну картинку - не универсально, тем более, что сверстать не сложно.
Первый пример - один круг с градиентом, второй - белый, сверху.
Второй пример - тот же круг с градиентом, и перекрыть ему половину. На мой взгляд варианты с большим количеством бордер-радиусов могут ломать мозг, но тут на вкус и цвет...