Javascript

26 September 2024 09:56

🖥 Sturdy-Doodle — интересная идея компактного сайта-портфолио с интерактивными игровыми элементами, созданного с помощью HTML, CSS и JavaScript .

Пользователи направляют персонажа к консоли, с которой они могут легко перемещаться между различными разделами.

🖥 GitHub

#js #javascript

@javascriptv

Javascript

24 September 2024 12:39

⚡️ Notepad.mx – это простой онлайн-блокнот, который позволяет создавать и безопасно хранить заметки в интернете.

Для доступа к вашим записям необходимо лишь ввести парольную фразу при входе в систему. Все ваши заметки шифруются на стороне клиента, что гарантирует их конфиденциальность.

Приложение очень простое и легкое, поэтому обмен текстовыми данными между разными людьми или устройствами осуществляется без проблем. Вы можете развернуть приложение с помощью Docker или вручную установить его в своей рабочей среде.

curl -sSL https://get.docker.com/ | sh

Полный код проекта доступен на GitHub: https://github.com/Athlon1600/notepad.

@javascriptv

Javascript

22 September 2024 15:01

Типичный JS

@javascriptv

Javascript

20 September 2024 15:02

🖥 Scramble - альтернатива Grammarly с открытым исходным кодом.

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

Он разработан как более настраиваемая и уважающая конфиденциальность альтернатива Grammarly.

https://github.com/zlwaterfield/scramble

@javascriptv

Javascript

17 September 2024 12:04

🖥 Анимация: Два похожих, но таких разных эффекта наведения на кнопки.

Примеры применения:
- кнопки с выбором открытия ссылки через сайт или через приложение;
- кнопка с выбором ответа, достиг ли пользователь совершеннолетнего возраста.

#hover #кнопки

@javascriptv

Javascript

16 September 2024 10:32

🖥 annyang — мини библиотека JS распознавания речи, которая позволяет вашим пользователям управлять вашим сайтом с помощью голосовых команд.

🖥 GitHub

#javascript #js

@javascriptv

Javascript

14 September 2024 12:03

🚴‍♀️ Оригинальный прелоадер с велосипедом для вашей страницы.

Примеры применения:
▪ загрузка страницы товаров для спорта и активного отдыха;
▪ загрузка сайта для записи для участия в спортивных мероприятиях.

#js #прелоадер #ожидание #загрузка

https://codepen.io/peteszym/details/YPKmeo

@javascriptv

Javascript

13 September 2024 11:07

🔥 Готовая анимация карточек - при наведении на карточку весь остальной фон становится размытым.

Примеры применения:
🔶 выбор тарифного плана онлайн-сервиса;
🔶 выбор антивирусной программы для ПК.

#hover #карточки #градиент

https://codepen.io/eranmiller/pen/wvGpzZW

@javascriptv

Javascript

12 September 2024 13:02

🖥 Logto — компонент на TypeScript для реализации окна входа в аккаунт

curl -fsSL https://raw.githubusercontent.com/logto-io/logto/HEAD/docker-compose.yml | \
docker compose -p logto -f - up

npm init @logto

Javascript

11 September 2024 11:03

🖥 Material Input Animation

Заголовок поля смещается как только начинают вводить данные.

Примеры применения:
- поиск фамилии в списках;
- поиск контакта для денежного перевода.

#css #формы

📌 Код

@javascriptv

Javascript

10 September 2024 17:34

CSS Совет дня 💡

Как легко реализоват закрепленный заголовок таблицы 🤩

📌 Код

@javascriptv

Javascript

09 September 2024 13:54

Монолитный API ограничивает возможности системы и усложняет масштабирование? Хотите узнать, как перейти на микросервисы и использовать GRPC для повышения эффективности?

Всего за пару часов вы научитесь создавать микросервисы на GRPC, узнаете, как использовать GRPC-клиенты и серверы в среде Node.js и разберете его преимущества по сравнению с традиционным REST API.

Присоединяйтесь к открытому вебинару «Как декомпозировать монолитный API на микросервисы GRPC» 12 сентября в 20:00 мск!

Встречаемся в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение!

Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3DC9AX

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Javascript

07 September 2024 13:04

⚡️ Demo:Input Field Animation Floating Label | HTML & CSS

При вводе данных поле становится объёмным.

#формы

https://codepen.io/monoqlo365/pen/xxYvewV

@javascriptv

Javascript

06 September 2024 10:34

⚡️ Наглядно, как работает Веб и что происходит при переходе по URL

#doc #cheatsheet

Javascript

05 September 2024 11:01

🚀⚒️ es-toolkit — современная библиотека JavaScript-инструментов

Представьте себе Lodash, но более новый, быстрый, компактный, с tree shaker и встроенной поддержкой TypeScript.

В справочном руководстве показаны поддерживаемые фичи на данный момент.

⚡️ GitHub

@javascriptv

Javascript

25 September 2024 14:06

⚡️ Крутой Бесплатный курс от HarvardX: веб-программирование на Python и JavaScript с сертификатом

