JavaScript

Weekend Offer: как проходят быстрые “свидания” разработчиков и рекрутеров в VK Советуем присмотреться к формату Weekend Offer — быстрым собеседованиям в выходные. Если вы готовы улучшать пользовательский опыт, то приходите знакомиться с проектами и командой. А также получить оффер всего за два дня. Вы еще успеваете! Дедлайн для подачи заявки - 15 марта 12:00. Участвовать @about_javascript

"use client" обозначает границу между серверным и клиентским кодом в дереве зависимостей модуля. Каждый компонент, импортированный в файл с "use client", автоматически становится клиентским компонентом. Мы по-прежнему можем передавать серверные компоненты в качестве реквизитов клиентским компонентам. @about_javascript

​​Гигантскую библиотеку CSS-анимаций заказывали? Animista позволяет играть с коллекцией готовых CSS-анимаций и скачивать только те, которые вы собираетесь использовать. Отличный вариант для веб-дизайнеров и разработчиков, которые хотят добавить динамичность и интерактивность в свои проекты. Берите на заметку. #css #инструменты

Animista — гигантская библиотека CSS-анимаций Платформа позволяет играть с коллекцией готовых CSS-анимаций и скачивать только те, которые вы собираетесь использовать Отличный вариант для веб-дизайнеров и разработчиков, которые хотят добавить динамичность и интерактивность в свои проекты Стоимость: #бесплатно #CSS #web

Заказчик: Нужно на нашем сайте сделать кнопки зеркальными, чтобы пользователь заходил и видел своё отражение. Я: Ни слова больше CodePen-проект: https://codepen.io/tyeb_11/pen/dygoJow #js @about_javascript

GSAP Flip Cart - Анимация добавления в корзину, выполненная с помощью Pug, CSS и библиотеки GSAP.js https://codepen.io/hexagoncircle/pen/RwLQLop @about_javascript

Крепкий фундамент дома не выстоит за зыбучем песке. Качественное приложение сложно создать без продуманной архитектуры. Случалось ли вам исправлять один баг, после чего возникало ещё 5? Или перестать понимать, что происходит в коде, который вы же написали? Так бывает, когда приложению не хватает архитектуры. А если она есть? С таким приложением проще и приятнее работать. Его легче расширять, изменять, тестировать, отлаживать и понимать. У вас самих (и ваших коллег) будет уходить куда меньше времени на исправление ошибок. И именно этому учат в Слёрм на курсе по архитектуре приложений — он стартует 22 января. Узнать программу вы можете по ссылке. Спикеры курса: ✔️Егор Лукьянов, Senior software engineer Более 15 лет в IT, отвечает за архитектуру платформы анализа больших данных. Руководит бэкенд-разработкой на Python. ✔️Александр Вагнер, Solution Architect & co-founder в TorrowTechnologies Более 8 лет в IT, строит с нуля компанию и платформу Torrow. Имеет богатый опыт создания и разработки high-load веб-сервисов и приложений. Курс будет проходить в формате потока: эксперты будут отвечать на вопросы студентов, проводить встречи с подробным разбором сложных заданий. Записаться на поток вы можете на сайте Слёрм Реклама. ООО «Слёрм» г. Лиски, ОГРН 1193668020545 Erid: 2Vtzqw3Z9CY

3D glass weather icons - Анимированные иконки погоды, выполненные с помощью SVG и SCSS, без использования JavaScript https://codepen.io/onediv/pen/MWQKgmv Codepen Amazing

🖥 Scroll animation — красивая анимация текста при прокрутке. Реализована с помощью CSS и JavaScript #код #css #javascript https://codepen.io/Tiopayo/pen/QWZbqZz @javascriptv

🔥Ищите вдохновение для дизайна футера? Тогда ловите ресурс с множеством идей, на котором можно фильтроваться по стилю и типу.

Вышел GigaChat нового поколения. Разработчики @gigachat_bot качественно обновили его, изменив свой подход к обучению. Благодаря этому сервис стал лучше отвечать на запросы пользователей — примерно в два раза. При этом GigaChat также запустили в VK, аудитория сервиса уже достигла более 1 млн пользователей. Попробовать. @vistehno

Choose Ticket — адаптивная страница с функцией выбора билетов на чистом CSS. https://codepen.io/ig_design/pen/Bajogxq Codepen Amazing

Не нужно учить Svelte, потому что... угадайте что? Вы уже знаете его! Это всё JavaScript, только в более крутом исполнении. По крайней мере, так считает автор статьи. 🔍Что такое Svelte? • UI-фреймворк: быстрый, простой и довольно популярный. • Встроенный компилятор, преобразующий .svelte-файлы в чистый JavaScript-код. Итоговый результат работы фреймворка представляет собой код без намека на этот самый фреймворк, перекладывая всю тяжелую работу на этап сборки приложения. • Лаконичный: только HTML, CSS и JS. • Полный: встроенное управление состоянием и стили, ограниченные компонентами. 🤖Svelte vs React • Эффекты/Реактивность: Svelte автоматически отслеживает зависимости. • Управление состоянием: Svelte предлагает простое решение "pub-sub". • Жизненный цикл: в отличие от React, Svelte предоставляет более явные методы для управления жизненным циклом компонентов. 🎨Примеры: в то время как в React вам нужны обертки, Svelte позволяет вам напрямую работать с библиотеками, такими как Chart.js. 🚀Начало работы с Svelte • Основы: обязательно начните с документации. • Создайте проект: попробуйте создать свой собственный проект на Svelte — идеи для проектов также есть в статье. 🌟Заключение Svelte — это свежий взгляд на веб-разработку, который позволяет вам сосредоточиться на создании приложения, а не на изучении сложных особенностей фреймворка. 🔗Читать статью

