JavaScript'er

Accordion Image Gallery Ефект розширення зображення під час наведення на нього. Реалізовано з допомогою SCSS. ⤷ Забрати код JavaScript'ер

Що таке псевдоелемент? Псевдоелемент — це CSS-конструкція, яка дозволяє стилізувати певні частини елемента, наприклад ::before для додавання контенту перед елементом або ::after для додавання після. Це зручно для оформлення, не змінюючи структуру HTML. Ти не знаєш JavaScript

Не більше 0, переживати нема чого 😅 JavaScript'ер

Відкопав цікавий репозиторій – react-learning-resources Це ретельно підібраний список матеріалів для швидкого освоєння React та все, що з ним пов'язане. Тут зібрані курси, статті та корисні інструменти, які покриють все: від основ React до більш сучасних технологій. → https://github.com/nareshbhatia/react-learning-resources JavaScript'ер

Відео пояснює одну з особливостей TypeScript: поведінка коду в безкінечному циклі while (true). Якщо після циклу є рядки коду, вони вважаються недосяжними, оскільки цикл теоретично виконується нескінченно. Однак, якщо в циклі є логіка переривання (break), TypeScript більше не вважає наступний код недосяжним. ✔️ #tip by Matt Pocock JavaScript'ер

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

Chance – допомагає генерувати випадкові числа, рядки, імена, номери телефонів, адреси електронної пошти та багато іншого. Мови: JavaScript (100%). ⭐️ Star 6.5k https://github.com/chancejs/chancejs JavaScript'ер

Тримайте під рукою ці безкоштовні та зручні шпаргалки за CSS: 🔸 Селектори 🔸 Box Model 🔸 Flexbox 🔸 Grid → Посилання на репозиторій GitHub JavaScript'ер

📌Зручна функція від VS Code VS Code подбав про керування контролю версій і містить багато фішок, пов'язаних з git Тут показано, як можна зручно скасувати останній коміт , лише однією кнопкою JavaScript'ер

Шпаргалка по HTML JavaScript'ер

⏺ До 2030 року ШІ може замінити до 30% професій. ▶️Чи готові ви протистояти цій хвилі змін? ▶️Як адаптуватися до нової реальності й залишатися конкурентоспроможним? ▶️Де AI вирішує більше, ніж ми звикли думати? 🤖 ШІ — це не лише виклик, а й можливість. Питання в тому, як ви збираєтеся його використати, поки конкуренти вже адаптуються. На вебінарі “AI: конкурент чи інструмент?” від Neoversity ви дізнаєтесь:

✔️ Як AI трансформує ІТ-ринок і які ваші перспективи. ✔️ Найкращі AI-інструменти для продуктивної роботи. ✔️ Як зробити ШІ вашим союзником у кар’єрному зростанні.

📅 Коли: 4 лютого о 19:00 (онлайн) 🎁 Отримайте змогу поконкурувати за грантове місце в ІТ-університеті Neoversity 🚀 Реєструйтеся зараз👇🏼

Шукаєте SVG-іконки для своїх проектів? На сайті svgl.app ви знайдете десятки іконок з різними варіантами експорту та налаштування JavaScript'ер

Click Me Кнопка набуває овальної форми при наведенні на неї курсору миші. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

Відкопав бібліотеку — 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';

function App() {
const position = {lat: 53.54992, lng: 10.00678};

return (
<APIProvider apiKey={'ВАШ_API_КЛЮЧ'}>
<Map defaultCenter={position} defaultZoom={10} mapId="DEMO_MAP_ID">
<AdvancedMarker position={position} />
</Map>
</APIProvider>
);
}

export default App;

Плюс, є хук useMapsLibrary() для підвантаження додаткових бібліотек, якщо потрібно щось складніше, типу геокодінгу або маршрутизації Якщо возишся з картами в проектах, ця тулза має бути в закладках. Документація та приклади використання доступні на GitHub: https://github.com/visgl/react-google-maps JavaScript'ер

Які селектори знаєш? CSS-селектори включають: Прості: селектори тегів (div), класів (class), ID ( #id ), атрибутів ([type="text"]). Комбінатори: нащадок (AB), прямий нащадок (A > B), сусід (A + B), всі наступні (A ~ B). Псевдокласи: :hover, :nth-child(n), :first-of-type. Псевдоелементи: :: before, :: after, :: placeholder. Ти не знаєш JavaScript

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