WebCoder | Frontend
Open in Telegram
Авторский канал по фронтенду Реклама: @vvladimirovv @Dmitryneg @Shepelev_DmV Главный: @vvladimirovv
Show moreThe country is not specifiedThe category is not specified
2 302
Subscribers
+124 hours
+17 days
-2030 days
Data loading in progress...
Similar Channels
Tags Cloud
No data
Any problems? Please refresh the page or contact our support manager.
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
September '24
September '24
+8
in 0 channels
August '24
+5
in 0 channels
Get PRO
July '24
+5
in 0 channels
Get PRO
June '24
+5
in 0 channels
Get PRO
May '24
+99
in 0 channels
Get PRO
April '24
+5
in 0 channels
Get PRO
March '24
+8
in 0 channels
Get PRO
February '24
+13
in 0 channels
Get PRO
January '24
+9
in 0 channels
Get PRO
December '23
+2
in 0 channels
Get PRO
November '230
in 0 channels
Get PRO
October '230
in 0 channels
Get PRO
September '230
in 0 channels
Get PRO
August '230
in 0 channels
Get PRO
July '230
in 0 channels
Get PRO
June '230
in 0 channels
Get PRO
May '230
in 0 channels
Get PRO
April '230
in 0 channels
Get PRO
March '230
in 0 channels
Get PRO
February '23
+2
in 0 channels
Get PRO
January '23
+1
in 0 channels
Get PRO
December '220
in 0 channels
Get PRO
November '22
+6
in 0 channels
Get PRO
October '22
+3
in 0 channels
Get PRO
September '22
+8
in 0 channels
Get PRO
August '22
+28
in 0 channels
Get PRO
July '22
+241
in 0 channels
Get PRO
June '22
+26
in 0 channels
Get PRO
May '22
+33
in 0 channels
Get PRO
April '22
+282
in 0 channels
Get PRO
March '22
+251
in 0 channels
Get PRO
February '22
+127
in 0 channels
Get PRO
January '22
+420
in 0 channels
Get PRO
December '21
+713
in 0 channels
Get PRO
November '21
+535
in 0 channels
Get PRO
October '21
+1 054
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 25 September | 0 | |||
| 24 September | 0 | |||
| 23 September | 0 | |||
| 22 September | 0 | |||
| 21 September | 0 | |||
| 20 September | 0 | |||
| 19 September | 0 | |||
| 18 September | +1 | |||
| 17 September | 0 | |||
| 16 September | 0 | |||
| 15 September | +1 | |||
| 14 September | 0 | |||
| 13 September | 0 | |||
| 12 September | 0 | |||
| 11 September | 0 | |||
| 10 September | 0 | |||
| 09 September | 0 | |||
| 08 September | +1 | |||
| 07 September | 0 | |||
| 06 September | +2 | |||
| 05 September | 0 | |||
| 04 September | +1 | |||
| 03 September | 0 | |||
| 02 September | +2 | |||
| 01 September | 0 |
Channel Posts
Как программисту работать в кризис? Чтобы не словить выгорание, запасись свежими полезнозностями о разработке и начинай увеличивать чек. Это Джун Джунович, твой проводник в сфере IT.
Подпишись: @junovich
| 2 | Почему заработать миллион за месяц — просто?
Без криминала, казино и «стопроцентных» схем.
По статистике, 98% людей ассоциируют финансовый успех с преступной деятельностью, везением или фактом рождения в богатой семье. Выиграть в лотерее, конечно, можно, но более вероятно заработать большие деньги, ведя собственный бизнес.
Личные Финансы — первый канал про реальный бизнес в России. Автор, действующий предприниматель, на примерах из собственной практики рассказывает:
💥Как запустить бизнес с любым (даже нулевым) бюджетом;
💥Способы монетизировать сегодняшний кризис в РФ;
💥Готовые и нестандартные стартап-идеи.
С подпиской на Личные Финансы у вас не останется возможности не разбогатеть | 298 |
| 3 |  No text... | 588 |
| 4 | Нужен человек на удалёнку для работы в Telegram каналах! ЗП от 100 тысяч!
В Влад про Telegram БЕСПЛАТНО рассказывают:
— Как заработать за первую неделю
— Как создать свой успешных Telegram канал
— Как с 0 руб. выйти на доход 100 000 руб/мес
Знания и опыт не нужны — ты подпишешься на этот канал и за 1 месяц заработаешь на приличный отпуск: | 445 |
| 5 | 👆а вообще за копирование объектов через сериализацию в JSON и обратно могут хорошо бить по-жопе осудить более опытные коллеги | 563 |
| 6 | Поверхностное и глубокое клонирование объектов в JS
Если у нас стоит задача скопировать простой объект и массив, то проблем не возникает, например:
simpleObj = {
fieldOne: 1,
fieldTwo: 2,
fieldThree: 3,
};
console.log(simpleObj);
// простой объект - {fieldOne: 1, fieldTwo: 2, fieldThree: 3,}
const simpleObjectCopy = {... simpleObj}; // используем spread для копирования простого объекта
console.log(simpleObjectCopy);
//клонированный простой объект - {fieldOne: 1, fieldTwo: 2, fieldThree: 3,}
simpleObjectCopy.fieldOne = 2; //изменим значение первого поля в копированном объекте, чтоб убедится что эти два объекта не связаны
console.log(simpleObj); // {fieldOne: 1, fieldTwo: 2, fieldThree: 3,}
console.log(simpleObjectCopy); // {fieldOne: 2, fieldTwo: 2, fieldThree: 3,}
Но что если у нас более сложный объект или массив (объект внутри которого другой объект или массив с объектами как в примере)
const foodInCart = [
{ product: 'Агава', quantity: 3},
{ product: 'Апельсин', quantity: 1 },
{ product: 'Дыня', quantity: 1 },
]
const clonedCart = [...foodInCart]
console.log(clonedCart);
// [
// { product: 'Агава', quantity: 3 },
// { product: 'Апельсин', quantity: 1 },
// { product: 'Дыня', quantity: 1 },
// ]
= 5 // изменяем поле "количество" в объекте под индексом 1
console.log(clonedCart)
// [
// { product: 'Агава', quantity: 3 },
// { product: 'Апельсин', quantity: 5 },
// { product: 'Дыня', quantity: 1 },
// ]
console.log(foodInCart)
// [
// { product: 'Агава', quantity: 3 },
// { product: 'Апельсин', quantity: 5 },
// { product: 'Дыня', quantity: 1 },
// ]
Как мы видим количество апельсинов поменялось сразу в двух объектах, как мы с вами знаем непримитивные типы данных, хранятся по ссылке. Так как мы произвели поверхностное копирование, то мы просто скопировали ссылки на старый объект в новый массив.
Таким образом, "разные" массивы ссылаются на одни и те же объекты в памяти:
=== clonedCart[1]); //true
JavaScript не имеет отдельных функций для глубокого копирования массивов или объектов. Существуют различные способы сделать глубокое копирование.
Можно написать функцию глубокого копирования вручную. Скорее всего ваша функция будет рекурсивной, и она будет работать только для конкретных данных — написать универсальную функцию не так-то просто.
Так же можно сериализировать копируемый объект в JSON и распарсить его :
const deepClone = JSON.parse(JSON.stringify(foodInCart))
console.log(foodInCart[1] === deepClone[1]) // false
Но данный метод не идеальный, потому что копируемые данные должны быть сериализуемыми. Если у объекта существуют методы или массив содержит функции, то копирование не сработает.
Еще один способ это воспользоваться популярной библиотекой утилит lodash | 341 |
| 7 | No text... | 496 |
| 8 | Python пришел в телеграм!
Python — второй по популярности язык в мире. Он очень универсален: можно писать сайты, а можно искусственный интеллект. Теперь у Python есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться! | 416 |
| 9 | React Reconciliation (Согласование) - насколько хорошо вы знаете как оно работает ?
Во время работы со списками в приложениях, написанных на React Js, вы сталкивались с тем, как консоль браузера настойчиво рекомендует вам присвоить каждому элементу списка уникальный проп key, мотивируя это улучшением производительности?
В сегодняшнем видео, которое я предлагаю вашему вниманию, подробно раскрывается тема работы алгоритма согласования и каким образом достигается эта самая производительность | 583 |
| 10 | Как вы станете высокооплачиваемым разработчиком с хреновым английским?
Что такое dependency inversion, shard allocation, wysiwyg, kiss principle? А весь топовый контент сейчас онли ин инглиш.
Срочно подпишись на РуинглишDev если не знаешь этих базовых терминов. Автор - Senior Sofrware Developer даст вам информацию без воды.
Начать understand инглиш за 5 минут в день: @RuEnglish_Devs | 594 |
| 11 | Всем привет, сегодня мы продолжим тему прошлого поста и перейдем к замыканиям.
Как мы выяснили, у область видимости функций ограничена ее телом. Но что если внутри одной функции будет дочерняя функция ?
function outer() {
let a = 42
function inner() {
console.log(a)
}
inner()
}
outer()
// 42
Такое поведение, когда переменные родительских областей становятся доступны в дочерних, называется наследованием областей видимости.
Заметим, что у функции inner никаких локальных переменных нет — она работает только с локальной переменной функции outer.
Такой особенный доступ к локальным переменным родительской функции часто называют лексической областью видимости.
Сокрытие «внутренностей» позволяет создавать независимые друг от друга блоки кода. Это, например, полезно, когда мы хотим запустить какой-то модуль в браузере с уверенностью, что он никак не повлияет на другой код.
Но что, если мы вернём из функции outer функцию inner?
function outer() {
let a = 42
function inner() {
console.log(a)
}
return inner
}
Теперь мы можем не просто вызывать функцию outer, но и присвоить результат вызова какой-то переменной:
const accessToInner = outer()
accessToInner()
// 42
Теперь в переменной accessToInner находится функция inner, у которой всё ещё есть доступ к локальной переменной a функции outer!
То есть мы смогли «обойти» область видимости? Не совсем.
Мы действительно получили доступ к переменной a через функцию inner, но только в том виде и с такими ограничениями, которые описаны при создании функции inner.
У нас всё ещё нет прямого доступа к переменной a. Мы, например, не можем её поменять — только вывести в консоль.
Грубо говоря, мы создали функцию, которая даёт нам читать переменные, но не изменять их. Это полезно, если мы хотим дать ограниченный доступ к внутренностям модуля.
Более подробную статью о замыканиях, Вы можете прочитать по ссылке
Если у вас появились вопросы, ждем их в комментариях! | 536 |
| 12 | #для_самых_начинающих
Приветствую, сегодня мы поговорим о таком базовом, но не менее важном концепте в JS как - Области видимости.
Понимание механизма работы областей видимости поможет нам понять замыкания и доступность переменных.
Области видимости можно представить как коробки, в которых находятся переменные. Переменные, которые лежат в одной коробке, могут взаимодействовать друг с другом.
Всего существует 3 области видимости: Глобальная, Блочная и Функциональная.
Глобальная область видимости — это самая внешняя коробка из всех.
const a = 42;
console.log(a); // 42
Блочная область видимости ограничена программным блоком, обозначенным при помощи { и }.
const a = 42;
console.log(a); // 42
if (true) {
const b = 43
console.log(a)
// 42
console.log(b)
// 43
}
console.log(b)
// ReferenceError: Can't find variable: b
Функциональная область видимости — это область видимости в пределах тела функции. Можно сказать, что она ограничена { и } функции.
const a = 42;
console.log(a); // 42
function scoped() {
const b = 43
}
console.log(a)
// 42
console.log(b)
// Reference error
Более подробно ознакомится с областью видимости Вы сможете по ссылке https://habr.com/ru/post/517338/ | 476 |
| 13 | А вы пользуетесь alias-ами? | 639 |
| 14 | 👆alias-ы могут быть не только до файла, но и до какого-то конкретного каталога, поэтому напимер если у вас море импортов типо таких
import a from ‘../../../../long/way/utils/a’
можно получить такой результат
import a from ‘@utils/a’
или
import { a } from ‘@utils’
если используются индексные файлы (о них поговорим завтра) | 624 |
| 15 | Используйте alias-ы!
Часто бывает что приходится имортировать что-то по десять раз из одного места и очень часто это что-то лежит достаточно далеко. Чтобы не мучать себя и других придумали alias-ы - сокращения (в данном случае для импортов). Пример видите выше. статью на эту тему можно посмотреть например тут (кликабельно).
Очень часто новички забывают про это, а зря: такой простой прием снизит вероятность ухудшения вашего зрения и инфакта у коллег при ревью. | 578 |
| 16 | Я знаю что здесь много ребят только начинает. А что значит для вас «разработка»? | 596 |
| 17 | 👆если вы прочитали пост выше и вам показалось что это незначительно или не важно, то:
1) это уже микропризнак того что над эти стоит работать
2) на собесах на это очень смотрят и это влияет на добрые 50% решения о том взять вас или нет (это не значит что надо быть человеком-цветочком, но если в вам бушуют порывы, то их лучше уметь гасить) | 578 |
| 18 | Вы просили рассказать про актуальные проблемы в разработке, вот ловите
А зачем разговаривать?
В силу того что мы работаем над продуктами возникает много разных моментов и один из самых важных на мой взгляд - это коммуникация. Вы можете быть гением разработки и запускать код в голове, но когда работаете в команде, то хочешь или нет, а надо уметь донести что ты хочешь!
- Как работает этот старый код который ты написал?
- Ну тут все просто ты же сам видишь, вот executeSomeShit() запускает это, а там колбек, а сейчас у меня обед, ссори
Кому-то это покажется диким или притянутым, но с таким бывает тоже приходится сталкиваться, главное тут уметь себя поставить на место того с кем вы общаетесь | 547 |
| 19 | +2 No text... | 521 |
| 20 | Дизайн тоже важная вещь :) | 534 |
