Notcoin Community

Whale Chanel

Переглянути

Proxy MTProto | پروکسی

Переглянути

JavaScript'er

Технології

Заявки приймаємо автоматично!
Канал з лайфхаками для кожного поважаючого себе веб-розробника
Запросити друга, якщо є:
https://t.me/+my7itn9CGMplOTAy />Зв'язок: @kravadk

Рейтинг TGlist

ТипПриватний

Верифікація

Не верифікований

Довіреність

Не надійний

РозташуванняУкраїна

МоваІнша

Дата створення каналуСерп 15, 2024

Додано до TGlist

Трав 21, 2024

Я власник каналу

Історія змін

Прикріплена група

Чат JavaScript

Статистика Телеграм-каналу JavaScript'er

Детальніше

Підписників

8 373

24 год.

20%Тиждень

17-0.2%Місяць

113-1.3%

Індекс цитування

0

Згадок1Репостів на каналах0Згадок на каналах1

Середнє охоплення 1 допису

1 450

12 год.88

93.5%24 год.1 450

19.5%48 год.1 846

33.9%

Залученість (ER)

1.76%

Репостів15Коментарів1Реакцій2

Залученість за охопленням (ERR)

21%

24 год.

0.51%Тиждень

1%Місяць

2.95%

Охоплення 1 рекл. допису

1 427

1 год.886.17%1 – 4 год.00%4 - 24 год.91764.26%

Детальніше

Під'єднайте нашого бота до каналу і дізнайтеся стать аудиторії цього каналу.

Всього дописів за 24 години

2

Динаміка

Останні публікації в групі "JavaScript'er"

Всі дописи

26.02.202507:39

Animated Social Links

Картки приймають 3D-форму при наведенні на соцмережі. Реалізовано за допомогою CSS.

⤷ Забрати код

JavaScript'ер

25.02.202515:48

Шпаргалка по HTML

JavaScript'ер

25.02.202507:16

Чи хочеш застосувати неоновий ефект до своїх текстів?

→ Потрібен лише HTML, щоб додати атрибут data-text, і CSS, щоб стилізувати ефект.

→ Цей атрибут дозволяє додавати додатковий вміст до елемента, який ідеально підходить для візуальних ефектів.

Приклад: https://codepen.io/carmenansio/pen/XWBKLqm

✔️ #tip by Cosmic Red

JavaScript'ер

24.02.202514:20

Якби у вас була можливість повернутися в минуле, то ви б вступили в той самий університет?

У сучасному IT світ змінюється миттєво, а традиційна освіта часто не встигає за ринковими вимогами.

Neoversity кидає виклик застарілим підходам і пропонує новий формат навчання – сучасну, практичну та міжнародно визнану магістратуру для досвідчених IT-спеціалістів.

[ в кінці інформація про те, як отримати грант на навчання кожному бажаючому ]

🟢Міжнародний ступінь:
- Master of Science in Computer Science (90 ECTS, EQF7)
- Диплом визнається в 50+ країнах (США, Канада, ЄС)

🟢Формат навчання:
- 100% online
- Гнучкий графік з можливістю участі у живих сесіях, автоперевірці коду та інтерактивних завданнях

🟢Партнерство та акредитація:
- Член групи EdTech GoIT (10+ років досвіду, інвестиційний раунд від Horizon Capital)
• Партнерство з Woolf – першим глобальним колегіальним університетом, WAAC (Woolf Academic Advisory Council) з провідними академіками з Гарварду, Берклі та інших закладів

🟢Актуальні спеціалізації:
- Software Engineering: Fullstack-розробка (Node.js, TypeScript), реляційні бази даних, CI/CD та DevOps
- Data Science & Machine Learning: Побудова ML-моделей, Computer Vision, NLP, Data Engineering
- Cybersecurity: Мережна безпека, криптографія, управління ризиками, стандарти CISSP, Cloud Security
- Product Design: UX/UI, Human-Computer Interaction (HCI), поведінкова аналітика для створення ефективних цифрових продуктів

🟢Практичний підхід:
- Понад 2000 годин унікального навчального контенту в кожній з програм
- Командні проєкти та Startup Project – фінальний етап, де студенти створюють власний IT-продукт і пітчать його перед інвесторами
- Практикують із експертами з Google, Facebook, EPAM, Ciklum, Intellias та інших провідних компаній

💡Грантова програма Neoversity

Neoversity запускає грантову програму, що покриває до 40% вартості навчання.

Приймаються заявки від досвідчених IT-спеціалістів, ветеранів, волонтерів, науковців та кандидатів з чіткою мотивацією.

