VS [Front-end]

Всім привіт, хочу запитати одну штуку, цікава ваша думка. Хтось працював з вордпрес і що ви взагалі про це думаєте ? Мова про розробку, написання коду і тд, а не клепання сайтиків на конструкторах Накинь відповідей в коменти

😂Черговий мемчанський #мем 👉🏼 Telegram | Youtube | LinkedIn

The Odin Project 🙌 The Odin Project пропонує комплексний курс з веб-розробки, який охоплює ключові технології, такі як HTML, CSS, JavaScript, React, NodeJS та Ruby on Rails. Основний акцент платформи зроблено на проєктному підході до навчання: ви працюєте над реальними проєктами, що дозволяє ефективно застосовувати отримані знання на практиці. 🔗ПОСИЛАННЯ 👉🏼 Telegram | Youtube | LinkedIn

ну а шо #мем 👉🏼 Telegram | Youtube | LinkedIn

Так, виникло важливе питання 🙂 Заради чого ви заходите на цей канал? Що очікуєте тут побачити і чому залишаєтеся тут? Хочемо покращити контент, тому Ваша думка ДУЖЕ важлива. Всім щиро дякую за розгорнуті (або не розгорнуті, як душа забажає) відповіді в коментарях!❤️

і чого воно не працює? #мем 👉🏼 Telegram | Youtube | LinkedIn

Непогано

😂Черговий мемчанський #мем 👉🏼 Telegram | Youtube | LinkedIn

Псевдоклас :: firstletter😉 Цей псевдоклас дозволяє стилізувати першу букву текстового елемента. Він часто використовується для створення ініціалів чи інших типографічних ефектів. Прийняті властивості: • color — колір першої літери • background-color — колір тла • font-family — шрифт першої літери • font-size — розмір шрифту • font-weight – жирність шрифту • line-height — висота рядка • text-decoration — текстове оформлення (підкреслення, перекреслення) • text-transform — перетворення тексту (великі літери, великі літери) margin - зовнішні відступи • padding - внутрішні відступи • border — межа першої літери • float — Вирівнювання (наприклад, ліворуч, праворуч). • text-shadow — тінь тексту Додатково, цей псевдоклас підтримує різні ефекти, які дозволяють зробити першу літеру не лише візуально виділеною, але й інтерактивною: - Анімації та переходи: Застосовуючи transition або @keyframes, можна створити ефект плавного збільшення або зміни кольору першої літери під час наведення курсору. Це додає динамічності й інтерактивності на вебсторінках. - 3D-ефекти: Використовуючи transform, можна повертати або масштабувати першу літеру в тривимірному просторі, що робить її об’ємною та виразною. - Зміна стилю при подіях: За допомогою комбінації з псевдокласами на кшталт :hover або :focus, можна змінювати стиль першої літери під час взаємодії користувача з елементом. Код нижче виділяє першу літеру, змінює її розмір і додає тінь, а під час наведення курсору літера ще й обертається, створюючи інтерактивний ефект.

