Javascript

02 July 2024 10:02

— Быстро написал код, а теперь неделями переделываешь?

🙅🏼‍♂️ НЕ НАДО ТАК

Бесплатный вебинар «Оверхэд или серебряная пуля? Чистая архитектура на реальных проектах».

⚡️Спикер Вячеслав Гагарин, Senior Software Engineer в Real Rocket спроектирует систему реального проекта с использованием чистой архитектуры.

В программе:
▶️Как построить MVP приложения, который не нужно переделывать.
▶️ Как безболезненно и дёшево внедрять чистую архитектуру.
▶️ Как знание архитектурных подходов может ускорить процесс разработки и повысить продуктивность разработчиков.
▶️Как проводить архитектурные границы для упрощения поддержки кодовой базы проекта.

В конце встречи — подарки🎁

⏰ 4 июля в 14:00
👇👇👇👇
Занять место — через бота

Реклама ООО «Слёрм» ИНН 3652901451 erid: 2VtzquzsRig

Javascript

30 June 2024 17:02

🖥 EmberData — лёгкая библиотека для управления данными в веб-приложениях

— pnpm add ember-data

EmberData позволяет управлять данными в приложении с помощью масштабируемых шаблонов

Некоторые особенности EmberData и её шаблонов:
— упор на производительность и компактность
— поддержка Typescript
— поддержка любых API: GraphQL, JSON:API, REST, tRPC — всего, что угодно

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

29 June 2024 13:55

🔤🔤 Интересный проект: энтузиаст создал бесплатный клон After Effects!

И что самое крутое - работает прямо в браузере, бесплатно и даже без регистрации. Интерфейс похож на After Effects, и все функции находятся на привычных местах. Один энтузиаст сумел превзойти всю Adobe!

Попробовать можно здесь: https://pikimov.com/

@javascriptv

Javascript

27 June 2024 11:39

🖥 Hono — простой сверхбыстрый фреймворк для Edges

— npm create hono@latest

Hono работает в любой среде выполнения JavaScript: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, AWS Lambda, Lambda@Edge и Node.js

🖥 GitHub
🟡 Доки
🟡 Примеры использования

@javascriptv

Javascript

25 June 2024 15:52

🖥 drei — пополняющаяся коллекция функциональных, готовых абстракций для react-three-fiber

— npm install @react-three/drei

Здесь можно найти компоненты для самых разных кейсов.

🖥 GitHub
🟡 Сами компоненты

@javascriptv

Javascript

24 June 2024 14:33

🖥 electerm — open-source клиент терминала, ssh и т.д. на JavaScript

— npm i -g electerm

electerm — клиент терминала/ssh/telnet/serialport/sftp с открытым исходным кодом

🖥 GitHub
🟡 Пример использования

@javascriptv

Javascript

22 June 2024 17:27

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

C#: t.me/csharp_ci
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C++ t.me/cpluspluc
Golang: t.me/Golang_google
Java: t.me/javatg
React: t.me/react_tg
Javascript: t.me/javascriptv
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Python: t.me/pythonl
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Devops: t.me/devOPSitsec
Собеседования МЛ: t.me/machinelearning_interview
Python подготовка с собесу: t.me/python_job_interview
МАТЕМАТИКА: t.me/data_math

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
C++ папка: /channel/addlist/CdBs5DLepLJmZjY6
C# папка: /channel/addlist/u15AMycxRMowZmRi
Java папка: /channel/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: /channel/addlist/mzMMG3RPZhY2M2Iy
Linux папка: /channel/addlist/w4Doot-XBG4xNzYy

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

📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

Javascript

13 June 2024 11:47

🖥 Подробный туториал о том, как сделать эффект размытия линзы с помощью SDF и WebGL в Three.js

🟡 Туториал
🖥 Код

@javascriptv

Javascript

13 June 2024 10:02

🖥 SigNoz — open-source платформа для мониторинга производительности приложений и не только; можно развернуть локально

git clone -b main https://github.com/SigNoz/signoz.git && cd signoz/deploy/
./install.sh