Щоб взяти участь, потрібно:
1. Заповнити заявку - https://i.goit.global/hodiV
2. Пройти вступну співбесіду (PBA – Performance-Based Admissions)
3. Отримати запрошення на навчання

Готовий зробити правильний вибір?
Заповнюй заявку, проходь співбесіду та отримай грант на навчання, який допоможе тобі зробити кар’єрний стрибок у світі IT

24.02.202508:36

Будьте добрими до джунів 😅

JavaScript'ер

23.02.202516:39

Preloader

Залипаюча анімація завантаження сторінки. Реалізовано за допомогою CSS.

⤷ Забрати код

JavaScript'ер

Переслав з:

Ти не знаєш JavaScript

23.02.202510:57

Що таке HTTP?

HTTP (Hypertext Transfer Protocol) — це протокол для передачі даних між клієнтом (браузером) та сервером. Він працює на основі запитів (GET, POST, PUT, DELETE) та відповідей, надаючи можливість обмінюватися текстом, медіа та іншими даними.

Ти не знаєш JavaScript

22.02.202518:09

Що за магія тут відбувається 😨

JavaScript'ер

21.02.202515:54

Безкоштовне API для визначення розташування IP-адреси

50 000 безкоштовних запитів на місяць

Працює з JavaScript, Python та іншими мовами програмування

https://ipinfo.io

JavaScript'ер

21.02.202510:58

Ловіть лайфхак: GitHub + VS Code - швидке редагування коду у вашому репозиторії прямо у браузері

Для цього потрібно замінити посилання .com на .dev . Або просто натиснути на клавіатурі” . ».

Редактор буде абсолютно ідентичний вашому редактору на локальній машині (якщо у вас включена синхронізація з GitHub акаунтом): палітра кольорів, підсвічування синтаксису, плагіни і т.д.

Користуємося та ділимося з тими, хто не в темі👍

JavaScript'ер

19.02.202516:21

Додайте анімації на ваш сайт з одним рядком коду😌

Це бібліотека, яка буквально одним рядком додає анімації на ваш сайт

✓ Працює з React, Vue, Angular, Svelte...
✓ Автоматично анімує елементи
✓ Використовує CSS для кращої продуктивності
✓ Нульове налаштування

Жодної складної настройки чи купи коду — все максимально просто і швидко

👉 Користуйтеся: https://auto-animate.formkit.com/

JavaScript'ер

19.02.202507:38

Card Animation

Картки, які можна вибрати, попередньо прочитавши інформацію. Реалізовано за допомогою CSS.

⤷ Забрати код

JavaScript'ер

18.02.202515:38

Шпаргалка по CSS

JavaScript'ер

18.02.202507:49

Невизначений чекбокс

Коли у нас є головний чекбокс у таблиці або деревоподібній структурі чекбоксів, потрібно відображати його у стані невизначеності, якщо вибрано лише деякі записи

Просто зробіть це, встановивши властивість indeterminate чекбоксу в true:

 checkboxEle.indeterminate = true;

Ми можемо змінити стиль невизначеного чекбоксу за допомогою псевдокласу: indeterminate

✔️ #tip by Shripal Soni

JavaScript'ер

17.02.202514:40

Плануєте релокейт чи кар’єру за кордоном, але не знаєте, з чого почати?

Що потрібно європейським та американським роботодавцям?
✅ Практичний досвід (у вас він є)
✅ Англійська (можна підтягнути)
❌ Вища освіта міжнародного зразка (а ось тут проблема)

70% IT-вакансій Канади вимагають диплом магістра. У Європі ця цифра ще вища.

Реєструйтеся на вебінар, щоб дізнатися, як отримати міжнародний диплом IT-магістра та спростити шлях до роботи за кордоном!

Кількість місць на заході — обмежена.
📅 18 лютого / 19:00 за Києвом
💰 Безплатно

А ще тут можна 🎁 поконкурувати за грант, що компенсує до 50% вартості навчання!

🔗 Зробіть інвестицію у своє майбутнє - реєструйся 👇🏼

Всі дописи

Рекламувався1 година

0

05.02.202517:00Ти не знаєш JavaScript

5.9K

Технології

Рекламувався13 годин

0

26.01.202510:58Codu - лампова IT спільнота

14.4K

Рекламувався16 годин

0

21.01.202517:54Codu - лампова IT спільнота

14.4K

Рекламувався16 годин

2

23.09.202414:24Codu - лампова IT спільнота

14.4K

Рекламувався1 день

0

09.09.202414:42Codu - лампова IT спільнота

