JavaScript задачи с собеседований

Arc Time Slider Это кастомный слайдер, разработанный с использованием веб-технологий HTML, SCSS и JS. Этот уникальный слайдер добавляет интересный и инновационный элемент управления на вашем веб-сайте. 🌐Ссылка на код (https://codepen.io/nicolasjesenberger/details/KKGJgWr)

Ознакомьтесь с этими 5 советами по адаптивному веб-дизайну 👨‍💻

Импорт локальных изображений vs использование изображений из папки / public в Next.js

Совет по веб-доступности 💡 Лучший способ сделать ваши ссылки, состоящие только из иконок, удобными для экранных читалок.

🌐 Человек, который создал первый веб-браузер, сервер и заложил основу современного интернета. В 1989 году Тим Бернерс-Ли, работая в CERN, предложил систему для обмена связанными документами. А уже к концу 1990 года написал первый браузер-редактор WorldWideWeb, первый веб-сервер и сформулировал базовые технологии веба: HTML, HTTP и URL. Первый сайт работал по адресу info.cern.ch и рассказывал о самом проекте World Wide Web. Ключевой момент случился в 1993 году, когда CERN сделала технологию Web общедоступной. Это позволило ей быстро распространиться по всему миру без патентных барьеров и лицензий. Позже Бернерс-Ли основал W3C, чтобы развивать открытые веб-стандарты и сохранять совместимость между браузерами и платформами. Один из тех редких случаев, когда решение не закрывать технологию оказалось не менее важным, чем сама технология.

🛠️ 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

Если вы занимаетесь ручным тестированием и хотите перейти к автоматизации, отдельных уроков по JavaScript и Playwright может быть недостаточно. Чтобы уверенно писать автотесты, важно понимать, как устроен весь процесс: от проверки API и интерфейса до запуска тестов в CI/CD. Курс «Автоматизатор тестирования на JavaScript» поможет выстроить эту систему на практике. Вы научитесь писать автотесты для API и UI, работать с Jest и Playwright, проектировать тестовый фреймворк и запускать проверки с помощью Docker и GitHub CI. Обучение включает живые занятия, домашние задания и обратную связь от преподавателей-практиков. В итоговом проекте вы создадите собственный тестовый фреймворк, разработаете не менее 10 функциональных автотестов и настроите отчёты о результатах. Старт курса — 30 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d2bLGJ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Card Carousel Этот элемент веб-дизайна реализован с использованием HTML и CSS. Он представляет собой карусель карточек, и при наведении на карточку применяются CSS трансформации. Это позволяет создать интерактивный и привлекательный элемент на веб-странице. 🌐Ссылка на код (https://codepen.io/william-goldsworthy/pen/JzVajj)

Pure horizontal slider with sliding menu Увлекательный проект, в котором вёрстка выполнена с использованием HTML и CSS, а логика раскрытия меню и карточек реализована с помощью JavaScript. Этот проект представляет собой горизонтальный слайдер с возможностью скольжения меню. 🌐Ссылка на код (https://codepen.io/kristen17/pen/KKrzbYo)

Если вы знаете JavaScript, HTML и CSS, но Vue.js пока используете для отдельных задач, пора собрать знания в систему и научиться создавать полноценные приложения. Курс «Vue.js разработчик» — практическое обучение разработке современных веб-приложений. Вы разберёте компонентную архитектуру и реактивность Vue 3, научитесь работать с маршрутизацией, состоянием приложения и TypeScript. В программе также — тестирование, GraphQL, WebSockets, Nuxt и подготовка проекта к деплою. Обучение строится вокруг практики. На живых занятиях можно задавать вопросы преподавателям, а в домашних заданиях — закреплять материал и получать ревью кода. В ходе курса вы разработаете собственный проект для портфолио. Старт курса — 29 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d21yU2 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

CSS совет 💡 Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете.

Совет по HTML 💡 Семантический способ выделить часть текста ✅

🔥 Приглашаем на бесплатный открытый вебинар курса «ИИ-агенты: продвинутое внедрение и использование»: «AI-агенты против Junior-разработчиков: кто кого заменит к концу 2026 года» 🗓 Когда: 14 сентября, 20:00 (мск) Вопрос уже не в том, появятся ли автономные кодинг-агенты, а в том, насколько быстро они изменят рынок труда. Уже сегодня ИИ пишет код, рефакторит, дебажит и даже проходит технические собеседования. Но означает ли это, что младшие разработчики скоро останутся без работы? Что будет на вебинаре: • Что реально умеют автономные кодинг-агенты в июне 2026; • Live-демо: даём агенту реальную задачу с собеседования и смотрим, справится ли он; • Какие профессии в IT уже трансформировались, а какие — на очереди; • Как пересобрать свою карьерную траекторию, чтобы быть «над агентами», а не «под ними». В результате вебинара вы: • Узнаете реальные возможности и ограничения современных AI-агентов; • Поймёте, какие навыки точно останутся востребованными в ближайшие 3–5 лет; • Освоите подходы к использованию агентов как мультипликатора продуктивности ×10; • Получите практические рекомендации, с каких проектов начать внедрение ИИ-агентов в свою работу. 👉 Зарегистрируйтесь https://vk.cc/d1C6SN Бесплатное занятие приурочено к старту курса «ИИ-агенты: продвинутое внедрение и использование», на котором вы научитесь создавать сложные мультиагентные системы и автоматизировать бизнес-процессы любого уровня сложности. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Fancy Button Кнопка с эффектом обрезанных углов, реализованная на чистом CSS. https://codepen.io/bloqhead/pen/ErOjEL

⚡️ Релиз 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

Color Palette Палитра с оттенками цветов. Полноценно работает с компьютера. Логика переключения между оттенками написана на JavaScript. https://codepen.io/onlyveen/pen/rwvKqb

Создаём первое приложение на 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