HarvardX предлагает уникальный курс: бесплатный курс по веб-программированию, где вы сможете углубить свои знания в Python и JavaScript.

За 12 недель вы освоите ключевые технологии, такие как Django, React, и получите навыки работы с базами данных, API и масштабированием.

На курсе предусмотрена работа с современными инструментами, включая Git и CI/CD. По завершении вы не только обогатите свой багаж знаний, но и сможете получить официальный сертификат, который подтвердит ваш уровень профессионализма.

https://www.edx.org/learn/web-development/harvard-university-cs50-s-web-programming-with-python-and-javascript

freecourses

Javascript

24 September 2024 11:20

🔥В OTUS стартует курс "Разработка децентрализованных приложений", программа которого написана с учетом последних обновлений в Blockchain сфере и включает в себя самые актуальные технологии в разработке децентрализованных приложений и DeFi (децентрализованные финансы) на 2024 год. 

⚡3 октября в 20.00 мск приглашаем на бесплатный практический вебинар "Применение RUST при создании децентрализованных приложений (Dapps)", на котором мы:

- изучим основные элементы синтаксиса языка Rust;
- ознакомимся с принципами работы смарт-контрактов в сети Solana и Near;
- узнаем об особенностях развертывания (деплоя) смарт-контрактов;
- научимся создавать простейшие смарт-контракты.

👉Пройдите тест для того, чтобы записаться на занятие и получить допуск к курсу  https://otus.pw/9cJs/?erid=LjN8K6zyh

Этот урок будет полезен всем, кому интересна технология блокчейн и тем кто хочет познакомиться с языком Rust и его применением для написания децентрализованных приложений.

Javascript

21 September 2024 13:33

🖥 HiveSpace Write, Draw and Plan All at Once

HiveSpace - это универсальный рабочий инструмент с открытым исходным кодом на JS и операционная система для всех компонентов, из которых состоит ваша база знаний , заметок, майндмапов и многое другое - wiki, управление знаниями, презентации и цифровые ресурсы.

Это лучшая альтернатива Notion и Miro.

Github

@javascriptv

Javascript

19 September 2024 10:39

🖥 Создание навигации по боковой панели с помощью HTML, CSS и JavaScript

📌 Код

@javascriptv

Javascript

17 September 2024 10:04

«Группа Астра» проводит первую бесплатную практическую конференцию для разработчиков Astra DevConf 2024.

Разработчики ИТ-компаний раскроют секреты эффективной и безопасной разработки, а также поделятся практическими кейсами.

На конференции вы узнаете, как реализовать разработку, сборку и тестирование в облаке. Что еще?
— рассмотрим, как для приложений работающих на Axiom JDK можно реализовать конвейер выпуска с помощью CI/CD пайплайнов и реестра docker-образов в GitFlic;
— поделимся лучшими практиками в построении DevOps-процессов для проектов, написанных на Spring Framework и Java/Kotlin;
— покажем, как легко и просто опубликовать приложение в RuStore;
— и многое другое.

Для участников конференции будет доступен:
— личный кабинет разработчика, в котором можно бесплатно скачивать решения «Группа Астра» для целей изучения и разработки (в том числе и ОС Astra Linux 1.8);
— портал с документацией, где опубликованы различные инструменты для разработки, примеры кода и готовые стенды для тестирования.

Дата и время: 24 сентября, в 10:00
Формат: онлайн/офлайн

Регистрация доступна по ссылке. Поехали!

Javascript

15 September 2024 13:17

🖥 Vue.js и Vite — что нового в 2024 году?

Evan You на VueConf US 2024 рассказал о свежих обновлениях в экосистеме Vue и Vite.

Хотите узнать, что изменилось во фреймворкеах? Посмотрите выступление и изучите актуальные фичи:

https://youtu.be/A9MSFp9Fs8k?si=h3O-zli5G35HXXEQ

@javascriptv

Javascript

14 September 2024 10:03

Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.

Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Javascript

13 September 2024 09:04

🚀 Яндекс разработал AI-ассистента для работы с кодом

С помощью сервиса разработчики смогут по фрагменту кода сгенерировать наиболее вероятное его продолжение. Это поможет упростить написание и редактирование кода и ускорить продуктовую разработку в компаниях. Ассистент протестировали тысячи разработчиков Яндекса, 60% из которых стали постоянными пользователями сервиса.
Использование Yandex Code Assistant помогает повысить эффективность работы: доверьте рутинные операции AI и сосредоточьтесь на решении более сложных задач, чтобы ускорить разработку и сократить Time to market. Да и просто делает жизнь разработчиков проще и счастливее.

⚙️ Для кого
Инструмент полезен разработчикам любого уровня, а также техническим руководителям, которые хотят оптимизировать процессы и повысить продуктивность своих команд.

→ Как попробовать
Yandex Code Assistant доступен бесплатно на облачной платформе Yandex Cloud в режиме Preview. Для тестирования оставьте заявку.

Javascript

12 September 2024 12:00

Дарим билет в мир большого IT 🎫