git clone -b main https://github.com/SigNoz/signoz.git && cd signoz/deploy/
docker compose -f docker/clickhouse-setup/docker-compose.yaml up -d

Javascript

12 June 2024 11:26

Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги…

Потому что Роман Чернов, веб-разработчик с 10-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью.

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

👉 Забрать бесплатно 7 дней обучения frontend-разработке

Реклама. ИП Чернова О. А., ИНН:771399721044

Javascript

10 June 2024 15:32

🖥 Интересная идея для пет-проекта на TypeScript

Как это работает?
— состояния документов синхронизируются с помощью Loro
— позиция курсора синхронизируется с помощью Awareness и Cursor
— последовательность действий хранится, так что можно отменить предыдущее действие

🖥 GitHub

@javascriptv

Javascript

10 June 2024 09:13

Vercel Data Cache остается неизменным в течение всего периода развертывания

@javascriptv

Javascript

08 June 2024 14:03

🖥 The Odin Project — это open-source проект, предоставляющий всю необходимую теорию начинающим разработчикам (в том числе и JS-разработчикам)

The Odin Project состоит из множества модулей (по модулю для одного ЯП)
Каждый модуль содержит список уроков, перемежающихся с несколькими проектами. Эти проекты дают пользователям возможность практиковать полученные знания, помогая закрепить полученные теоретические знания.

В процессе прохождения модуля по JavaScript создаваются функции и автономные приложения. Этот модуль помогает на практике научиться работать с DOM, использовать принципы ООП и использовать API.

🟡 The Odin Project (модуль по JavaScript)
🖥 GitHub

@javascriptv

Javascript

06 June 2024 15:03

🖥 Snap.svg — современная JavaScript библиотека для SVG-графиков

— npm install snapsvg

JS-библиотека Snap.svg делает работу с SVG такой же простой, как jQuery делает работу с DOM.
Snap.svg разработан для современных браузеров и поэтому поддерживает новейшие возможности SVG, такие как маскирование, обрезка, полные градиенты, группы и многое другое.

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

04 June 2024 14:04

🖥 Xterm.js — терминал для работы в интернете

— npm install @xterm/xterm

Xterm.js — это фронтенд-компонент, написанный на TypeScript, который позволяет приложениям предоставлять полнофункциональные терминалы в браузере. Xterm используется в таких популярных проектах, как VS Code, Hyper и Theia.

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

01 July 2024 18:04

🖥 Красивая 3D карусель для изображений на HTML, CSS и JavaScript

Вот весь код:
🖥 GitHub

@javascriptv

Javascript

29 June 2024 17:02

🖥 OpenUI5 — open-source JS фреймворк, который позволяет создавать веб-приложения корпоративного уровня

— npm i @openui5/sap.f

Если кто вдруг не знает, есть классный фреймворк JavaScript — OpenUI5 с массой полезных возможностей
Вот некоторые из них:
— богатая библиотека визуальных компонентов
— возможность расширять стандартные компоненты и писать свои
— поддержка MVC, причем View может быть объявлен как HTML, XML, JSON или Javascript
— модели данных (oData, XML, JSON) и их привязка к визуальным компонентам
— поддержка HTML шаблонов

🖥 GitHub
🟡 Доки
🟡 Пример веб-приложения

@javascriptv

Javascript

27 June 2024 16:21

🖥 docsify — классный JS генератор сайтов с документацией

— npm i docsify

docsify создает сайт документации буквально на лету. В отличие от GitBook, он не генерирует статичные html-файлы. Вместо этого он с умом загружает и разбирает файлы в формате Markdown и потом отображает их в виде веб-сайта.

Чтобы начать использовать docsify, достаточно создать index.html и развернуть его на GitHub Pages.

🖥 GitHub
🟡 Доки
🟡 Примеры использования

@javascriptv

Javascript

26 June 2024 12:50

🖥 Это интресно: запущен новый сервис Websim, который позволяет генерировать любые сайты буквально одним нажатием кнопки.

