Javascript

16 July 2024 09:52

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

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

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

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

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

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

Javascript

13 July 2024 10:34

🖥 TagSpaces — оффлайн open-source менеджер документов и заметок, написанный на TypeScript

git clone https://github.com/tagspaces/tagspaces.git
cd tagspaces
git checkout develop
npm install

Javascript

12 July 2024 10:04

Изучаешь JavaScript?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты с нуля сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Создашь проект на Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Сделаешь сайту адаптив;
6. Получишь проверку домашек от кураторов;
7. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать.

А главное, ты узнаешь, что тебе делать, чтобы уже в этом году гарантировано зарабатывать от 1000$/мес. на фронтенд-разработке, не выходя из дома.

Начинаем уже завтра.

👉 Успей проскочить на интенсив бесплатно

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

Javascript

09 July 2024 15:05

🖥 Decap — CMS на основе Git для генераторов статических сайтов

— npm i decap-cms

Decap CMS — это open-source система управления контентом с интуитивно понятным интерфейсом.
Decap CMS позволяет хранить контент в одном Git-репозитории с кодом, что упрощает версионирование.

По сути Decap CMS — это приложение React, которое является оберткой для рабочего процесса Git, для чего использует GitHub, GitLab или Bitbucket API. Это дает множество преимуществ, в том числе:

— быстрый веб-интерфейс, редактирование текста, предпросмотр в реальном времени и загрузка медиафайлов с помощью drag-and-drop.

— независимость от платформы: Decap работает с большинством генераторов статических сайтов.

— гибкость в плане контента

— расширяемость: Decap позволяет создавать пользовательские превью, виджеты UI и плагины редактора.

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

08 July 2024 09:44

В открытом курсе AvitoTech по JavaScript вышел третий урок.

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

А в третьем уроке всё о данных в JavaScript, их организации и обработке: объявление переменных и инициализация, стек и куча, память, проблемные числа, области видимости.

Подписывайтесь на канал, чтобы не пропустить новые выпуски.

Javascript

06 July 2024 16:01

🖥 Fresh — веб-фреймворк нового поколения

— deno run -A -r https://fresh.deno.dev

Fresh — это современный веб-фреймворк для разработчиков на JavaScript и TypeScript, призванный упростить создание сложных веб-приложений.
Можно использовать Fresh для создания домашней страницы, блога, крупного веб-приложения, такого как GitHub или Twitter.

Fresh использует Preact и JSX для рендеринга и шаблонизации как на сервере, так и на клиенте. Fresh также не имеет этапа сборки. Код, который вы пишете, непосредственно выполняется на сервере и на клиенте. Любая необходимая транспиляция TypeScript или JSX в обычный JavaScript выполняется на лету, когда это необходимо.

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

06 July 2024 10:16

⚡️ На этом сайте собрано более 120 тыс. бесплатных шрифтов для дизайнеров, фронтэндеров и всех, кому нужны шрифты.

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

👉Попробовать

@javascriptv

Javascript

04 July 2024 16:03

🖥 p5.js — open-source библиотека JavaScript, заточенная под создание визуализаций, анимаций и т.д.

В p5.js сделан упор на простоту использования и лаконичность
К примеру, вот код для визуализации пузырьковой сортировки:

let values = [];
let i = 0;
let j = 0;

function setup() {
  createCanvas(720, 400);
  for(let i = 0;i<width/8;i++){
    values.push(random(height));
  }
}

function draw() {
  background(220);
  bubbleSort();
  simulateSorting();
}

function bubbleSort() {
  for(let k = 0;k<8;k++){
    if(i<values.length){
      let temp = values[j];
      if(values[j] > values[j+1]){
        values[j] = values[j+1];
        values[j+1] = temp;
      }
      j++;
      
      if(j>=values.length-i-1){
        j = 0;
        i++;
      }
    }
    else{
      noLoop();
    }
  }
}