Привет! Мы в МТС активно поддерживаем ИТ-сообщество в России и запускаем всероссийскую олимпиаду по программированию с главным призом в 3 млн рублей. Для кого? Для школьников, студентов и действующих ИТ-специалистов. Что будет? Блок онлайн-заданий, митапы и мастер-классы, общение в закрытом Telegram-канале и финальный очный тур с программированием на скорость. Когда олимпиада завершится, мы создадим True Tech Community, где будем делиться полезными и эксклюзивными материалами для разработчиков. А что еще? Финалистов ждет afterparty, фестиваль технологий, интерактив, квесты, карьерные стенды, где лучшие специалисты смогут получить оффер от МТС. Регистрация уже открыта! Подробности по ссылке. Ждем тебя! Реклама. ПАО "МТС". ИНН 7740000076. erid: LjN8K7znt

​Подробный разбор вопросов с собеседований на должность фронтенд-разработчика Нашли для вас серию видеороликов, которые помогут вам освежить знания или закрыть пробелы. Видеокаст представляет из себя коллекцию технических вопросов, которые можно получить на интервью. Удобная, хорошо организованная шпаргалка всегда у вас под рукой. Сохраняйте, чтобы не потерять. Ссылка: https://tprg.ru/Mbsq #видео #фронтенд

⚡️Маст-хэв список для программистов, каналы с последними книжными новинками, библиотеками, разбором кода и актуальной информацией, связанной с вашим языком программирования. Лучший способ получать свежие обновлении и следить за трендами в разработке. Машинное обучение: t.me/ai_machinelearning_big_data Python: t.me/pythonl C#: t.me/csharp_ci C/C++/ t.me/cpluspluc Data Science: t.me/data_analysis_ml Devops: t.me/devOPSitsec Go: t.me/Golang_google Базы данных: t.me/sqlhub Rust: t.me/rust_code Javascript: t.me/javascriptv React: t.me/react_tg PHP: t.me/phpshka Android: t.me/android_its Мобильная разработка: t.me/mobdevelop Linux: t.me/+A8jY79rcyKJlYWY6 Big Data: t.me/bigdatai Хакинг: t.me/linuxkalii Тестирование: https://t.me/+F9jPLmMFqq1kNTMy Java: t.me/javatg 💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка машинное обучение: https://t.me/addlist/_FjtIq8qMhU0NTYy 📕 Бесплатные Книги для программистов: https://t.me/addlist/YZ0EI8Ya4OJjYzEy 🎞 YouTube канал: https://www.youtube.com/@uproger 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers

Мяукающее пианино Отличный пример пет-проекта для вашего портфолио. При нажатии на клавиши кошачьей лапкой, из инструмента будут извлекаться соответствующие звуки. По ссылке вы сможете поиграть на пианино, а так же подробно изучить код и на его примере создать что-нибудь своё: https://codepen.io/laurenvast/pen/jOrWXej #codepen

Scroll driven gallery — изящная галерея с необычным скроллом. Реализована с помощью CSS. https://codepen.io/jh3y/pen/VwBgPxP @react_tg

​Условный border-radius в CSS В одной из запрёщенных социальных сетей автор этой статьи нашёл интересное значение border-radius для карточного компонента. Суть в том, что углы элемента настраиваются автоматически в зависимости от размеров экрана с помощью хитрой формулы. Вот об этой формуле, а также способе её применения и пойдёт речь в этой статье: https://webformyself.com/uslovnyj-border-radius-v-css/ #фронтенд #css

❗️ Хотите начать писать автотесты на JS? ⚠️ Приходите 8 июня в 20:00 на открытый урок в преддверии старта онлайн-курса «JavaScript QA Engineer» в OTUS. 📌 На занятии мы познакомимся с основами популярного фреймворков для написания тестов на JavaScript — mocha и библиотеки утверждений — chai. Для этого мы: — Рассмотрим основные принципы написания тестов — Узнаем, как использовать chai для создания автоматизированных тестов на JavaScript — Напишем пару unit и API тестов. Урок пройдет в рамках онлайн-курса OTUS “JavaScript QA Engineer”. После занятия полный курс можно приобрести удобным для вас способом. 👉 Готовьте вопросы и записывайтесь на вебинар! РЕГИСТРАЦИЯ — https://otus.pw/9bJS/ Нативная интеграция. Информация о продукте www.otus.ru