Понеділок, а значить — читаємо і вивчаємо крутий щотижневий дайджест з цікавими матеріалами зі світу фронтенда від Олександра Смолянінова з компанії Zfort Group 🙌

За лінком 👉 https://dou.ua/goto/rmhH

#Digest

Сумували за нашим форматом лайвкодингу? 😏
Анонсуємо другий випуск з неповторним Юрієм Артюхом 🚀
12 вересня о 19:00 поговоримо про 3D анімацію в етері цього телеграм каналу. Як завжди, буде цікаво!
Якщо є побажання або питання — пишіть в подію 👨🏻‍💻

Спільното, нагадуємо про можливість приєднатись до Frontend AI Fwdays Meetup, який пройде 7 вересня у Києві 🥰

Поговоримо про AI, способи його інтеграції та застосування.
Усі кошти від заходу будуть передані на збір від DOU та KOLO 🙌

📅 Дата та час: 7 вересня (четвер) о 18:00 (GMT +3).
🌍 Місце: вул. Паньківська, 14.
🎙 Мова: українська.

Роман Лютіков (Software Engineer в Pitch) поділиться своїм досвідом дослідження та роботи з різними видами штучного інтелекту.
Андрій Моховик (Team Lead в Wix Editor) продемонструє реальні приклади технічної реалізації, виклики та перешкоди, які можуть виникнути під час інтеграції штучного інтелекту.

Frontend AI Fwdays Meetup – ще одна можливість підтримати ЗСУ, отримати нові знання та зустрітись з однодумцями 🤗

Приєднатись 👉 https://bit.ly/44hVfpD

🔍 Нові Front-End вакансії

Middle front-end (JavaScript / Svelte) в продуктовій компанії в Entriwise, до $2600, віддалено
👉 https://dou.ua/goto/NLCh

Senior React Front End Developer в УКРНЕТ, Київ
👉 https://dou.ua/goto/stpU

Junior Strong VueJS Engineer в Artelogic, Львів
👉 https://dou.ua/goto/EcdJ

Middle Frontend ReactJS Developer в FansCRM, Дніпро, віддалено
👉 https://dou.ua/goto/H4qi

Senior Frontend (Electron.js) Engineer в Impressit, Львів
👉 https://dou.ua/goto/2YSR

Вже бачили, що Node.js в останньому оновленні додали вбудовану підтримку .env-файлів? І це після того як з'явилося API для тестування. Раніше для цього використовували сторонні рішення: test-фреймворки, управління env-змінними і т. п.

Як вважаєте, це через появу конкурента Deno чи є інші причини? 🤔

Перша мажорна версія одного з "убивць" Node.js, Bun, анонсована на вчорашній вечір, не релізнулась через баги. Перший млинець нанівець, як то кажуть 😅

Очікується, що Bun 1.0 вийде сьогодні ввечері. Про це можете прочитати у твітері одного із творців інструменту Jarred Sumner.

Як заявляють розробники, Bun — швидке середовище виконання JavaScript із вбудованою підтримкою TypeScript і JSX, власним бандлером і інструментом для запуску тестів.

Чекаєте? 👍 / 👎

UPD: Є реліз — https://bun.sh/blog/bun-v1.0

Нічого не плануйте на вечір 12 вересня, адже ми проводимо Livecoding! Юрій Артюх, CTO of Coderiver, Front-end developer та автор YouTube-каналу, розкаже про створення 3D анімації.

Буде цікаво, тож приєднуйтесь! 👉 https://dou.ua/goto/HBHe

Проаналізували розподілення чоловіків та жінок у Front-end розробці 🤔

Найбільше жінок серед фронтендерів з досвідом до одного року. Цікаво буде переглянути динаміку через рік!

«Destroy, відписка»: патерни відписок в Angular і новий спосіб, аби робити це якнайкраще