p::first-letter { font-size: 3em; font-weight: bold; color: #ff6347; float: left; margin-right: 10px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease-in-out; } p:hover::first-letter { transform: rotate(10deg); }

#useful 👉🏼 Telegram | Youtube | LinkedIn

😂коли дивишся на чужий код після того, як вивчився у Вови #мем 👉🏼 Telegram | Youtube | LinkedIn

30 ідей для додатків з повним вихідним кодом🤭 Ця стаття на платформі Dev.to пропонує розробникам набір ідей для створення різноманітних додатків, а також надає вихідний код для кожного з них. Мета цієї статті полягає в тому, щоб допомогти розробникам, особливо тим, хто вивчає нові технології або шукає натхнення для власних проектів, отримати практичний досвід, працюючи з реальними прикладами. - Розробники можуть використовувати ці приклади для вивчення різних технологій і підходів до розробки програмного забезпечення. - Якщо ти шукаєш ідеї для власних проектів, ці приклади можуть бути відправною точкою для розробки чогось більшого. - Практикуючи розробку цих додатків, можна покращити свої навички кодування та зрозуміти, як різні частини додатка працюють разом. 🔗ПОСИЛАННЯ НА СТАТТЮ #article 👉🏼 Telegram | Youtube | LinkedIn

😂Черговий мемчанський #мем 👉🏼 Telegram | Youtube | LinkedIn

Oh My Git!🤭 Це інтерактивна гра, яка допомагає користувачам навчатися та візуалізувати структури Git-репозиторіїв у реальному часі. Гра відображає зміни, що відбуваються в репозиторії, коли гравець виконує різні дії, що робить навчання Git більш наочним і зрозумілим. Пограти в неї можна на сайті або завантажити собі локально з GitHub. 👉🏼 Telegram | Youtube | LinkedIn

😂я кожен ранок #мем 👉🏼 Telegram | Youtube | LinkedIn

Метод string.includes() 👀 Використовується для перевірки, чи містить рядок певну підрядок. Він повертає true, якщо підрядок знайдено в рядку, і false — якщо ні. Параметри: - searchString: Підрядок, який потрібно знайти в рядку. - position (необов’язковий): Позиція в рядку, з якої починається пошук. За замовчуванням це значення дорівнює 0, тобто пошук починається з початку рядка. Особливості: - includes() чутливий до регістру, тому "world" і "World" вважаються різними підрядками. - Якщо searchString є порожнім рядком, метод завжди поверне true. Приклади:

const str = "Hello, world!"; const result = str.includes("world"); console.log(result); // Виведе true

const str = "The quick brown fox jumps over the lazy dog."; const result = str.includes("lazy", 10); console.log(result); // Виведе true

const email = "user@example.com"; if (email.includes("@")) { console.log("Valid email address"); } else { console.log("Invalid email address"); }

👉🏼 Telegram | Youtube | LinkedIn

😂Черговий мемчанський #мем 👉🏼 Telegram | Youtube | LinkedIn

😂Черговий мемчанський #мем 👉🏼 Telegram | Youtube | LinkedIn

Метод parseFloat() 🤓 Це вбудований метод в JavaScript, який використовується для перетворення рядка на десяткове число (з плаваючою комою). Він аналізує рядок і повертає число з плаваючою комою, якщо це можливо. Якщо перший символ у рядку не може бути перетворений на число, метод повертає NaN. Особливості: • Метод повертає найбільше можливе значення, якщо введене число перевищує максимальне значення, яке може бути представлено в JavaScript. • parseFloat() ігнорує пробіли на початку рядка, але не на кінці. • Якщо рядок починається з цифри або знаку +, -, він буде інтерпретований як частина числа. Приклади: Текст після числа:

const num = parseFloat("3.14abc"); console.log(num); // Виведе 3.14, текст "abc" буде проігнорований

Текст перед числом:

const num = parseFloat("abc3.14"); console.log(num); // Виведе NaN, оскільки рядок не починається з числа

Робота з параметрами URL: Якщо ви отримуєте дані з URL, наприклад, для побудови графіка з переданими параметрами координат, вам потрібно перетворити ці дані на числа.

const urlParams = new URLSearchParams(window.location.search); const x = parseFloat(urlParams.get('x')); const y = parseFloat(urlParams.get('y')); // Побудова точки на графіку drawPoint(x, y);

Обробка даних з API: Припустимо, ви отримуєте дані з API у форматі JSON, де числа можуть бути передані як рядки. parseFloat() допоможе вам перетворити ці рядки на числа для подальших обчислень.

fetch('https://api.example.com/data') .then(response => response.json()) .then(data => { const temperature = parseFloat(data.temperature); const humidity = parseFloat(data.humidity); console.log(`Temperature: ${temperature}°C`); console.log(`Humidity: ${humidity}%`); });

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

const element = document.getElementById("box"); const widthStr = window.getComputedStyle(element).width; // Наприклад, "100.5px" const width = parseFloat(widthStr); const newWidth = width * 2; // Збільшити ширину вдвічі element.style.width = `${newWidth}px`; console.log(`New width: ${newWidth}px`); Витяг числових значень з масиву рядків: const stringNumbers = ["3.14", "2.71", "1.618"]; const floatNumbers = stringNumbers.map(num => parseFloat(num)); console.log(floatNumbers); // Виведе [3.14, 2.71, 1.618]

Вище наведені приклади використання методу parseFloat() в різних ситуаціях, від більш простих до повсякденних справжніх робочих задач, що можуть траплятися вам😉 👉🏼 Telegram | Youtube | LinkedIn