Fighting the Frontend Fatigue

@BenedekGagyi

Get the basics right

What level of JS knowledge is needed to answer this question?

Basic

Advanced

Module Pattern vs. Revealing Module Pattern

10% vs 90%

let x = {    
    a: 1,    
    f1: function() {
        return this.a;
    },
    f2: () => this.a   
};
console.log(x.f1() == x.f2());

59% vs 41%

58% vs 42%

function(){console.log('foo')}();

(function(){console.log('foo')})();

With no standard comes a great responsibility...

no standard

There's not one definite basic knowledge

... and a great freedom.

Do we have to reinvent the wheel every time?

Basic building blocks

Code literacy

Working with the DOM on a basic level

AJAX, Promises

Basic performance concepts (event loop, GC basics)

Total beginners

+ ES6

+ Working with functions

‒ Deep dive into topics

Coming over from Java/C#/C++

+ Scope

+ Working with objects

+ Prototype based OOP

Notable exclusions

CSS

IS

AWESOME

Selectors

Box model

Positioning

Keeping up

time available for studying

speed of learning "stuff"

amount of "stuff" to learn

{t_s * v_l \over m_{sl}} \geq 1

{t_s * v_l \over m_{sl}} \geq 1

t_s -

t_s -

v_l -

v_l -

m_{sl} -

m_{sl} -

Make more time for studying

{\color{red}{t_s} * v_l \over m_{sl}} \geq 1

{\color{red}{t_s} * v_l \over m_{sl}} \geq 1

Improve learning speed

{t_s * \color{red}{v_l} \over m_{sl}} \geq 1

{t_s * \color{red}{v_l} \over m_{sl}} \geq 1

DX is important!

Manage your backlog

{t_s * v_l \over \color{red}{m_{sl}}} \geq 1

{t_s * v_l \over \color{red}{m_{sl}}} \geq 1

How do you fight fatigue?

Thank you!

@BenedekGagyi