JavaScript'er - Дописи Телеграм-каналу

Notcoin Community

Переглянути

Whale Chanel

Переглянути

Proxy MTProto | پروکسی

Переглянути

JavaScript'er

Технології

JavaScript'er

Технології

26.02.202507:39

Animated Social Links

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

⤷ Забрати код

JavaScript'ер

24.02.202508:36

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

JavaScript'ер

21.02.202515:54

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

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

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

https://ipinfo.io

JavaScript'ер

18.02.202515:38

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

JavaScript'ер

16.02.202518:10

Navbar Hover Effect

Смугастий ефект наведення посилання меню. Реалізовано за допомогою CSS.

Забрати код

JavaScript'ер

14.02.202507:48

Якщо ви використовуєте Object.fromEntries(url.searchParams) для аналізу рядка запиту, тепер ви можете замінити це на typedSearch(url.searchParams, schema) для:

🔸 типобезпеки
🔸 підтримки масивів

✔️ #tip by EGOIST

JavaScript'ер

25.02.202515:48

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

JavaScript'ер

23.02.202516:39

Preloader

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

⤷ Забрати код

JavaScript'ер

21.02.202510:58

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

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

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

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

JavaScript'ер

18.02.202507:49

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

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

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

 checkboxEle.indeterminate = true;

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

✔️ #tip by Shripal Soni

JavaScript'ер

Переслав з:

Ти не знаєш JavaScript

16.02.202510:44

Що пріоритетніше використовувати TS чи JS?

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

Ти не знаєш JavaScript

13.02.202516:33

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

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

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

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

JavaScript'ер

25.02.202507:16

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

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

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

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

✔️ #tip by Cosmic Red

JavaScript'ер

Переслав з:

Ти не знаєш JavaScript

23.02.202510:57

Що таке HTTP?

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

Ти не знаєш JavaScript

19.02.202516:21

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

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

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

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

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

JavaScript'ер

17.02.202514:40

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

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

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

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

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

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

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

15.02.202518:00

Дві сторони однієї медалі

JavaScript'ер

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'ер

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

22.02.202518:09

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

JavaScript'ер

19.02.202507:38

Card Animation

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

⤷ Забрати код

JavaScript'ер

17.02.202507:41

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

JavaScript'ер

14.02.202515:39

👩‍💻CSS Battle – це інтерактивна платформа, де розробники змагаються у вирішенні завдань мінімізувати CSS-код, створюючи візуальні елементи з найменшою кількістю символів.

📌 Посилання: cssbattle.dev

JavaScript'ер

12.02.202508:11

Тримайте цікаву статтю про балансування тексту в CSS

Автор розповідає, як за допомогою властивості text-wrap: balance вирішувати проблеми нерівномірного перенесення рядків у заголовках та текстах

Розбираються приклади, як це працює у браузерах та які є обмеження. У статті: демки, реальні приклади з TechCrunch та BBC, а також ідеї для майбутніх рішень

👉 Читайте статтю тут: Balancing Text In CSS

JavaScript'ер

Показано 1 - 24 із 229

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

Цитування