Ярослав Ларін, Senior Web Developer та тренер в Luxoft розповідає про нові фічі Angular, а саме — патерни відписок, а також переконує нас, що з оновленням до Angular 16 зволікати не варто 👉 https://dou.ua/goto/8xaW

#Angular

Реліз Bun 1.0: вбивця Node.js чи хоча б конкурент Deno?

Автори заявляють, що мета Bun проста: усунути повільність і складність, не відкидаючи при цьому все найкраще, що є в JavaScript. Чи це так? Вже встигли протестувати? Коментуйте 👉🏻 https://dou.ua/goto/JsoR

#Bun #JavaScript

Щотижневий дайджест з цікавими матеріалами зі світу фронтенда від Олександра Смолянінова з компанії Zfort Group 🔥

👉 https://dou.ua/goto/DqlO

#Digest

P.S. Так, тут теж без Bun не обійшлось 😅

Спільното, вже завтра відбудеться наш Livecoding 🚀

Приготуйтесь нотувати лайфхаки з 3D анімації на javascript + glsl 😎

Діліться з колегами, відмічайтесь в події та очікуйте на зустріч о 19:00 в етері цього телеграм каналу!

🔍 Нові Front-End вакансії

Shopify Developer в Sintra Digital Business, $2000–3500, Дніпро, Ряшів (Польща), віддалено
👉 https://dou.ua/goto/WjCJ

HTML5/JS Developer (slots) в Twin Win Games, Київ
👉 https://dou.ua/goto/ewCM

Junior+/Middle Angular Developer в Digis, віддалено
👉 https://dou.ua/goto/ax1X

Front-end Developer (Vue.js) в CLARYFI, Варна (Болгарія), віддалено
👉 https://dou.ua/goto/B10D

Frontend Developer в ROOM4, $4000–5900, віддалено
👉 https://dou.ua/goto/aNsm

Ми починаємо livecoding! Приєднуйтесь 😎 https://xn--r1a.website/frontend_dou?livestream

Говоримо про з 3D анімації на javascript + glsl. Свої запитання по темі можна поставити в коментарях до цього допису або підняти ручку і сказати голосом 😉

🗣 Спікер: Юрій Артюх, CTO of Coderiver, front end developer, streaming livecoding on his youtube

❗️Запис обов'язково буде, опублікуємо згодом

Вчора провели лайвкодинг, а сьогодні публікуємо для вас запис 🔥📺

Юрій Артюх, CTO of Coderiver, front end developer, розказав та показав, як робити 3D анімацію на JS 😎

Запис із таймкодами за лінком 👉 https://dou.ua/goto/C5aG

#LiveCoding

Box model 📦

Давайте про щось просте, але обов'язкове до вивчення.

Box model - це одна з фундаментальних концепцій у HTML/CSS. Вона пояснює, як будується кожен елемент на веб-сторінці та як обчислюється їх розмір. Отож, box model передбачає кілька різних компонент, про які зараз і поговоримо.

Content - це власне те, що ви і хочете показати, наприклад, текст, зображення чи інше медіа, саме серце елемента. Уявіть, що це будинок, розташований на вашій території.

Padding - це простір між вашим контентом та рамкою елемента. Задавати цю відстань можна через однойменний CSS параметр. Якщо ваш будинок - це контент, то газон чи подвірʼя від будинку і до паркану - це паддінг.

Border - це, власне, рамка, лінія, що оточує контент та паддінг вашого елемента. Ви можете конфігурувати її ширину, колір та стиль. Як ви вже напевно здогадались, border - це паркан навколо вашого будинку.

Margin - це простір між рамками різних елементів. З допомогою цієї компоненти ви можете конфігурувати відстань між елементами. За тією ж аналогією, margin - це простір між вашим парканом і парканами сусідів.

#interview

Розіслали вересневу Front-end розсилку, перевіряйте ваші e-mail 😎📩

А щоб отримувати її, підписуйтесь на спільноти на сайті DOU в налаштуваннях профілю!