function simulateSorting(){
  for(let i = 0;i<values.length;i++){
    stroke(100, 143, 143);
     fill(50);
     rect(i*8 , height, 8, -values[i],20);
   }
}

Javascript

04 July 2024 09:48

Упрости процесс проектирования и разработки🌀

Присоединяйся к курсу «‎Архитектура приложений»: поток стартует 15 июля!

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

Ты научишься:
🔣 строить UML-диаграммы;
🔣 проводить архитектурные границы;
🔣 проектировать системы, используя паттерны;
🔣 выбирать архитектурный подход, исходя из задачи.

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

🔎 Итоговый проект: спроектируешь и полностью опишешь информационную систему так, как это происходит на практике.

🔣 Старт 15 июля, успей занять место на курсе! 🧐

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

Javascript

02 July 2024 16:45

Онлайн-лабораторная: развертывание веб-приложения или Telegram-бота с сервисом Evolution Container Apps

Чтобы быстро развернуть приложение в облаке, нужно всего лишь взять сервис Cloud․ru Container Apps, платформу GitVerse и немного практики.

4 июля в 11:00 Cloud․ru проведет бесплатную онлайн-лабораторную.

В прямом эфире эксперты вместе с участниками сделают две лабораторные работы и покажут самый быстрый способ развернуть приложение в облаке с сервисом Cloud․ru Container Apps и платформой GitVerse. В первой лабораторной развернут простое frontend-приложение, во второй — backend-приложение.

Будет интересно начинающим и опытным разработчикам.

➡️ Чтобы принять участие, регистрируйтесь на сайте

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

15 July 2024 16:02

🖥 OpenCTI — это open-source платформа на JS, позволяющая организациям управлять своими знаниями и наблюдениями в области разведки киберугроз

OpenCTI была создана для структурирования, хранения, организации и визуализации технической и нетехнической информации о киберугрозах.

Структурирование данных осуществляется с помощью схемы знаний, основанной на стандартах STIX2. Система разработана как современное веб-приложение, включающее GraphQL API и UX-ориентированный фронтенд.
Также OpenCTI может быть интегрирована с другими инструментами и приложениями, такими как MISP, TheHive, MITRE ATT&CK и др.

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

12 July 2024 12:03

💻 Космический кибершпион «BadSpace» прячется в обновлениях Chrome

Вредоносная кампания явно вдохновлена недавно обнаруженными вредоносами семейства FakeUpdates.

Компьютерные системы по всему миру подвергаются атаке с использованием нового вредоносного ПО под названием BadSpace, распространяемого под видом фальшивых обновлений браузера Chrome.

По данным немецкой компании G DATA, специализирующейся на кибербезопасности, злоумышленники используют многоэтапную атаку, включая заражённый веб-сайт, сервер управления, поддельное обновление браузера и JScript-загрузчик для установки вредоносной программы на систему жертвы.

Исследователи kevross33 и Gi7w0rm первыми сообщили о деталях этого вредоносного ПО в прошлом месяце. Атака начинается со скомпрометированного веб-сайта, в том числе созданного на платформе WordPress, который внедряет код для проверки, посещал ли пользователь сайт ранее. Если это первый визит, код собирает информацию о устройстве, IP-адресе, пользовательском агенте и местоположении, передавая её на жёстко закодированный домен через HTTP-запрос.

Ответ сервера накладывает на содержимое веб-страницы поддельное окно обновления Google Chrome, которое либо напрямую загружает вредоносное ПО, либо JavaScript-загрузчик, который затем скачивает и выполняет BadSpace.

Анализ серверов управления, используемых в этой кампании, выявил связи с известным вредоносным ПО SocGholish, также известным как FakeUpdates. Это JavaScript-загрузчик, распространяемый аналогичным образом.

🗄 Подробнее

@javascriptv

Javascript

11 July 2024 14:16

🖥 LangChain.js — open-source фреймворк JS для создания LLM-приложений

— npm install -S langchain

LangChain.js поможет на каждом из этапов жизненного цикла LLM-приложения:

