Codebra.ru
7 subscribers

История сайта Codebra.ru в картинках. Часть 1

110 full reads
124 story viewsUnique page visitors
110 read the story to the endThat's 89% of the total page views
50 seconds — average reading time

Что-то слишком часто мне стал попадать на глаза Яндекс.Дзен, поэтому решил тоже что-то здесь опубликовать. :)

Так как этот канал будет посвящен сайту интерактивных онлайн-курсов Codebra, то первой статьей будет краткая история в картинках.

Идея написания такого сайта возникла, когда я сам только начинал разбираться в веб-разработке. В 2013 или 2014 году (уже не помню) случайно встретил англоязычный сайт codecademy и поставил себе цель написать такой же, только русскоязычный.

Задача была интересной, но с нулевыми знаниями оказалась сложной. Поэтому я потратил около двух месяцев, чтобы написать первую версию сайта.

Главной трудностью было сделать редакторы кода, куда пользователи должны были бы писать свой код. После длительных мучений самому написать такую вещь, начал поиски в интернете. Тогда я нашел только один подходящий вариант - ace.js. Он и по сей день стоит на сайте, так как оказался очень удачным и универсальным. Поэтому, если кто-то встретится с такой задачей, нечего изобретать велосипед, можете использовать уже готовое решение.

Первая версия сайта оказалась настолько убогой, что пришлось заново все переписать (к сожалению, скриншотов первой версии сайта не осталось). Вот такой получилась вторая версия сайта:

Позже я много потратил времени на написание курсов и прочие мелкие исправления. Год пролетел незаметно...

Третья версия сайта оказалась очень похожей на вторую. Внешний вид сайта почти не изменился.

Я старался не отступать от запланированного сделать дизайн сайта не совсем стандартным и максимально простым. Использовал в основном белый цвет и не скруглял уголки.

Согласен, дизайнер из меня никудышный :)

Думаю, на этом хватит. Если эта статья вызовет интерес, то напишу продолжение о других версиях сайта.