Сергей

Раньше был frigate (Исходники можно найти) . Но из-за связей с плохими дядями его исключили из Chrome Web Store. Ладно, если короче можете юзать adguard vpn https://vk.cc/c1Nczh, в бесплатной версии количество стран ограничено и трафика 3 ГБ/Мес, правила можно. установить. Для ваших целей, Я так понимаю этого достаточно.

Если интересует web-направление, то, конечно, PHP. Язык прост в изучении и сразу ориентирован под web. Не слушайте сторонников Python - они вечно пытаются протолкнуть свой язык во все области.

Если не web-направление, то Python.

chrome://flags
Cookie Deprecation messages => disabled

[1,2,3].length = 3
[1,2,3][3] = тут ничего нет, потому что индексы с нуля начинаются.
[1,2,3][3 - 1] = последний элемент массива

1) Не делайте отступы блокам через  , есть же padding/margin
2) Забудьте о float: left в тех местах, для которых он не предназначен. Для создания сетки используйте flex/css grids
3) Делайте осмысленные названия классов и идентификаторов у элементов. У вас куча container1, container2 и.т.д.
4) Не используйте position: absolute, где не нужно явное абсолютное позиционирование (у плавающих блоков например).
5) Соблюдайте семантику. Заголовки должны быть в h1-h6 тегах.
6) Не забывайте добавлять атрибут alt для всех картинок img
7) У вас на сайте везде (вроде везде) используется шрифт "Trebuchet MS", но задаете вы его для элементов каждый раз, хотя можно было задать глобально для body
8) Блок "ГАЛЕРЕЯ" не по центру.
9) У вас соц-иконки в футере выровнены очень странно. Иконка insta имеет очень странный отступ от левого края, который видимо предназначается для выравнивания всего блока с иконками. Сделайте контейнер

.container {
   width: 100%;
   max-width: 1040px;
   padding: 15px;
   margin: 0 auto;
}

и в него кладите элементы, которые должны быть внутри сайта. У вас через странный отступ почти все отпозиционировано. Посмотрите чужие работы, как люди делают разметку. Вы пока слабо представляете, как это все происходит.
10) Вы должны адаптировать не только под маленькие и средние экраны, но и под большие, с шириной 2560px. Не нужно делать под них широкий сайт, просто нужно делать так, чтобы на них сайт тупо не уходил влево, а был по центру.
11) Куча повторяющегося кода в css

.footer>.footer_img>.vk{
    margin: 5% 0 0 1%;
	display: inline-block;
}
.footer>.footer_img>.twitter{
    margin: 5% 0 0 1%;
	display: inline-block;
}
.footer>.footer_img>.facebook{
    margin: 5% 0 0 1%;
	display: inline-block;
}

12) Освойте БЭМ (или другую методологию). Код будет чище и проще.
13) Сайт не адаптивный абсолютно, имеется только один media запрос, и тот только для изменения шрифта у документа. Посмотрите на другие сайты, как они адаптируются.

Это основное, но список можно продолжать долго. По коду можно судить, что вы учились по старой литературе, выбросите ее. Смотрите как верстают другие, ковыряйте макеты, читайте умные статьи и сайты, тренируйтесь часто, и все будет ок.

Это не ооп, ты просто собрал функции и засунул их в класс. Типа такого надо:

class User (){
    construct ()
   save() {
       return ajax-запрос
   }
}
class List () {
  this._list = []
  consruct(id) {
  }
  addItem(user)
  render () {
      doucment.getElemntBy(id).innerHtml = ''
      this._list.forEach(user => {
         // добавление новой строки
     })
  }
   
  fetcList () {
     return аяк-запрос.then(users => {
        this._lsit = []
         users.forEachv(user => {
             this.addItem(user)
        })
    })
   }
}
new Subsriber {
  action,
  cb
}
class Emitter {
    this._evts = []
    subsctibe(action, cb) {
       this.evts.push(new Subsriber (action, cb))
    }
    emit(action, value) {
        this.evts.forEach({action} => {
       if (act === action) {
           cb(value)
       }
     })
    }
}
class Form (){
  consruct(id, emmiter) {
    doucment.getElemntBy(id).addEventListener('sumbit', () => this.onSubmit)
  }
  addElement(elem) {
     this.elements.push(el)
   }
  onSubmit () {
      const user = new User()
      for (let elem of this.elements) {
          user[elem.name] = elem.value
     }
     user.save().then(добавленный юзер => {
           this.emmiter.emit('submit', user)
     })
  }
  }

  render () {
      doucment.getElemntBy(id).innerHtml = ''
      this.elements.forEach(elem => {
         doucment.getElemntBy(id).insertBefore(elem)
     })
  }
}
// инициализация этого говна
const list = new List(listId)
const emmiter = new Emiiter()
const form = new Form(formId, emmiter)
form.addElement(document.createElemnt('input'))

// теперь отрисовка
form.render()
list.render()

// подписываемся на события формы
emmiter.subscribt('sumbit', user => {
    list.addItem(user)
    if (не грузим с сервера) {
      // перерисуем
         list.render()
    } else {
        // перерисуем
         list.fetchList().then(() => ist.render())
     }
})

Все намного проще: в Lion были переделаны рабочие и столы и система научилась их переставлять в зависимости от частоты использования, эта опция включена по-умолчанию, но еще можно отключить: System Preferences -> Mission Contol -> [ ] Automatically rearrange spaces based on most recent use, тогда столы всегда будут в том порядке — как вы их выстроили.