14.4K

Детальніше

Рекорди

23.01.202516:33

8.5K

Підписників

30.11.202423:59

300

Індекс цитування

25.01.202518:57

2.5K

Охоплення 1 допису

19.09.202423:59

2.2K

Охоп рекл. допису

15.09.202423:59

17.98%

25.01.202523:59

29.14%

ERR

Розвиток

Детальніше

Підписників

Індекс цитування

Охоплення 1 допису

Охоп рекл. допису

ERR

Детальніше

Популярні публікації JavaScript'er

Всі дописи

07.02.202515:58

Відкопав цікавий репозиторій – react-learning-resources

Це ретельно підібраний список матеріалів для швидкого освоєння React та все, що з ним пов'язане.

Тут зібрані курси, статті та корисні інструменти, які покриють все: від основ React до більш сучасних технологій.

→ https://github.com/nareshbhatia/react-learning-resources

JavaScript'ер

03.02.202508:18

Шукаєте SVG-іконки для своїх проектів?

На сайті svgl.app ви знайдете десятки іконок з різними варіантами експорту та налаштування

JavaScript'ер

Переслав з:

Codu - лампова IT спільнота

11.02.202517:11

Чи знали ви, що можна редагувати будь-який сайт за допомогою простого трюку JavaScript?

🔸 Натисніть F12 , щоб відкрити DevTools
🔸 Перейдіть на вкладку Console
🔸 Введіть у консолі JS:

 document.designMode = "on"

Тепер можна закрити DevTools і вільно редагувати сторінку: змінювати текст, переміщати або змінювати картинки, а також знущатися з інших елементів😎

27.01.202516:56

Тут і не посперечаєшся 😂

JavaScript'ер

19.02.202516:21

12.02.202516:09

Відкопав бібліотеку — react-google-maps

Вона дозволяє легко вбудовувати Google Maps у ваші React-додатки, використовуючи компоненти та хуки

Щоб розпочати, достатньо встановити пакет:

 npm install @vis.gl/react-google-maps

Потім обертаємо свої компоненти APIProvider, передаємо свій API-ключ, і можна творити магію з картами.

Приклад простого використання:

 import { AdvancedMarker, APIProvider, Map } from '@vis.gl/react-google-maps';

Плюс, є хук useMapsLibrary() для підвантаження додаткових бібліотек, якщо потрібно щось складніше, типу геокодінгу або маршрутизації

Якщо возишся з картами в проектах, ця тулза має бути в закладках. Документація та приклади використання доступні на GitHub: https://github.com/visgl/react-google-maps

JavaScript'ер

01.02.202517:32

Я не люблю таку роботу 🥲

JavaScript'ер

30.01.202518:50

📌Корисні гарячі клавіші VSCode

• Ctrl+F2 — Виділяє всі входження поточного слова.

• Alt + ↑ / ↓ — Перемістіть рядок з курсором вгору або вниз, залежно від комбінації клавіш.

• Shift + Tab — Видалення відступів.

JavaScript'ер

13.02.202516:33

Зацініть цю знахідку - бібліотека Sonner для React

Це потужний інструмент для створення повідомлень. Проста установка, кастомізація та топові візуальні фішки. Вистачає трьох рядків коду, щоб усе запрацювало.

Фішки: задавайте типи, налаштовуйте позиції, керуйте кількістю сповіщень, що відображаються. Плюс є суперзручна підтримка анімацій та додаткових дій.

Коротше, якщо хочете додати стильних "тостів" до проекту - однозначно варто глянути: https://sonner.emilkowal.ski/

JavaScript'ер

03.02.202521:13

Шпаргалка по HTML

JavaScript'ер

06.02.202516:38

Хлопці, обережніше з цим трюком 😅

JavaScript'ер

10.02.202509:51

Важлива пам'ятка 😅

JavaScript'ер

17.02.202507:41

Найкраще, що могла сказати 😍

JavaScript'ер

11.02.202507:47

Цікавий спосіб вирівняти іконку з текстом

Одиниця cap вважається щодо висоти великих букв шрифту

Це допомагає нам легко змінювати розмір іконок, розташованих поруч із текстом, щоб вони повністю відповідали висоті тексту

Повний код:

 .container {

JavaScript'ер

31.01.202515:22

🥸Чи знав ти, що можна не передрукувати текст із відео вручну?

selectext — це розширення для Chrome, за допомогою якого можна скопіювати текст із відео, виділивши область з текстом.

⬆️ Завантажити розширення

JavaScript'ер

Увійдіть, щоб розблокувати більше функціональності.