Javascript

🎮 Interactive Super Mario - анимация Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры https://codepen.io/merchedev/pen/BaYqyNx @javascriptv

🔥 Дайджест полезных материалов из мира Javascript за неделю Почитать: — Удобные формы для Vue 3 — Глубокий JS. В память о типах и данных — React + Three.js. Создаём собственный 3D шутер. Часть 2 — Лучшие ресурсы чтобы выучить Git и Github — Поиск удобных мест для жизни в Москве на GitHub Pages с помощью DuckDB в браузере — Добавление WebAuthn в веб-приложение — Уроки рисования красных квадратов — Интерактивный парсер web страниц — Webpack vs esbuild — уже можно использовать в production? — Latest Newsletter: Surrounded by Bears (Issue #141) — Enhancing UX: Leveraging Nextjs Router Events for Form Manipulation — 10 Essential React Hooks You Should Know — "Finanz Faible: Expert Finanzberater für umfassenden finanziellen Rat" — Configuring Jest for Typescript Unit Tests — "Pro Digital Era: Leading Advertising & Digital Marketing in Lahore, Pakistan" — Gpen Demystified: Expert Insights from Dumpsarena — 1. Explore basic types of typescript — Phanatik — Multipage blog theme — Optimizing JavaScript with Memoization: A Deep Dive into Boosting Performance: Посмотреть: 🌐 How Is This Code Safe? (⏱ 06:31) 🌐 NEW TypeScript Simplified Course - 24 Hour Sale (⏱ 07:18) 🌐 I Can’t Believe Chrome Hides This From You (⏱ 01:00) Хорошего дня! #digest #js @javascriptv

Компиляция TypeScript в нативный код Static Hermes (shermes), следующая итерация JavaScript-движка hermes, добавляет поддержку компиляции TypeScript/flow в нативный код. Хотя shermes еще не выпущен, код доступен в репозитории на GitHub. В этой статье я скомпилирую простую программу на языке TypeScript в код на языке C. Компиляция shermes На момент написания статьи для static hermes невозможно получить собранные двоичные файлы. Для компиляции из исходника на macos выполните следующие действия. Получите исходник из репозитория GitHub и переключитесь на ветку static_h. mkdir hermes_workspace cd hermes_workspace git clone git@github.com:facebook/hermes.git cd hermes git checkout static_h cd .. Убедитесь, что у вас есть указанные здесь зависимости для сборки. Затем в папке hermes_workspace выполните приведенные ниже команды для сборки. Обратите внимание, что эти команды выполняют сборку hermes в режиме отладки, который работает медленнее. Инструкции по сборке в режиме релиза приведены в конце статьи. cmake -S hermes -B build -G Ninja cmake --build ./build Теперь в каталоге hermes_workspace/build/bin должен находиться двоичный файл shermes. Компиляция файла TypeScript в C 📌 Читать

🖥 Сразу две кнопки - изящно анимированные кнопки с интересным интерактивом. Сделано на CSS и JavaScript. https://codepen.io/Juxtopposed/pen/abQLxmj @javascriptv

🔥 Дайджест полезных материалов из мира Javascript за неделю Почитать: — Разбор задачи B (Больше, чем музыка) фронтенд — Yandex Cup 2023 квалификация — Путешествие JavaScript-кода через движок V8 — Использование Content-Security-Policy вместе с React & Emotion — Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика — Что такое деление по модулю в JavaScript? — Почему я не буду использовать Next.js — Redux-toolkit и переиспользование кода — Разработка браузерных игр с использованием Phaser3, React, Typescript — Два frontend фреймворка. Два подхода — Как не программист, вероятно, написал самую быструю библиотеку в мире — Navigating the Web with is.browser and is.not_browser in JavaScript: Your Go-To Tools for Browser Checks — Phấn Phủ Canmake — [Discussion] What's the new big thing in web dev in the past 2 years? — Delving into open source territory with Google: An Investigation — Delving into open source territory with Google: PR #3 — Delving into open source territory with Google: PR #2 — Delving into open source territory with Google: PR #1 — Creating Chess Board SVGs, PNGs, and GIFs — The 2000 line framework challenge: How to split state when using global stores with no extra dependencies beyond Modulo.js — VueJS part 11: Sending data from component to parent Посмотреть: 🌐 Why Signals Are Better Than React Hooks (⏱ 16:30) 🌐 Node Just Released This Amazing Feature! (⏱ 00:44) 🌐 This Is One Of My Favorite TypeScript Features (⏱ 05:22) 🌐 NEW TypeScript Simplified Course Announcement! (⏱ 00:49) Хорошего дня! @javascript

Card Hover Interaction - красивые карточки с всплывающей информацией при наведении. Реализованы с помощью CSS. https://codepen.io/dev_loop/pen/PoqLGvV @javascriptv

Решиться на новую профессию стало на 20% проще! Начните бесплатную часть курса Яндекс Практикума «React-разработчик» до 30 ноября и получите скидку 20%. ◾️ Учитесь на практике В вашем портфолио будут: — веб-приложение космической бургерной с главной страницей, личным кабинетом и лентой заказов; — своё веб-приложение на React и Typescript с юнит-тестами. ◾️ Совмещайте с работой — Расписания нет, главное — вовремя сдавать проекты и уделять учёбе 20-25 часов в неделю. — Тренажёр и учебник работают 24/7. — Если что-то пойдёт не так — можно взять паузу и продолжить с другим потоком. ◾️ Набирайтесь опыта — Наставники — практикующие разработчики — помогут со сложными темами. — Старшие программисты проведут код-ревью и поделятся опытом. → Начните бесплатную часть курса. Пусть Чёрная Пятница станет поводом сделать карьерный рывок!

🖥 Button pushed inside style — изящная анимация иконок при наведении курсора. Реализована с помощью CSS и JavaScript #анимация #css #javascript https://codepen.io/Juxtopposed/pen/jOKqXMJ @javascriptv

Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен. Тебя ждёт: 1. Удалённая работа; 2. График свободный от 3-х часов в день; 3. Зарплата от 1000$/мес. 🔥 С нас обучение и помощь с заказами. С 14 по 20 ноября проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем показывать, как разрабатывать сайты и веб-приложения. За эти 7 дней обучения ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в этом году зарабатывать от 1000$ на вёрстке сайтов. 👉 Пройди 7 дней обучения бесплатно, и ты поймёшь, что это не просто слова

Изучайте Javascript бесплатно! ❒ Полный курс JavaScript 2023 — от новичка до профессионала / машинный перевод яндекса https://www.youtube.com/watch?v=JEgp6AHZu9A&pp=ygUYamF2YXNjcmlwdCDQutGD0YDRgSAyMDIz ❒ JavaScript для начинающих 2023. Полный курс за 6 часов. Уроки. Теория + практика https://www.youtube.com/watch?v=maPRR_jjyOE&pp=ygUYamF2YXNjcmlwdCDQutGD0YDRgSAyMDIz Полный курс ❒ JavaScript за 4 часа. http://youtu.be/ZYhGSfSfzeI ❒ Изучите JavaScript за 8 часов. http://youtu.be/hNYzV87wocY ❒ Курс Code academy JavaScript. http://youtu.be/_ixUdG1FFtM ❒ Полный курс JavaScript для начинающих. http://youtu.be/EfAl9bwzVZk ❒ JavaScript Dom Crash Course. http://youtu.be/0ik6X4DJKCc ❒ JavaScript Oops Crash Course. http://youtu.be/vDJpGenyHaA ❒ Продвинутые учебники JavaScript. http://youtu.be/IljVmcDDrOg ❒ JavaScript All in One Tutorials. http://youtu.be/9M4XKi25I2M ❒ Основы JavaScript 11 часов. http://youtu.be/2Ji-clqUYnA @javascriptv

🖥 Дизайн - это непросто. Вот мои любимые места в Интернете для вдохновения при работе над дизайном: http://curated.design → каталог http://land-book.com → веб-сайты http://refero.design → исследования в области дизайна http://mobbin.com → мобильные и веб-приложения http://saaslandingpage.com → целевые страницы saas @javascriptv

🖥 Shopping UI - красивый каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js https://codepen.io/mo-ro/pen/jObjGJm #код #css #javascript @javascriptv

⚡Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь: Машинное обучение: t.me/ai_machinelearning_big_data Go: t.me/Golang_google Базы данных: t.me/sqlhub C++/ t.me/cpluspluc Data Science: t.me/data_analysis_ml Python: t.me/pythonl Хакинг: t.me/linuxkalii Devops: t.me/devOPSitsec C#: t.me/csharp_ci Java: t.me/javatg Linux: t.me/+A8jY79rcyKJlYWY6 Мобильная разработка: t.me/mobdevelop Docker: t.me/+0WdB4uvOwCY0Mjdi Rust: t.me/rust_code Javascript: t.me/javascriptv React: t.me/react_tg PHP: t.me/phpshka Android: t.me/android_its Big Data: t.me/bigdatai Тестирование:https://t.me/+F9jPLmMFqq1kNTMy Аналитика данных: https://t.me/+mAXY9ppJwitkMDBi 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers 📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy ИИ: t.me/vistehno Книги по искусственному интеллекту 💼 Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy Папка Java разработчика: https://t.me/addlist/ZM3J6oFNAnRlNWU6 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi

🖥 Anime.js V4. Новый способ эффективного управления повторяющимися анимациями без лишних вызовов animate() или utils.set(). Идеально подходит для эффектов отслеживания мыши! Подробности об API ниже 👇 https://libraries.io/npm/animejs-beta @javascriptv

🖥 Slider — красивый слайдер с различными блюдами. Реализована с помощью CSS и JavaScript #анимация #css #javascript https://codepen.io/kristen17/pen/BaGOOMm @javascriptv

Открыта регистрация на новый трек “Системный инженер” оплачиваемой ротационной программы Excellence! Excellence — ротационная программа развития в международной FMCG-компании JTI. В рамках трека «Системный инженер» тебя ждут 3 ротации в разных командах JTI — от 5 до 12 месяцев в каждой. За это время ты погрузишься в ключевые процессы автоматизации производства на одной из крупнейших фабрик в структуре JTI и обретёшь необходимые знания для дальнейшей роли. Узнать больше на сайте программы Для кого эта программа? Для тех, у кого уже есть опыт работы с АСУ ТП или в смежных областях. Для тех, кто владеет английским на уровне Intermediate и выше. Мы предлагаем: — Стартовая зарплата от 165 000 руб. гросс — ДМС с расширенной стоматологией и страхование жизни; — Помощь с переездом в Санкт-Петербург для участников из других городов. Успей подать заявку на участие в отборе до 8 ноября Реклама. ООО «Дж.Т.И. Россия».ИНН 7703386329 Erid: LatgC6e9o

Создание отзывчивой регистрации с валидацией формы с помощью HTML, CSS и JavaScript 🚀 📌 Код @javascriptv

Не могу найти работу. Нет откликов на резюме. Не зовут на собеседование. 😞 Эти проблемы возникают у многих в процессе поиска работы и решать их нужно с сертифицированным карьерным консультантом, таким как Оксана Синягина. Оксана работает в сфере IT уже 17 лет и  отлично знает рынок труда в IT. В своем Телеграм канале Оксана делится: ✅  Актуальными трендами и возможностями, которые предлагает IT-сфера. 💡 ✅  Рассказывает, какие навыки и знания нужны для успешного старта и роста в айти. 🚀 ✅  Делится полезными материалами для самообразования и развития профессиональных компетенций. 📚 ✅  Раскрывает секреты успешного прохождения собеседований и взаимодействия с работодателями. 🗣 А недавно у Оксаны вышел пост о самых эффективных платформах для поиска работы в IT. 🌐 Подпишись на канал Оксаны и получи бесплатный гайд "Как настроить LinkedIn, чтобы он работал на вас" 🎁 >> Перейти на канал Реклама. Синягина О.В. ИНН 526309956960. Erid LjN8KbsPE

Представляем Material Web 1.0, библиотеку компонентов Google, которая работает везде, где есть рабочий HTML. 🌐 Подробный гайд о том, как начать работу с компонентами Material здесь → https://m3.material.io/develop/web @javascriptv

❓Распространенный вопрос на собеседовании по JavaScript: Реализуйте метод кастомные .map(): [1,2,3].myMap((x) => x * x) // должно получиться [1,4,9]. Проверяется ваше понимание: 1⃣Prototypes 2⃣ this ключевое слово 3⃣Functional концепции программирования Если вы понимаете, как работает обычная .map(), то реализовать собственную функциию несложно: 1. .map() - это метод массива 2. Он возвращает новый массив (не модифицирует существующий) 3. В качестве параметра принимает функцию 4. Выполняет эту функцию над каждым элементом массива 5. Результат функции помещается в новый массив, а затем возвращается. Легко, правда? Базовая реализация в изображении.