Всё, что нужно сделать, — ввести название сайта и нажать кнопку «Отправить».

Встроенные нейросети Claude и ChatGPT позаботятся обо всём остальном. Уровень возможностей впечатляет: пользователям уже удалось создать клон Minecraft и даже рабочий сайт для генерации 18+ изображений.

И самое удивительное — всё это работает бесплатно. ⚡️Попробовать можно здесь: https://websim.ai/

@javascriptv

Javascript

25 June 2024 11:32

🖥 Embla Carousel — лёгкая JS библиотека для создания каруселей

Embla Carousel — это свободная от зависимостей легкая JS библиотека. Поможет решить самые сложные проблемы, связанные с созданием каруселей; имеет легко расширяемый API и плагины.
Embla Carousel работает во всех современных браузерах.

🖥 GitHub
🟡 Доки
🟡 Примеры

@javascriptv

Javascript

22 June 2024 19:33

🖥 Оригинальная идея для пет-проекта на JavaScript

Эти часы отображают текущее время в семисегментном стиле;
время отображается в собственном коде JavaScript

▶️ Посмотреть вживую

@javascriptv

Javascript

21 June 2024 16:12

🖥 Релиз Bun 1.1.14

— bun upgrade

Релизнулся Bun 1.1.14!

Пофиксили 63 бага.
Патч node_modules с bun patch, маппинг объектов без ORM в bun:sqlite, запись всех вызовов fetch() в журнал как команды curl, улучшения совместимости с Node.js, исправления ошибок в установке bun, исправления ошибок в bun:sqlite, исправления ошибок в Windows.

🟡 Подробнее

@javascriptv

Javascript

13 June 2024 10:44

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

⏰ Когда: 18 июня в 19:00 по мск.

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

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

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

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

Javascript

12 June 2024 13:27

🖥 immich — высокопроизводительное self-hosted решение на TypeScript и Dart для хранения фото и видео

Для экспериментов запустить можно так, а вообще, рекомендуется использовать Docker Compose
— curl -o- https://raw.githubusercontent.com/immich-app/immich/main/install.sh | bash

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

11 June 2024 12:22

🖥 Интересная идея для прелоадера страницы на чистом CSS

Фигурки тетриса бесконечно складываются в правильном порядке — выглядит довольно оригинально
Может неплохо сказаться на конверсии

📎 Codepen

@javascriptv

Javascript

10 June 2024 13:25

Открытый курс по JavaScript запустила команда AvitoTech (а это уже гарантия качественного контента).

• Для всех уровней разработки (но с базой в программировании будет попроще)
• Доступным языком
• Про JavaScript / HTML / CSS

Первый выпуск посвящён базовым понятиям: технология веба, браузер, клиент, сервер. Лекция уже доступна на канале AvitoTech.

Смотрите, это бесплатно!

@javascriptv

Javascript

09 June 2024 17:04

🖥 Интересная идея для пет-проекта — 3D-модель дерева, которую можно изменять при помощи разных параметров

🖥 GitHub
🟡 Демонстрация проекта

@javascriptv

Javascript

08 June 2024 12:36

⚡️ Красивая анимированная шкала рейтинга на JS + CSS


👉 Код на codepen

#soft #code

@javascriptv

Javascript

05 June 2024 14:37

🖥 Biome — быстрый форматер и линтер для JavaScript, TypeScript, JSX и JSON

— npm install --save-dev --save-exact @biomejs/biome

Biome предлагает форматер и линтер, используемые через CLI и LSP.
Как форматер Biome на 97% совместим с Prettier, а как линтер содержит более 200 правил из ESLint и typescript-eslint.

Biome с самого начала был разработан для интерактивного использования в IDE. Он может форматировать и исправлять некачественный код в процессе его написания.

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

03 June 2024 17:13

🖥 Книга по TypeScript

Отличный ресурс по TypeScript, если хочется что-то быстро освежить в памяти
Здесь собрано всё самое основное:
— аннотации типов
— управление типами
— дженерики
— и много всего другого

📎 Книга по TypeScript

@javascriptv