JavaScript'er

Відкопав цікавий репозиторій – 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'ер

🥸Чи знав ти, що можна не передрукувати текст із відео вручну? selectext — це розширення для Chrome, за допомогою якого можна скопіювати текст із відео, виділивши область з текстом. ⬆️ Завантажити розширення JavaScript'ер

✏️Якщо ви додаєте символи лапок, використовуйте як вміст open-quote та close-quote, оскільки вони враховують мову документа. Докладніше Ти не знаєш JavaScript

📌Корисні гарячі клавіші VSCode • Ctrl+F2 — Виділяє всі входження поточного слова. • Alt + ↑ / ↓ — Перемістіть рядок з курсором вгору або вниз, залежно від комбінації клавіш. • Shift + Tab — Видалення відступів. JavaScript'ер

Розкажіть про життєвий цикл компонента Vue Життєвий цикл включає етапи: ініціалізація (створення та налаштування компонента), монтування (рендеринг у DOM), оновлення (перемальовка при зміні даних) та знищення (видалення з DOM). Методи життєвого циклу (mounted, updated, destroyed) дозволяють виконувати дії кожному етапі. JavaScript'ер