— разработка: можно создавайте свои LLM-приложения на JS, используя готовые блоки и компоненты LangChain.js с открытым исходным кодом

— мониторинг: на этом этапе подключается LangSmith для проверки, мониторинга и оценки LLM-приложений

— развёртывание: LangChain.js позволяет быстро реализовать API рабочего компонента с помощью LangServe

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

08 July 2024 11:44

🖥 Релиз Theia IDE, написанной на TypeScript

На днях вышел первый официальный релиз интегрированной среды разработки Theia IDE, развиваемой организацией Eclipse Foundation на базе редактора кода Theia и разработанных для него плагинов.

Проект Theia IDE поставляется как самодостаточное приложение для рабочего стола, рассчитанное на установку на локальных системах, а также в форме online-версии для работы из браузера (для развёртывания online-версии на своём сервере предоставляется готовый Docker-образ).

Проект развивается при участии IBM, Red Hat, Google, ARM, Broadcom, Huawei, Samsung, Ericsson, SAP и Arduino на нейтральной площадке, поддерживаемой Eclipse Foundation и не зависящей от конкретных производителей.

Платформа Theia построена на базе архитектуры фронтенд/бэкенд, подразумевающей запуск двух процессов (отрисовка интерфейса и внутренняя логика), которые взаимодействуют с использованием HTTP при помощи JSON-RPC через WebSockets или REST API. Это разделение позволяет работать через Web (бэкенд, использующий платформу Node.js, запускается на внешнем сервере, а фронтенд с интерфейсом загружается в браузере). В Theia IDE оба процесса запускаются локально, а для создания самодостаточного приложения применяется платформа Electron.

🖥 GitHub

@javascriptv

Javascript

07 July 2024 14:01

⚛ Pure CSS Gravity Button – Красивая кнопка с эффектом притяжения "частиц". Она имеет внешнюю тень и внутренний градиент.

https://codepen.io/thebabydino/pen/bGzeQrv

@javascriptv

Javascript

06 July 2024 13:24

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

C++ t.me/cpluspluc
Devops: t.me/devOPSitsec
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C#: t.me/csharp_ci
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
Собеседования МЛ: 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

05 July 2024 16:03

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

git clone https://github.com/cryptpad/cryptpad.git cryptpad
cd cryptpad
git checkout 2024.6.0
npm ci
npm run install:components
./install-onlyoffice.sh

Javascript

04 July 2024 11:02

🖥 Oruga — легкая библиотека компонентов UI для Vue.js без CSS-зависимостей

— npm install @oruga-ui/oruga-next

Oruga предлагает набор легко настраиваемых компонентов и не зависит от какого-либо конкретного стиля или CSS-фреймворка (типо Bootstrap, Bulma, TailwindCSS). При этом есть возможность интегрировать любой CSS-фреймворк, если очень хочется.

Oruga предоставляет набор функциональных компонентов, поэтому можно сосредоточиться только на UI/UX аспектах приложения

🖥 GitHub
🟡 Доки

@javascriptv

Javascript

02 July 2024 19:03

🖥 Shaka Player — open-source библиотека JS для адаптивных медиа

Shaka Player — это библиотека JavaScript, которая воспроизводит адаптивные медиаформаты такие как DASH, HLS и MSS в браузере, без использования плагинов или Flash. Вместо этого Shaka Player использует открытые веб-стандарты MediaSource Extensions и Encrypted Media Extensions.

Shaka Player также поддерживает автономное хранение и воспроизведение медиафайлов с помощью IndexedDB. Контент может храниться в любом браузере.

🖥 GitHub

@javascriptv

Javascript

02 July 2024 12:02

🖥 html-react-parser — инструмент на TypeScript для преобразования HTML в React

— npm i html-react-parser

Вот простой пример использования:

import parse from 'html-react-parser';

parse('<p>Hello, World!</p>'); 

// React.createElement('p', {}, 'Hello, World!')

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