let a = 3;
let b = new Number(3);
let c = 3;
console.log(a == b);
console.log(a === b);
console.log(b === c);
Что будет в консоли ?
Anonymous Quiz
16%
true false true
5%
false false true
67%
true false false
12%
false true true
Наводим порядок в конфигах Webpack
Webpack является основным сборщиком фронтенд-проектов. Это зрелый продукт, который до сих пор развивается и повсеместно используется. Но, как и любой инструмент, он имеет свои слабые стороны. Я считаю что основной недостаток Webpack — это сложность его конфигурации. На крупных долгоживущих проектах конфигурационные файлы становятся слишком большими и нечитаемыми, превращаясь в мешанину вложенных объектов и spread-операторов.
Ссылка
#статьи
Webpack является основным сборщиком фронтенд-проектов. Это зрелый продукт, который до сих пор развивается и повсеместно используется. Но, как и любой инструмент, он имеет свои слабые стороны. Я считаю что основной недостаток Webpack — это сложность его конфигурации. На крупных долгоживущих проектах конфигурационные файлы становятся слишком большими и нечитаемыми, превращаясь в мешанину вложенных объектов и spread-операторов.
Ссылка
#статьи
Шаблоны проектирования JS полный гайд
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
Дорогие подписчики!🥂 ❤️🔔
Поздравляю вас с наступающим Новым Годом!🎁
Желаю всем успеха, благополучия и процветания в 2024 году!💲
Пусть все намеченные вами планы и проекты реализуются, исполнятся все желания.🍪
🎉 🎉 🎉
Поздравляю вас с наступающим Новым Годом!
Желаю всем успеха, благополучия и процветания в 2024 году!
Пусть все намеченные вами планы и проекты реализуются, исполнятся все желания.
Please open Telegram to view this post
VIEW IN TELEGRAM
class Chameleon {
static colorChange(newColor) {
this.newColor = newColor;
return this.newColor;
}
constructor({ newColor = 'green' } = {}) {
this.newColor = newColor;
}
}
const freddie = new Chameleon({ newColor: 'purple' });
freddie.colorChange('orange');
Roadmap, как стать лучшим разработчиком программного обеспечения
Рекомендации, как стать лучшим разработчиком программного обеспечения: сосредоточьтесь на создании прочной основы, изучите структуры данных и алгоритмы, улучшите навыки общения и письма, начните решать задачи на LeetCode и HackerRank, будьте активны в LinkedIn, улучшите скилы во фронтенде, создайте новое портфолио, инвестируйте в курсы и книги, отдавайте предпочтение последовательности и дисциплине.
Ссылка
#статьи
Рекомендации, как стать лучшим разработчиком программного обеспечения: сосредоточьтесь на создании прочной основы, изучите структуры данных и алгоритмы, улучшите навыки общения и письма, начните решать задачи на LeetCode и HackerRank, будьте активны в LinkedIn, улучшите скилы во фронтенде, создайте новое портфолио, инвестируйте в курсы и книги, отдавайте предпочтение последовательности и дисциплине.
Ссылка
#статьи
Что будет в консоли ?
Anonymous Quiz
44%
{}
36%
ReferenceError: greetign is not defined
20%
undefined
Что будет в консоли ?
Anonymous Quiz
49%
Ничего, всё в порядке!
30%
SyntaxError. Нельзя добавлять свойства функциям таким способом.
8%
undefined
13%
ReferenceError
Что такое Webpack и как с ним работать: полный курс по Webpack
Webpack — это сборщик модулей, которые решает эти проблемы. Он создает граф зависимостей и собирает модули приложения в бандл, на который может ссылаться файл «index.html». А ещё Webpack может преобразовать модули перед их добавлением в бандл, например: SASS/LESS в обычный CSS, или JavaScript в ES5 для старых браузеров.
Нашли подробный ролик длиной 3,5 часа, в котором вы:
— Изучите основы и реализуете полную конфигурацию Webpack.
— Настроите TypeScript, React, Babel.
— Научитесь работать со стилями и CSS modules.
— Рассмотрите большую часть возможностей Webpack 5.
— Реализуете монорепозиторий с микрофронтендом на основе workspaces и Module federation.
Ссылка
#utils
Webpack — это сборщик модулей, которые решает эти проблемы. Он создает граф зависимостей и собирает модули приложения в бандл, на который может ссылаться файл «index.html». А ещё Webpack может преобразовать модули перед их добавлением в бандл, например: SASS/LESS в обычный CSS, или JavaScript в ES5 для старых браузеров.
Нашли подробный ролик длиной 3,5 часа, в котором вы:
— Изучите основы и реализуете полную конфигурацию Webpack.
— Настроите TypeScript, React, Babel.
— Научитесь работать со стилями и CSS modules.
— Рассмотрите большую часть возможностей Webpack 5.
— Реализуете монорепозиторий с микрофронтендом на основе workspaces и Module federation.
Ссылка
#utils
Софт скилы сделают вас богаче. Или нет?
Опросы менеджеров высшего звена показали, что софт скилы вносят от 75% до 85% в долгосрочный успех в трудовой деятельности. Это утверждение логично вписывается в современный тренд, когда на работу берут тех, у кого более прокачены софты. Нет сомнений в том, что бизнес получит больше профита от работника, который лучше общается с другими, не выгорает, имеет внутреннюю мотивацию, может передать свои знания и так далее. Но какой профит от soft skills для самого работника? Сегодня мы попытаемся разобраться в том, как мягкие навыки связаны с уровнем вашего дохода.
Ссылка
#статьи
Опросы менеджеров высшего звена показали, что софт скилы вносят от 75% до 85% в долгосрочный успех в трудовой деятельности. Это утверждение логично вписывается в современный тренд, когда на работу берут тех, у кого более прокачены софты. Нет сомнений в том, что бизнес получит больше профита от работника, который лучше общается с другими, не выгорает, имеет внутреннюю мотивацию, может передать свои знания и так далее. Но какой профит от soft skills для самого работника? Сегодня мы попытаемся разобраться в том, как мягкие навыки связаны с уровнем вашего дохода.
Ссылка
#статьи
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const member = new Person('Lydia', 'Hallie');
Person.getFullName = function () {
return `${this.firstName} ${this.lastName}`;
}
console.log(member.getFullName());
Что будет в консоли ?
Anonymous Quiz
13%
TypeError
15%
SyntaxError
53%
Lydia Hallie
19%
undefined undefined
После прочтения применить, или Чистый код на практике
Начинающие разработчики часто встречают на ревью пул-реквестов очень дотошных ревьюеров, дающих кучу комментариев по теме чистоты кода. Со временем у разработчика опытным путём или с чтением хорошей технической литературы нарабатывается чувство чистого кода — но что делать новичкам?
В этой статье я не буду долго мучить теорией про чистый код и паттерны — об этом уже было в Симпсонах учебниках, конференциях и на Хабре в том числе. Но приведу примеры плохого (на мой взгляд) кода в приложениях на React и JavaScript и покажу, как его улучшить. Надеюсь, начинающим моя статья будет полезна, и после прочтения они смогут применить всё на практике.
Ссылка
#статьи
Начинающие разработчики часто встречают на ревью пул-реквестов очень дотошных ревьюеров, дающих кучу комментариев по теме чистоты кода. Со временем у разработчика опытным путём или с чтением хорошей технической литературы нарабатывается чувство чистого кода — но что делать новичкам?
В этой статье я не буду долго мучить теорией про чистый код и паттерны — об этом уже было в Симпсонах учебниках, конференциях и на Хабре в том числе. Но приведу примеры плохого (на мой взгляд) кода в приложениях на React и JavaScript и покажу, как его улучшить. Надеюсь, начинающим моя статья будет полезна, и после прочтения они смогут применить всё на практике.
Ссылка
#статьи