Javascript js frontend
رفتن به کانال در Telegram
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас. @anothertechrock РКН: https://clck.ru/3R3tmU
نمایش بیشتر
شبکه:8 526
مشترکین
-324 ساعت
-217 روز
-11330 روز
در حال بارگیری داده...
کانالهای مشابه
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اوت '26
اوت '26
+12
در 0 کانالها
ژوئیه '26
+15
در 0 کانالها
Get PRO
ژوئن '26
+35
در 0 کانالها
Get PRO
مه '26
+22
در 0 کانالها
Get PRO
آوریل '26
+23
در 0 کانالها
Get PRO
مارس '26
+15
در 0 کانالها
Get PRO
فوریه '26
+15
در 0 کانالها
Get PRO
ژانویه '26
+15
در 0 کانالها
Get PRO
دسامبر '25
+22
در 1 کانالها
Get PRO
نوامبر '25
+23
در 0 کانالها
Get PRO
اکتبر '25
+24
در 0 کانالها
Get PRO
سپتامبر '25
+37
در 0 کانالها
Get PRO
اوت '25
+44
در 0 کانالها
Get PRO
ژوئیه '25
+47
در 0 کانالها
Get PRO
ژوئن '25
+45
در 0 کانالها
Get PRO
مه '25
+26
در 0 کانالها
Get PRO
آوریل '25
+25
در 0 کانالها
Get PRO
مارس '25
+39
در 0 کانالها
Get PRO
فوریه '25
+36
در 0 کانالها
Get PRO
ژانویه '25
+36
در 0 کانالها
Get PRO
دسامبر '24
+16
در 0 کانالها
Get PRO
نوامبر '24
+29
در 0 کانالها
Get PRO
اکتبر '24
+49
در 0 کانالها
Get PRO
سپتامبر '24
+28
در 0 کانالها
Get PRO
اوت '24
+24
در 0 کانالها
Get PRO
ژوئیه '24
+18
در 0 کانالها
Get PRO
ژوئن '24
+12
در 0 کانالها
Get PRO
مه '24
+35
در 0 کانالها
Get PRO
آوریل '24
+64
در 0 کانالها
Get PRO
مارس '24
+43
در 0 کانالها
Get PRO
فوریه '24
+33
در 1 کانالها
Get PRO
ژانویه '24
+72
در 2 کانالها
Get PRO
دسامبر '23
+59
در 0 کانالها
Get PRO
نوامبر '23
+50
در 0 کانالها
Get PRO
اکتبر '23
+41
در 0 کانالها
Get PRO
سپتامبر '23
+63
در 0 کانالها
Get PRO
اوت '23
+104
در 0 کانالها
Get PRO
ژوئیه '23
+93
در 0 کانالها
Get PRO
ژوئن '23
+129
در 0 کانالها
Get PRO
مه '23
+152
در 0 کانالها
Get PRO
آوریل '23
+118
در 0 کانالها
Get PRO
مارس '23
+52
در 0 کانالها
Get PRO
فوریه '23
+102
در 0 کانالها
Get PRO
ژانویه '23
+433
در 0 کانالها
Get PRO
دسامبر '22
+51
در 0 کانالها
Get PRO
نوامبر '22
+75
در 0 کانالها
Get PRO
اکتبر '22
+75
در 0 کانالها
Get PRO
سپتامبر '22
+117
در 0 کانالها
Get PRO
اوت '22
+5 994
در 0 کانالها
Get PRO
ژوئیه '22
+138
در 0 کانالها
Get PRO
ژوئن '22
+98
در 0 کانالها
Get PRO
مه '22
+100
در 0 کانالها
Get PRO
آوریل '22
+92
در 0 کانالها
Get PRO
مارس '22
+4 180
در 0 کانالها
Get PRO
فوریه '22
+970
در 0 کانالها
Get PRO
ژانویه '22
+2 147
در 0 کانالها
Get PRO
دسامبر '21
+11 270
در 0 کانالها
Get PRO
نوامبر '21
+17 424
در 0 کانالها
Get PRO
اکتبر '21
+10 959
در 0 کانالها
Get PRO
سپتامبر '21
+97
در 0 کانالها
Get PRO
اوت '21
+129
در 0 کانالها
Get PRO
ژوئیه '21
+97
در 0 کانالها
Get PRO
ژوئن '21
+85
در 0 کانالها
Get PRO
مه '21
+66
در 0 کانالها
Get PRO
آوریل '21
+62
در 0 کانالها
Get PRO
مارس '21
+91
در 0 کانالها
Get PRO
فوریه '21
+80
در 0 کانالها
Get PRO
ژانویه '21
+143
در 0 کانالها
Get PRO
دسامبر '20
+1 823
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 26 اوت | +1 | |||
| 25 اوت | 0 | |||
| 24 اوت | 0 | |||
| 23 اوت | +1 | |||
| 22 اوت | 0 | |||
| 21 اوت | 0 | |||
| 20 اوت | 0 | |||
| 19 اوت | 0 | |||
| 18 اوت | +1 | |||
| 17 اوت | +2 | |||
| 16 اوت | 0 | |||
| 15 اوت | +1 | |||
| 14 اوت | 0 | |||
| 13 اوت | 0 | |||
| 12 اوت | +1 | |||
| 11 اوت | +2 | |||
| 10 اوت | 0 | |||
| 09 اوت | 0 | |||
| 08 اوت | 0 | |||
| 07 اوت | +2 | |||
| 06 اوت | 0 | |||
| 05 اوت | +1 | |||
| 04 اوت | 0 | |||
| 03 اوت | 0 | |||
| 02 اوت | 0 | |||
| 01 اوت | 0 |
پستهای کانال
JavaScript. Задача
Цифровой корень натурального числа — это цифра, полученная в результате итеративного процесса суммирования цифр, на каждой итерации которого для подсчета суммы цифр берут результат, полученный на предыдущей итерации. Этот процесс повторяется до тех пор, пока не будет получена одна цифра.
Необходимо составить программу нахождения цифрового корня натурального числа.
Входные данные:
N - натуральное число, где 0 <= N <= 10^9
Вывод: цифровой корень числа N
Ответ| 2 |  Почему Frontend-разработчики уходят в курьеры?
В последнее время всё чаще вижу одну и ту же картину:
Frontend-разработчик отправляет сотню откликов. Потом ещё сотню. А в ответ пара отписок «мы с вами свяжемся», отказы и тишина
Раньше я думал, что проблема почти всегда в резюме или скиллах. Но чем глубже копаюсь в рынке, тем сильнее понимаю, что рынок жёстко перегрет и даже сильным ребятам приходится бороться за каждую вакансию
Самое обидное, что многие продолжают долбиться в одну и ту же стену. Хотя рядом есть направления, где их опыт уже ценится, а конкуренция в разы ниже
И нет, речь не про «забудь всё и учись заново». Наоборот, знания JavaScript и опыт разработки там становятся сильным преимуществом
Записал бесплатный видеоразбор, где показываю, на какие направления имеет смысл смотреть Frontend-разработчику, сколько обычно занимает переход, на какие деньги реально выйти и почему там банально проще найти работу
Забирай видеоразбор по ссылке 👇
[▶️ Смотреть] | 391 |
| 3 |  📂 Напоминалка по URL, URI и URN в веб-разработке!
Например, URL (Uniform Resource Locator) используется для указания адреса ресурса и способа его получения (https://example.com/page), а URI (Uniform Resource Identifier) является общим идентификатором ресурса, который включает в себя URL и URN.
На картинке — сравнение трёх понятий, которые часто используют при работе с веб-технологиями, API и распределёнными системами.
Сохрани, чтобы не потерять! | 393 |
| 4 |  В нашем канале много ценного для разработчиков по подготовке к собесам👇
Уже 2 года мы развиваем комьюнити, где 10000+ разработчиков, и вместе мы тренируем собеседования и выжимаем из рынка максимум!
Полные разборы собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Стримы с гостями и записями:
Как проходить собеседование на английском
Как решать livecoding задачи
Прокачали более 30 резюме вместе с Юрой
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
Текущие рекорды участников:
Оффер 6800$ net с релокацией на Кипр
Из Шанхая до 4500$ в американскую компанию
Получили 427 000 на руки в Сбер и отказались
Выбили 380 000 на руки в банк и приняли!
Наши встречи в Питере, Москве, Шанхае
Как я прохожу собесы на ютубе:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ
А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Подписывайся 👇
https://t.me/frontend_punks
Реклама, erid: 2W5zFGVqbey ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 357 |
| 5 | URLPattern — нативное сопоставление URL без ручных регулярных выражений!
Во многих проектах приходится разбирать URL: определять маршруты, извлекать параметры, проверять соответствие шаблону. Чаще всего для этого используют регулярные выражения или вручную разбирают строку, хотя современные браузеры предоставляют для этого встроенный API — URLPattern.
Создадим шаблон маршрута для страницы пользователя:
const pattern = new URLPattern({
pathname: "/users/:id"
});
В отличие от регулярных выражений здесь описывается не способ поиска, а сама структура URL. Такой код легче читать, поддерживать и расширять, особенно когда маршрутов становится много.
Проверим, соответствует ли URL заданному шаблону:
const result = pattern.exec(
"https://site.com/users/42"
);
console.log(!!result); // true
Если совпадение найдено, exec() возвращает объект с подробной информацией о результате. Если маршрут не подходит — вернётся null.
Получим параметр маршрута:
if (result) {
console.log(
result.pathname.groups.id
);
// "42"
}
Все именованные параметры автоматически попадают в объект groups. Больше не нужно самостоятельно искать совпадения, работать с индексами или писать регулярные выражения.
URLPattern умеет сопоставлять не только путь. При необходимости можно одновременно проверять домен, протокол, порт, имя пользователя и другие части адреса.
Например, можно сразу описать шаблон для версии API:
const api = new URLPattern({
hostname: "api.example.com",
pathname: "/v:version/users/:id"
});
Теперь один шаблон одновременно проверяет хост и извлекает несколько параметров из пути.
Получим результат сопоставления:
const match = api.exec(
"https://api.example.com/v2/users/15"
);
console.log(match.pathname.groups);
На выходе получим уже готовый объект:
// {
// version: "2",
// id: "15"
// }
URLPattern поддерживается современными браузерами, но если нужна совместимость со старыми версиями, заранее проверьте наличие API.
🔥 URLPattern — позволяет отказаться от значительной части ручного разбора URL и сделать код сопоставления маршрутов заметно чище. | 412 |
| 6 | Недавно на Хабре вышла годная статья: «Что происходит внутри Angular и React при решении одних и тех же задач»!
В этой статье:
• Сравнивается, как React и Angular работают с DOM, состоянием, жизненным циклом компонентов и асинхронностью;
• Показывается, что происходит «под капотом» при рендеринге, обновлении интерфейса и обработке изменений;
• Разбираются различия в архитектуре, производительности и подходах к оптимизации, чтобы лучше понимать сильные стороны каждого инструмента.
🔊 Продолжайте читать на Habr! | 550 |
| 7 |  Задача
В киоске стакан кваса стоит 5 рублей. Дети подходят за квасом по очереди. Каждый купит только один стакан кваса и заплатит купюрой в 5, 10 или 20 рублей. Вы же должны дать сдачу каждому. Сначала у вас нет сдачи.
Необходимо определить, сможете ли вы продать квас каждому ребенку.
Входные данные: bills - массив купюр, которые платит i-й ребенок в очереди.
Вывод: true - если вы сможете рассчитать каждого клиента, false - в противном случае.
Примеры:
[5, 5, 10, 10, 20]
Output: false
- Первым двум покупателям вы продадите квас, не давая сдачи, у вас будет 2 купюры по 5 рублей.
- Следующим двум вы дадите сдачу оставшимися купюрами в 5 рублей. У вас останется только 2 купюры по 10 рублей.
- Последнему покупателю вы не сможете дать сдачу в 15 рублей.
Ответ | 618 |
| 8 | Как создать радиальный градиент в CSS?
Для создания фона в виде радиального (кругового, эллиптического) градиента испольуется функция radial-gradient.
Самый простой градиент задаётся двумя цветами.
.element {
background-image: radial-gradient(#6e4aff, #49A16C);
}
В этом случае начальная точка помещается в центр элемента, а градиент рисуется таким образом, чтобы в углах элемента был последний указанный в скобках цвет.
Цветов мы можем перечислить сколько угодно. Браузер сам распределит градиент таким образом, чтобы последний цвет всегда заходил в угол элемента.
Форма градиента задаётся ключевым словом circle или ellipse (по умолчанию).
Мы можем задавать положение центральной точки, используя те же ключевые слова, что и для background-position, но с приставкой at: at left, at top, at right, at bottom, at center (по умолчанию). Значения можно сочетать, чтобы поместить центр градиента в нужный угол элемента: at top left — центр градиента в верхнем левом углу.
#css | 610 |
| 9 |  JavaScript. Что будет выведено в консоль?
Ответ: 35 | 601 |
| 10 |  🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер
13 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 602 |
| 11 | بدون متن... | 657 |
| 12 | ![JavaScript. Что будет выведено в консоль? Ответ: [ 1, 2, 3, [ 1, 2, 3, 1, 2, 3 ] ] [ 1, 2, 3, [ 1, 2, 3, 1, 2, 3 ] ]](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAbACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCW7u3hk2ooPGelV/7Rn/uL+RpNR/146dKpn8KxhTi4ptDbLn9oz/3F/I0f2jN/cX8jVP8AKjFX7KPYLs1LO8eeUo4AwO1FVtN/4+D9KK5asUpWSKTYuoj9+PpVTArddQeopmxfQVcK1o2sJxMQj2pMGtzYvoKNi+gqvb+Qcpn6aP35+lFaaKB0FFYznzO40j//2Q==){kind=small} JavaScript. Что будет выведено в консоль?
Ответ:
[ 1, 2, 3, [ 1, 2, 3, 1, 2, 3 ] ]
[ 1, 2, 3, [ 1, 2, 3, 1, 2, 3 ] ] | 918 |
| 13 |  🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 829 |
| 14 |  JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.
Ответ | 872 |
| 15 |  Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?
Кто-то без всякой драмы проходит собесы и уходит в Яндекс, VK или на валютную удалёнку. В сильные и амбициозные команды.
А у кого-то зарплата не растёт, который год, задачи одни и те же неделя за неделей, календарь забит созвонами, от которых ничего не меняется.
Отклики на вакансии, а в ответ — тишина или очередная noname контора. На собесах вообще нигде не встречающаяся техничка((
👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.
Из своих учеников собрал комьюнити, в котором уже больше 220 frontend-разработчиков 🫂
В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.
У меня есть канал, где я:
👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения
👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти
👉 На примерах показываю, как проходить собеседования, включая техничку
👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров
И регулярно выкладываю полезное:
▪️ Задачи, на которых валятся кандидаты
▪️ База по микрофронтам
▪️ Подборка из 100+ каналов с вакансиями для разработчиков
▪️ 100 вопросов, которые помогут тебе на собеседовании
▪️ Чек-лист для проверки своего резюме
А ещё у меня куча успешных кейсов и отзывов — все они в канале.
Подписывайся: https://t.me/+RO_7ZvLujRkzMWVi
Реклама, erid: 2W5zFJkeyPF ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 778 |
| 16 |  JavaScript. Что будет выведено в консоль?
Ответ: 5 | 752 |
| 17 |  JavaScript. Что будет выведено в консоль?
Ответ | 958 |
| 18 |  🔍Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер
9 июля(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. TeamLead в Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 852 |
| 19 | 11 полезных фичей Chrome DevTools
Все мы постоянно используем Chrome DevTools, но там так много фичей, что некоторые из них мы никогда не использовали и даже не замечали. В этой небольшой статье я хочу поделиться интересными находками, которыми пользуюсь сам.
#ru
Читать | 858 |
| 20 |  16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.
AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.
⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться! | 527 |
