JavaScript'er

☕Кав'ярня програміста - авторський канал баристи, який перейшов в IT Тут автор лампово пояснює за мови програмування, розповідає інсайди та факапи з роботи, а також дає стусана під зад, тим хто тільки починає✌️ Хутчіш заварюй свою каву та підписуйся: @coffee_prog

🔝Сьогодні дізнаємося як за допомогою CSS перетворити звичайний текст на елегантний макет з колонками, як у газеті Ми розберемося, як використовувати властивості columns та column-rule , щоб організувати вміст сторінки більш привабливо та читабельно. Про властивості Властивість columns CSS дозволяє легко розділити текст на кілька колонок, роблячи читання на довгих сторінках більш комфортним. Ця властивість є шорткатом для column-width (ширина колонки) та column-count (кількість колонок), дозволяючи задавати їх одним рядком.

 .columns {
columns: 2 200px; /* Ширина колонки 200px та кількість колонок 2 */
column-gap: 40px; /* Встановлюємо проміжок між колонками */
}

Властивість column-rule додає розділову лінію між колонками, що надає макету додаткової вишуканості та структури. Воно працює подібно до border , але застосовується між колонками.

 .columns {
column-rule: 2px solid #333; /* Додає розділову лінію між колонками */
}

Висновок Використання властивостей columns і column-rule CSS може значно прискорити процес створення адаптивних колонок. JavaScript'ер

👩‍💻Робимо різні фігури з картинок CSS-властивість clip-path створює обмежену область, яка визначає яка частина елемента має бути видимою. Частини, які знаходяться всередині області, є видимими, а частини поза областю приховані. Якщо хочете створювати будь-які фігури з картинок, тримайте посилання на офіційний сайт Clip Path, там можна як користуватися шаблонами, так і робити власні фігури. Як перший приклад, залишаю код для створення хреста з картинки:

img {
width: 280px;
height: 280px;
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

JavaScript'ер

🚀 FRONTEND ТА FULLSTACK: ПЛАН ОСВОЄННЯ ПРОФЕСІЙ 🪐 Хей-хей! На зв'язку планета Mate academy! Вже у цей вівторок проведемо безоплатний вебінар, де розберемо найбільш хвилюючі питання початківців та розкажемо, як з нуля стартувати в IT Frontend / Fullstack спеціалісту. 📝Про що поговоримо? 📌 Чому Frontend (аналітика вакансій, зарплат, конкуренції тощо) 📌 З чого краще починати: JavaSсript, HTML/CSS 📌 Як освоїти GIT + GITHUB 📌 Frameworks: React vs Angular vs Vue. Що справді потрібно роботодавцям 📌 Де шукати безкоштовні ресурси 📌 Що таке Fullstack та чи він кращий? 🗓 Коли: 12 березня о 19:00 👉 Тицяй кнопку нижче або переходь за посилання для реєстрації: mate.academy/webinars/frontend_fullstack

🥸Питання із співбесіди Різниця між function declaration та function expression? Відповідь: Function Declaration: • Використовується ключове слово function на початку рядка коду. • Зазвичай використовується для створення функцій, які мають бути доступні у всьому поточному контексті виконання (наприклад, усередині будь-яких блоків коду у поточному скрипті). • Функції, оголошені таким чином, піднімаються вгору в області видимості, що означає, що вони можуть бути викликані до фактичного оголошення функції в коді. Function Expression: • Функція надається змінною як значення. • Зазвичай використовується для створення анонімних функцій або функцій, які мають бути доступні лише в межах певного контексту виконання. • Функції, створені таким чином, не піднімаються вгору в області видимості (hoisting), їх можна викликати лише після того, як вони були надані змінною. JavaScript'ер

😉Підклас "зум-дзвіни" JavaScript'ер

🚀 FRONTEND ТА FULLSTACK: ПЛАН ОСВОЄННЯ ПРОФЕСІЙ 🪐 Хей-хей! На зв'язку планета Mate academy! Вже у цей вівторок проведемо безоплатний вебінар, де розберемо найбільш хвилюючі питання початківців та розкажемо, як з нуля стартувати в IT Frontend / Fullstack спеціалісту. 📝Про що поговоримо? 📌 Чому Frontend (аналітика вакансій, зарплат, конкуренції тощо) 📌 З чого краще починати: JavaSсript, HTML/CSS 📌 Як освоїти GIT + GITHUB 📌 Frameworks: React vs Angular vs Vue. Що справді потрібно роботодавцям 📌 Де шукати безкоштовні ресурси 📌 Що таке Fullstack та чи він кращий? 🗓 Коли: 12 березня о 19:00 👉 Тицяй кнопку нижче або переходь за посилання для реєстрації: mate.academy/webinars/frontend_fullstack

✔️MacOSBigSurWeb – Веб-імплементація інтерфейсу MacOS Big Sur. Реалізована використовуючи Svelte. Мови : Svelte (64.1%), TypeScript (29.8%), SCSS (3.9%), … JavaScript'ер

🥸Що таке цикл подій (event loop) та як він працює? Двигун браузера виконує JavaScript в одному потоці. Для потоку виділяється область пам'яті - стек, де зберігаються фрейми (аргументи, локальні змінні) функцій, що викликаються. Список подій, що підлягають обробці, формує чергу подій. Коли стек звільняється, двигун може обробляти подію з черги. Координування цього процесу відбувається в event loop. Це, власне, нескінченний цикл, у якому виконуються численні обробники подій. Якщо черга порожня - двигун браузера чекає, коли надійде подія. Якщо не порожня — перша у ній подія витягується і її обробник починає виконуватися. І так до безкінечності. Python'er

😄Такі і працюємо JavaScript'ер

✨Шпаргалка з альтернативними способами (які не змінюють вихідний масив) для 9 методів, що мутують *Мутують методи масиву - це методи, які при використанні на масиві змінюють його JavaScript'ер

👩‍💻Чуйна сітка CSS Grid одним рядком коду Використовуючи Grid, ми можемо створити чуйний набір стовпців, які створюють самі себе за необхідності.

 .container {
max-width: 1000px;
width: 100%;
display: grid;
/* той самий рядок 👇 */
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 32px;
}

JavaScript'ер

😇Бекендер намагається в CSS JavaScript'ер

⚡️Новина для IT-фахівців, які хочуть більшого А також для тих, хто: - Мріє перейти в IT та збудувати карʼєру - Закінчує 4 курс та обирає магістратуру 💙💛Тепер в Україні можна отримати європейський ступінь IT-магістра онлайн [Master of Science in Computer Science]. Магістратура GoIT Neoversity — це: ◽Сучасна вища освіта за напрямами: Software Engineer, Data Science, Cybersecurity. ◽Диплом, що визнано в 50+ країнах: ЄС, США, Канада. ◽Гнучке навчання 100% онлайн. ◽Досвід кращих практиків IT: Ciklum, Facebook, EPAM тощо. 🤝Дізнатись більше: https://i.goit.global/VyWkk

🤯Що за магія тут відбувається JavaScript'ер