Frontend Developer 60 Days Roadmap.pdf
4.6 MB
๐ฅ15๐ฅด3๐2
const obj = {};
let value = 0;
Object.defineProperty(obj, 'prop', {
get() {
return value;
},
set(newValue) {
value = newValue + 1;
},
configurable: true,
enumerable: true
});
obj.prop = 10;
console.log(obj.prop);
๐ดWhat will be the output??
#javascript #quiz
๐11
const obj = { a: 1, b: 2 };
const proxy = new Proxy(obj, {
get(target, prop) {
return prop in target ? target[prop] : 0;
}
});
console.log(proxy.a, proxy.b, proxy.c);
๐ก What will be output??
๐8๐2
โจ๏ธ CSS: Align Icon with Text
"cap" is a CSS unit which is equal to the "cap height", that is, the size of the capital letters in a font.
This helps us to easily size icons that lie next to a piece of text to perfectly match the height of the text - no more fiddling around with rem or px units ๐คฉ
โ Question: Do you feel this is a better approach or do you like to define a specific dimension for your items?
"cap" is a CSS unit which is equal to the "cap height", that is, the size of the capital letters in a font.
This helps us to easily size icons that lie next to a piece of text to perfectly match the height of the text - no more fiddling around with rem or px units ๐คฉ
โ Question: Do you feel this is a better approach or do you like to define a specific dimension for your items?
๐21
๐ฅ Git: Merging vs Rebasing
In git, when there are some changes in a parent branch from which you forked, there are two strategies to incorporate them into your working branch:
โจ Merging:
As the name suggests, 'merges' the parent branch into your branch. The advantage is that handling conflicts (if any) is easier, since you only need to resolve them for the merge commit once. However, this may make the git history a bit harder to follow
โจ Rebasing:
Takes all the commits you made in your branch, and applies them on top of the head of the parent branch. As if repositioning the base of the branch.
This helps to create a linear and easy to follow git history, but conflict resolution may be tedious and you need to force push the branch to the origin.
In git, when there are some changes in a parent branch from which you forked, there are two strategies to incorporate them into your working branch:
โจ Merging:
As the name suggests, 'merges' the parent branch into your branch. The advantage is that handling conflicts (if any) is easier, since you only need to resolve them for the merge commit once. However, this may make the git history a bit harder to follow
โจ Rebasing:
Takes all the commits you made in your branch, and applies them on top of the head of the parent branch. As if repositioning the base of the branch.
This helps to create a linear and easy to follow git history, but conflict resolution may be tedious and you need to force push the branch to the origin.
๐6โค3
โจ๏ธ MomentJS library
It's commonly used for parsing, validating, manipulating, and formatting dates and times in JavaScript. It provides an extensive set of features for working with dates and times, making it easier for developers to handle various date-related tasks in their applications.
It's commonly used for parsing, validating, manipulating, and formatting dates and times in JavaScript. It provides an extensive set of features for working with dates and times, making it easier for developers to handle various date-related tasks in their applications.
๐7๐1
This media is not supported in your browser
VIEW IN TELEGRAM
๐7๐5๐ฅ2๐ฑ1
CHALLENGE
๐ด What will be the output?? Comment below ๐
const func = () => arguments.length;
console.log(func(1, 2, 3));
๐ด What will be the output?? Comment below ๐
๐4๐2๐ฅ1
CHALLENGE
๐ดWhat will be output??
const obj1 = { a: 1, b: { c: 2 } };
const obj2 = { ...obj1 };
obj1.b.c = 3;
console.log(obj2.b.c);
๐ดWhat will be output??
โค7๐7
CHALLENGE
๐ด What will be the output??
class Parent {
static greet() {
return 'Hello from Parent';
}
}
class Child extends Parent {
static greet() {
return super.greet() + ' and Child';
}
}
const childInstance = new Child();
console.log(childInstance.greet);
๐ด What will be the output??
๐17๐5โค2