JavaScript задачи с собеседований
Kanalga Telegram’da o‘tish
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js Прислать задачу/вопрос в дар: @cyberJohnny Сотрудничество: @cyberJohnny
Ko'proq ko'rsatish
Tarmoq:4 645
Obunachilar
-124 soatlar
-77 kun
-3130 kun
Ma'lumot yuklanmoqda...
O'xshash kanallar
![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}
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '26
+5
0 kanalda
Sentabr '26
+18
0 kanalda
Get PRO
Avgust '26
+11
0 kanalda
Get PRO
Iyul '26
+10
0 kanalda
Get PRO
Iyun '26
+7
0 kanalda
Get PRO
May '26
+7
0 kanalda
Get PRO
Aprel '26
+12
0 kanalda
Get PRO
Mart '26
+13
0 kanalda
Get PRO
Fevral '26
+7
0 kanalda
Get PRO
Yanvar '26
+10
0 kanalda
Get PRO
Dekabr '25
+12
0 kanalda
Get PRO
Noyabr '25
+13
0 kanalda
Get PRO
Oktabr '25
+7
0 kanalda
Get PRO
Sentabr '25
+9
0 kanalda
Get PRO
Avgust '25
+7
0 kanalda
Get PRO
Iyul '25
+7
0 kanalda
Get PRO
Iyun '25
+17
0 kanalda
Get PRO
May '25
+9
0 kanalda
Get PRO
Aprel '25
+13
0 kanalda
Get PRO
Mart '25
+9
0 kanalda
Get PRO
Fevral '25
+33
0 kanalda
Get PRO
Yanvar '25
+29
0 kanalda
Get PRO
Dekabr '24
+17
0 kanalda
Get PRO
Noyabr '24
+23
0 kanalda
Get PRO
Oktabr '24
+191
0 kanalda
Get PRO
Sentabr '24
+28
0 kanalda
Get PRO
Avgust '24
+43
0 kanalda
Get PRO
Iyul '24
+31
0 kanalda
Get PRO
Iyun '24
+25
1 kanalda
Get PRO
May '24
+37
0 kanalda
Get PRO
Aprel '24
+31
0 kanalda
Get PRO
Mart '24
+50
17 kanalda
Get PRO
Fevral '24
+40
0 kanalda
Get PRO
Yanvar '24
+83
4 kanalda
Get PRO
Dekabr '23
+82
3 kanalda
Get PRO
Noyabr '23
+52
6 kanalda
Get PRO
Oktabr '23
+70
4 kanalda
Get PRO
Sentabr '23
+48
0 kanalda
Get PRO
Avgust '23
+146
0 kanalda
Get PRO
Iyul '23
+44
0 kanalda
Get PRO
Iyun '23
+103
0 kanalda
Get PRO
May '23
+70
0 kanalda
Get PRO
Aprel '23
+38
0 kanalda
Get PRO
Mart '23
+117
0 kanalda
Get PRO
Fevral '23
+224
0 kanalda
Get PRO
Yanvar '23
+117
0 kanalda
Get PRO
Dekabr '22
+134
0 kanalda
Get PRO
Noyabr '22
+208
0 kanalda
Get PRO
Oktabr '22
+318
0 kanalda
Get PRO
Sentabr '22
+265
0 kanalda
Get PRO
Avgust '22
+408
0 kanalda
Get PRO
Iyul '22
+291
0 kanalda
Get PRO
Iyun '22
+227
0 kanalda
Get PRO
May '22
+362
0 kanalda
Get PRO
Aprel '22
+210
0 kanalda
Get PRO
Mart '22
+103
0 kanalda
Get PRO
Fevral '22
+742
0 kanalda
Get PRO
Yanvar '22
+137
0 kanalda
Get PRO
Dekabr '21
+73
0 kanalda
Get PRO
Noyabr '21
+67
0 kanalda
Get PRO
Oktabr '21
+224
0 kanalda
Get PRO
Sentabr '21
+167
0 kanalda
Get PRO
Avgust '21
+280
0 kanalda
Get PRO
Iyul '21
+461
0 kanalda
Get PRO
Iyun '21
+220
0 kanalda
Get PRO
May '21
+472
0 kanalda
Get PRO
Aprel '21
+435
0 kanalda
Get PRO
Mart '21
+101
0 kanalda
Get PRO
Fevral '21
+144
0 kanalda
Get PRO
Yanvar '21
+560
0 kanalda
Get PRO
Dekabr '20
+4 574
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 06 Oktabr | +1 | |||
| 05 Oktabr | +1 | |||
| 04 Oktabr | 0 | |||
| 03 Oktabr | +2 | |||
| 02 Oktabr | 0 | |||
| 01 Oktabr | +1 |
Kanal postlari
Arc Time Slider
Это кастомный слайдер, разработанный с использованием веб-технологий HTML, SCSS и JS. Этот уникальный слайдер добавляет интересный и инновационный элемент управления на вашем веб-сайте.
🌐Ссылка на код (https://codepen.io/nicolasjesenberger/details/KKGJgWr)
| 2 |  +4Ознакомьтесь с этими 5 советами по адаптивному веб-дизайну 👨💻 | 177 |
| 3 |  Импорт локальных изображений vs использование изображений из папки / public в Next.js | 201 |
| 4 |  Совет по веб-доступности 💡
Лучший способ сделать ваши ссылки, состоящие только из иконок, удобными для экранных читалок. | 236 |
| 5 |  🌐 Человек, который создал первый веб-браузер, сервер и заложил основу современного интернета.
В 1989 году Тим Бернерс-Ли, работая в CERN, предложил систему для обмена связанными документами. А уже к концу 1990 года написал первый браузер-редактор WorldWideWeb, первый веб-сервер и сформулировал базовые технологии веба: HTML, HTTP и URL.
Первый сайт работал по адресу info.cern.ch и рассказывал о самом проекте World Wide Web.
Ключевой момент случился в 1993 году, когда CERN сделала технологию Web общедоступной. Это позволило ей быстро распространиться по всему миру без патентных барьеров и лицензий.
Позже Бернерс-Ли основал W3C, чтобы развивать открытые веб-стандарты и сохранять совместимость между браузерами и платформами.
Один из тех редких случаев, когда решение не закрывать технологию оказалось не менее важным, чем сама технология. | 257 |
| 6 |  🛠️ Awesome SRE - большая подборка ресурсов для Site Reliability Engineering
Репозиторий awesome-sre собирает полезные материалы по SRE и Production Engineering в одном месте.
Внутри есть подборки по:
- Monitoring и Observability
- Incident Response и Post-Mortem
- On-Call
- Chaos Engineering
- Automation и Toil Reduction
- Capacity Planning
- SLO / SLI
- Performance
- книгам, докладам, статьям и гайдам
Также собраны инструменты вроде Prometheus, Ansible, Puppet, SaltStack, Chaos Monkey, Gatling и другие решения для эксплуатации production-систем. :
Хорошая база, если изучаете SRE, DevOps, reliability engineering или готовитесь к собеседованию.
GitHub:
https://github.com/dastergon/awesome-sre | 227 |
| 7 |  Если вы занимаетесь ручным тестированием и хотите перейти к автоматизации, отдельных уроков по JavaScript и Playwright может быть недостаточно. Чтобы уверенно писать автотесты, важно понимать, как устроен весь процесс: от проверки API и интерфейса до запуска тестов в CI/CD.
Курс «Автоматизатор тестирования на JavaScript» поможет выстроить эту систему на практике. Вы научитесь писать автотесты для API и UI, работать с Jest и Playwright, проектировать тестовый фреймворк и запускать проверки с помощью Docker и GitHub CI.
Обучение включает живые занятия, домашние задания и обратную связь от преподавателей-практиков. В итоговом проекте вы создадите собственный тестовый фреймворк, разработаете не менее 10 функциональных автотестов и настроите отчёты о результатах.
Старт курса — 30 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d2bLGJ
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 198 |
| 8 |  Card Carousel
Этот элемент веб-дизайна реализован с использованием HTML и CSS. Он представляет собой карусель карточек, и при наведении на карточку применяются CSS трансформации. Это позволяет создать интерактивный и привлекательный элемент на веб-странице.
🌐Ссылка на код (https://codepen.io/william-goldsworthy/pen/JzVajj) | 263 |
| 9 |  Matn yo'q... | 331 |
| 10 |  Pure horizontal slider with sliding menu
Увлекательный проект, в котором вёрстка выполнена с использованием HTML и CSS, а логика раскрытия меню и карточек реализована с помощью JavaScript. Этот проект представляет собой горизонтальный слайдер с возможностью скольжения меню.
🌐Ссылка на код (https://codepen.io/kristen17/pen/KKrzbYo) | 332 |
| 11 |  Если вы знаете JavaScript, HTML и CSS, но Vue.js пока используете для отдельных задач, пора собрать знания в систему и научиться создавать полноценные приложения.
Курс «Vue.js разработчик» — практическое обучение разработке современных веб-приложений. Вы разберёте компонентную архитектуру и реактивность Vue 3, научитесь работать с маршрутизацией, состоянием приложения и TypeScript. В программе также — тестирование, GraphQL, WebSockets, Nuxt и подготовка проекта к деплою.
Обучение строится вокруг практики. На живых занятиях можно задавать вопросы преподавателям, а в домашних заданиях — закреплять материал и получать ревью кода. В ходе курса вы разработаете собственный проект для портфолио.
Старт курса — 29 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d21yU2
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 233 |
| 12 |  CSS совет 💡
Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете. | 332 |
| 13 |  Совет по HTML 💡
Семантический способ выделить часть текста ✅ | 353 |
| 14 |  Matn yo'q... | 481 |
| 15 |  🔥 Приглашаем на бесплатный открытый вебинар курса «ИИ-агенты: продвинутое внедрение и использование»: «AI-агенты против Junior-разработчиков: кто кого заменит к концу 2026 года»
🗓 Когда: 14 сентября, 20:00 (мск)
Вопрос уже не в том, появятся ли автономные кодинг-агенты, а в том, насколько быстро они изменят рынок труда. Уже сегодня ИИ пишет код, рефакторит, дебажит и даже проходит технические собеседования. Но означает ли это, что младшие разработчики скоро останутся без работы?
Что будет на вебинаре:
• Что реально умеют автономные кодинг-агенты в июне 2026;
• Live-демо: даём агенту реальную задачу с собеседования и смотрим, справится ли он;
• Какие профессии в IT уже трансформировались, а какие — на очереди;
• Как пересобрать свою карьерную траекторию, чтобы быть «над агентами», а не «под ними».
В результате вебинара вы:
• Узнаете реальные возможности и ограничения современных AI-агентов;
• Поймёте, какие навыки точно останутся востребованными в ближайшие 3–5 лет;
• Освоите подходы к использованию агентов как мультипликатора продуктивности ×10;
• Получите практические рекомендации, с каких проектов начать внедрение ИИ-агентов в свою работу.
👉 Зарегистрируйтесь https://vk.cc/d1C6SN
Бесплатное занятие приурочено к старту курса «ИИ-агенты: продвинутое внедрение и использование», на котором вы научитесь создавать сложные мультиагентные системы и автоматизировать бизнес-процессы любого уровня сложности.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru | 230 |
| 16 |  Fancy Button
Кнопка с эффектом обрезанных углов, реализованная на чистом CSS.
https://codepen.io/bloqhead/pen/ErOjEL | 437 |
| 17 |  Matn yo'q... | 552 |
| 18 | ⚡️ Релиз ChatGPT Images 2.5
Новое поколение (https://openai.com/index/introducing-chatgpt-images-2-5/) генератора изображений работает на 50% быстрее версии 2.0. Лучше проработаны текстуры, естественнее свет, точнее сохраняются ключевые черты объектов с референсных фотографий.
Хэдлайнер релиза - улучшенный режим редактирования. Модель меняет отдельную деталь сцены, не трогая остальное, и картинка больше теряет структуры при серии последовательных правок в одном диалоге.
Ещё она научилась сразу генерировать изображения с прозрачным фоном и точнее держит сложные композиционные инструкции.
Релиз разделен на 2 варианта модели:
🟠GPT-Image-2.5 Flare - облегчённая, с низкой задержкой;
🟠GPT-Image-2.5 Sunburst - максимальная детализация.
Также в ChatGPT добавили Sketch, генерацию по наброскам от руки, возможность комментировать отдельные области изображения и готовые шаблоны вёрстки.
Модель доступна в вебе, приложениях ChatGPT и Codex и через API.
Цены на Flare (https://developers.openai.com/api/docs/models/gpt-image-2.5-flare) и Sunburst (https://developers.openai.com/api/docs/models/gpt-image-2.5-sunburst) одинаковые:
$5 за миллион входных текстовых токенов, $8 - за тот же миллион в виде изображений и $30 за миллион выходных.
Есть кэширование - $1,25 (текст) и $2 (изображение).
@ai_machinelearning_big_data
#news #ai #ml | 500 |
| 19 |  Color Palette
Палитра с оттенками цветов. Полноценно работает с компьютера. Логика переключения между оттенками написана на JavaScript.
https://codepen.io/onlyveen/pen/rwvKqb | 368 |
| 20 |  Создаём первое приложение на Vue 3 с Composition API
Хотите попробовать Vue 3 на практике, но не знаете, с чего начать? Вместо долгого изучения теории можно сразу собрать настоящее приложение и по ходу разобраться, как устроен фреймворк.
Как работает реактивность? Зачем нужны компоненты? Чем Composition API упрощает организацию логики приложения? И как Vue автоматически обновляет интерфейс при изменении данных?
17 сентября в 20:00 МСК на открытом вебинаре OTUS вместе с нуля создадим небольшое приложение на Vue 3 и на практике разберём ключевые возможности фреймворка.
Вы узнаете, как создать проект на Vue 3, работать с реактивностью и компонентами, использовать Composition API, а также реализовать поиск и фильтрацию данных.
В результате у вас получится полноценное мини-приложение и понятная база для дальнейшего изучения Vue.
Вебинар проходит в рамках курса «Vue.js разработчик».
Регистрируйтесь: https://vk.cc/d1oo10
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 236 |