От тебя нужен только опыт работы разработчиком JS+React от года и желание попасть в команду Т1 — одного из лидеров российского ИТ-рынка, в портфеле которого 800+ высокотехнологичных проектов и 70+ продуктов и услуг.

Регистрируйся на онлайн-интенсив в Открытые школы Т1 и прокачай навыки бесплатно всего за 1 месяц. Это твой шанс:

🔹Познакомиться с командой без отрыва от основной деятельности.

🔹Улучшить резюме и подготовиться к интервью при поддержке HR.

🔝Получить оффер от Т1.

🔹Получить уникальный рыночный опыт и комфортные условия (ДМС, удалёнка и крутые офисы, спорт и обучение).

🔹Быстрее вырасти до мидла в Т1 с помощью карьерного трека для выпускников Открытых школ. 

⌛️ Быстрое обучение: 1 месяц.
💻 Гибкий формат: все этапы онлайн, занятия по вечерам.
🌏 Работа в Т1 возможна с тер-рии РФ и Беларуси.

Присоединяйся и проявляйся! Подавай заявку до 13 сентября.

Старт интенсива: 16 сентября.

Реклама. ООО "Т1". ИНН 7720484492.

Javascript

11 September 2024 09:55

Бесплатный практический вебинар: Профессия «Frontend-разработчик».

⏰ Когда: 19 сентября в 19:00 по мск.

Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.

Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

Javascript

09 September 2024 16:03

⚡️ ​​Топ-50 ресурсов с бесплатными HTML/CSS/JS шаблонами

Эта подборка точно должна оказаться в ваших сохранёнках, т.к. в ней вы сможете найти бесплатные шаблоны на любой вкус и сэкономить время и средства на разработку. Вот лишь парочка из них, а полный список в подборке.

— LayoutFlow — шаблоны для сайтов агенств, портфолио и услуг.
— Treact — React-шаблоны.
— Flout UI — компоненты Tailwind и готовые шаблоны Next.js
— Themesberg — шаблоны админ панелей, лендингов и UI-китов.
— Templatemo — много Bootstrap-шаблонов.
— HTMLrev — крупнейшая библиотека шаблонов со всеразличными технологиями.

#подборка #frontend

@javascriptv

Javascript

08 September 2024 11:23

🤫 Некоторые популярные методы аутентификации

🔵 Базовая аутентификация:
Предполагает отправку имени пользователя и пароля с каждым запросом, но может быть менее безопасной без шифрования.
Подходит для простых приложений, где безопасность и шифрование не являются приоритетом, или при использовании защищенных соединений.

🔵 Аутентификация с помощью токенов:
Использует сгенерированные токены, такие как JSON Web Tokens (JWT), которые обмениваются между клиентом и сервером, обеспечивая повышенную безопасность без необходимости отправки учетных данных с каждым запросом.
Идеально подходит для более безопасных и масштабируемых систем.

🔵 Аутентификация OAuth:
Позволяет сторонним приложениям получать ограниченный доступ к ресурсам пользователя без раскрытия учетных данных, выдавая токены доступа после аутентификации пользователя.
Подходит для ситуаций, требующих контролируемого доступа к ресурсам пользователя сторонними приложениями или сервисами.

🔵 Аутентификация с использованием API-ключей:
Назначает уникальные ключи пользователям или приложениям, которые отправляются в заголовках или параметрах; несмотря на простоту, может не обладать всеми преимуществами безопасности, как методы на основе токенов или OAuth.
Удобна для простого контроля доступа в менее чувствительных средах или для предоставления доступа к определённым функциям без необходимости предоставления разрешений, привязанных к конкретному пользователю.

💬 Какой метод аутентификации вы считаете наиболее эффективным с точки зрения обеспечения безопасности и удобства использования в ваших приложениях?

@javascriptv

Javascript

07 September 2024 11:33

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pro_python_code
Хакинг: t.me/linuxkalii
Devops: t.me/devOPSitsec
АНАЛИЗ Данных: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Linux: t.me/linuxacademiya
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/golang_interview
React: t.me/react_tg
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc


💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

Javascript

05 September 2024 19:05

🖥 tinyhttp — легкий и модульный веб-фреймворк для Node.js

— npm i @tinyhttp/app

tinyhttp — это современный Express-подобный веб-фреймворк, написанный на TypeScript и скомпилированный в нативный ESM, который использует минимальное количество зависимостей и минимум легаси.

🖥 GitHub

@javascriptv

Javascript

03 September 2024 16:03

🖥 Milkdown — фреймворк TypeScript для создания лёгких WYSIWYG-редакторов Markdown

Milkdown состоит из 2 частей:

— ядро, которое предоставляет загрузчик плагинов и всевозможные внутренние плагины

— множество дополнительных плагинов, которые предоставляют синтаксис, добавляют новые команды и компоненты

С помощью Milkdown можно создать собственный WYSIWYG-редактор Markdown с возможностью включения/отключения пользовательского синтаксиса и функций.
Также Milkdown позволяет создавать разные плагины

🖥 GitHub
🟡 Страничка Milkdown

@javascriptv