Benedek Gagyi
Web dev.
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 -
m_{sl} -
Make more time for studying
{\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
DX is important!
Manage your backlog
{t_s * v_l \over \color{red}{m_{sl}}} \geq 1
How do you fight fatigue?
Thank you!
@BenedekGagyi
Fighting the Frontend Fatigue
By Benedek Gagyi
