Юрий Костин

• Веб разработка, как и любое другое ремесло - занятие, которое нужно попробовать, чтобы понять, нравится оно или нет, а значит, если вам интересно, то попробуйте, но не ждите быстрого результата. Редкий художник/писатель быстро/дорого продаёт свои работы в первый год, пока он осваивает ремесло. Возможно аналогия не самая удачная, но, надеюсь, понятная. (PS: я учился вебу год перед тем как попасть на первую работу)
  
• Умение программировать учит по-другому думать и смотреть на решение любых проблем. Хотя далеко не у всех программистов системный подход к решению задач.
  

• Вы выросли и вам нужно просить дать вам больше ответственности и других задач, или менять работу с повышением.
  
• Вы выгорели на текущей работе от горящих сроков, токсичных коллег или руководства. В этом случае, если на вопрос "нравится ли мне делать то, что я делаю?" ваш внутренний голос отвечает "да, я всё ещё это люблю, я просто устал от негатива, сроков, недосыпа, etc", тогда имеет смысл поменять компанию.
  
• Если же вы понимаете, что не испытываете никакой радости в принципе, а вся эйфория была только от того, что у вас был хороший заработок, тогда, к сожалению, IT - не ваше.
  

• Остаться там, где вы есть.
  
• Мигрировать.
  

• Сделать ваш код лучше. Например, использовать фреймворк, или пару библиотек, или хотя бы fetch, чтобы не писать столько лютого кода. Разбейте ваш код на части, абстрагируйте его. Уйдите от императивщины в сторону ООП, или ФП
  
• Сами подумайте над тем как сделать лучше. Не существует единственно правильного решения задач. Особенного в js =). Всё, что вы сделали другой, более опытный разработчик сделает немного иначе, но и только. В идеале вам нужно пройти этот путь. Например, как написали выше, уменьшить количество запросов. Если у вас есть дома доска, встаньте рядом с ней(ну или воспользуйтесь старой доброй тетрадью), возьмите мел или маркер, и нарисуйте данные, которые вы получаете. Их можно как-то скомпоновать? Можно ли вообще иначе подойти к решению? Как сделать его оптимальнее, уменьшив количество запросов? Как унифицировать решение? Вероятно вы пройдёте долгий путь, но ваша экспертиза возрастёт.
  

class Sum {
    static sum(a, b) {
        return a + b;
    }
}

class Sum {
    constructor(a, b) {
        this.a = a;
        this.b = b;
    }
    
    sum() {
        return this.a + this.b;
    }
}

sum :: Int -> Int -> Int
sum a b = a + b

• решал поставленную задачу
  
• был легко поддерживаемым
  

class Publisher {
    constructor() {
        this._subscribers = [];
        this._state = {};
    }

     get state() {
        return this._state;
    }

    set state(value) {
        this._state = Object.assign({}, this._state, value);
        // Неявный вызов, можно, наверное, сделать лучше
        this._notifySubscribers();
    }

    _notifySubscribers() {
        this._subscribers.forEach((subscriber) => subscriber.notify(this._state))
    }

    addSubscriber(subscriber) {
        this._subscribers.push(subscriber);
    }
}

class Subscriber {
    constructor(name) {
        this.name = name;
    }

    notify(state) {
        console.log(`${this.name}: i received a new data: `, state);
        console.log('\n\n')
    }
}

const publisher = new Publisher();
const subscriber1 = new Subscriber('John');
const subscriber2 = new Subscriber('Jane');
const subscriber3 = new Subscriber('Mary');

publisher.addSubscriber(subscriber1);
publisher.state = {a: 1};

publisher.addSubscriber(subscriber2);
publisher.state = {b: 2};

publisher.addSubscriber(subscriber3);
publisher.state = {c: 3};

class Animal {
    constructor({name, age}) {
        if (this.constructor.name === 'Animal') {
            throw new Error(`${this.constructor.name}: can not create instance of abstract class`);
        }
        
        this.name = name;
        this.age = age;
    }

    name() {
        return this.name;
    }

    age() {
        return this.age;
    }

    /*
     * Абстрактный метод
    */
    talk() {}
}

class Dog extends Animal {
    talk() {
        console.log('Bark!')
    }
}

const animal = new Animal({
    name: 'Jack',
    age: 5
}); // выбросит ошибку

const dog = new Dog({
    name: 'Jack',
    age: 5
});
dog.talk(); // Bark!

• Верстать. Доступно, кроссбраузерно, адаптивно, резиново и так далее.
  
• На отлично знать VanilaJS.
  
• Уметь собирать проекты: стили, js, шрифты, шаблоны - всё. Webpack, пожалуй - наше всё. Ибо, насколько я помню gulp и grant - таск-менеджеры. А с этой задачей прекрасно справляется npm. Соответственно.
  
• Уметь настраивать webpack и при этом помнить, что есть готовые решения для сборки.
  
• Уметь как работать с npm.
  
• Уметь работать с двумя-тремя популярными фреймворками. Например Vue.js,
  Angular.js, React.js + Redux.js. Представлять плюсы и минусы каждого из решений.
  
• Уметь писать код. Тоже очень широкое понятие. Но, я, пожалуй, остановлюсь на том, что хороший фронтендер должен писать код, придерживаясь code style-а; выделять общие части в отдельные функции/классы и т д; давать адекватные имена переменным/функциям/классам etc. В общем держать свой код в чистоте и порядке.
  
• Уметь читать чужой код. Это очень непростая работа. Нужна высокая сосредоточенность, внимательность.
  
• Уметь покрывать свой код тестами.
  
• Уметь планировать архитектуру клиентской части приложения. Я бы даже сказал, что очень пригодится умение писать UML схемы. Мы же не jquery карусель собрались писать на такой должности.
  
• Понимать на простом уровне как работает HTTP. Как клиент отправляет данные, как их считывает сервер, как отдаёт ответ, и т д.
  
• Интересоваться смежными областями. В первую очередь backend. Благо можно не учить php, ведь есть nodejs. Это тот же самый javascript, так что думаю, что шикарный фронтендер должен уметь писать и на nodejs, понимать нюансы его работы.
  
• Знать больше чем html, css, js. Уметь, например, программировать на python/erlang/ClosureScript/php/c/haskell/подставь своё. Это расширяет кругозор.
  
• Следить за новинками в своей области и интересующих смежных областях.
  
• Уметь работать с git.
  
• Уметь работать с командной строкой. На мой взгляд уметь только cd, ls, mkdir, chmod, chown и touch - не серьёзно.
  

var o_1 = {
	name: 'Peter',
	hello: function () {
		console.log('Hello, ' + this.name);
	}
};

var o_2 = {
	name: 'Jane'
};

o_1.hello.call(o_2); // Фактически вы говорите "вызови метод такой-то для объекта такого-то"

var o_1 = {
	name: 'Peter',
	hello: function () {
		console.log('Hello, ' + this.name);
	},
        sum: function (a, b) {
		console.log(`${this.name} sum a and b to ${a + b}`);
	}
};

var o_2 = {
	name: 'Jane'
};

o_1.sum.call(o_2, 2, 4);
o_1.sum.apply(o_2, [1, 2]);

var o = {
	sum: function (a, b) {
		console.log(a + b);
	}
}
o.sum.call(null, 1, 2);
o.sum.apply(null, [1, 2]);

var o = {
	a: 1,
	b: 2,
	sum: function () {
		console.log(this.a + this.b);
	}
};

var o2 = {
	a: 10,
	b: 20
};

var o2Sum = o.sum.bind(o2);

o2Sum();