Поки літає довбаний міг, можна подивитися як наживо верстає Бабіч 💪
👍3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Ви прокинулися? Тоді гайда на лайвкотинг! Покажу кілька хитрощів, як за допомогою CSS можна зробити те, для чого зазвичай тягнуть JS.
А ще збиратимемо кошти на потреби 1-ї ОБрСпП ім. Івана Богуна, з крутезними подарунками за донати.
Чекаю на вас!
Початок об 11:00!
P.S. Я вас ще за дві хвилинки до початку пінгану
https://youtube.com/live/53M2Y1QwSlY
А ще збиратимемо кошти на потреби 1-ї ОБрСпП ім. Івана Богуна, з крутезними подарунками за донати.
Чекаю на вас!
Початок об 11:00!
P.S. Я вас ще за дві хвилинки до початку пінгану
https://youtube.com/live/53M2Y1QwSlY
YouTube
Лайвкодинг: Меню-трансформер, карусель картинок та тултипи БЕЗ JavaScript!
Під час етеру було зібрано 12 417 гривень на потреби ЗСУ.
Посилання на репозиторій з кодом: https://github.com/serhii-babich/spacecats
Чисті HTML та CSS там, де ніхто кроку без JavaScript ступити не може? А це взагалі можливо? Якщо хочеш дізнатись, то подивись…
Посилання на репозиторій з кодом: https://github.com/serhii-babich/spacecats
Чисті HTML та CSS там, де ніхто кроку без JavaScript ступити не може? А це взагалі можливо? Якщо хочеш дізнатись, то подивись…
❤14👍8
Free React For Beginners
Знову постало питання що є проблеми з TS. А ну допоможіть мені з цим розібратися:
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка.
😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово
💡Кому цікаво чим
🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово
satisfies
, яке з'явилося в TS. 4.9💡Кому цікаво чим
satisfies
відрізняється від as
або прямого вказання типу - прошу до відео🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
YouTube
TypeScript, приведення типів і satisfies
👉 Розбираємо помилку "argument of type is not assignable to ..." та з'ясовуємо що може нове ключове слово в TypeScript: satisfies
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
👍25❤7
Free React For Beginners
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка. 😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово satisfies, яке з'явилося в TS. 4.9 💡Кому цікаво чим satisfies…
Судячи з усього, дві третини моїх глядачів на YouTube сидять на інтернеті від Київстар 😁
😁56👍7
Давайте трохи допоможемо Сергію. Там відносно не багато, але потрібно.
Я теж зараз трохи підкину.
Я теж зараз трохи підкину.
❤6
Forwarded from Той самий Бабіч (Сергій Бабіч)
Русня не втомлюється нагадувати усім, які вони насправді гниди і уєбани, а я ніколи не втомлюсь робити коштозбори для ЗСУ, аби вони ту гниль нищили й зтирали з лиця землі.
Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.
Там пару гривень вже лежить, так тона Новий Рік на лебідку, так шо вважайте, шо збираєм на ремонт з нуля.
🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X
💳Номер картки банки
5375411202918178
Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.
Там пару гривень вже лежить, так то
🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X
💳Номер картки банки
5375411202918178
❤25👍6
Прикол - тільки що знайшов на чому побудована мобільна версія Steam-у
Вгадаєте на чому він написаний?
А ось на чому: React Native, React, Axios, React Query і, напевно найцікавіше тут - MobX! А ви кажете redux, recoil...
Всім тихих вихідних!
@reactbeginners
Вгадаєте на чому він написаний?
Всім тихих вихідних!
@reactbeginners
👍15🤯2❤1
Працює - не чіпай
🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:
1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;
continue 1;
🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.
😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.
То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.
@reactbeginners
🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:
1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;
continue 1;
🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.
😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.
То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.
@reactbeginners
👍26❤7
TypeScript - викинути не можна залишити (21.12, 20:00)
😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.
🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.
📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.
Бережіть себе, допомагайте ЗСУ, скоро побачимося!
@reactbeginners
😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.
🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.
📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.
Бережіть себе, допомагайте ЗСУ, скоро побачимося!
@reactbeginners
YouTube
TypeScript - викинути не можна залишити. Кому постав сам.
👉TypeScript - переваги, недоліки. Розмова для роздумів, чи потрібен вам TypeScript на проекті.
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
👍23❤11
Forwarded from Той самий Бабіч (Сергій Бабіч)
Незамовлений Гепі Міл №51
Доброго ранку, котики! Сьогодні п'ятниця, а отже прийшов час Незамовленого Гепі Мілу. Раніше у нас в сім'ї була традиція щоп'ятниці замовляти нашим дітям по Гепі Мілу, після чого ми сідали поряд та дивилися разом кіно чи мультик. І так відбувалося щотижня. До 24.02.22. Сьогодні ми уже знову маємо можливість замовляти Гепі Міли, проте понад 500 дітей, що загинули від рук російських загарбників, уже не матимуть такої можливости ніколи. Ми ж з вами можемо вшанувати їхню пам'ять, допомігши тим дітям, що потребують допомоги тут і зараз.
#НезамовленийГепіМіл — це один внесок від однієї людини. 135 гривень — це вартість одного Гепі Мілу. Не 200, не 500, не 10000. Рівно 135. Минулого разу ми разом з вами зібрали 7 830 гривень, згуртувавши таким чином 58 добродіїв! А від початку року ми разом з вами зібрали та передали уже 566 517 гривень!
Зібрані протягом тижня кошти я передаю до чернівецького дитячого центру "Мрія Марти" (Місто Добра).
Дякую вам, котики.
💖 Подарували Гепі Міл? Поставте серденько та поширте сей допис.
***
1 добродій = 1 Гепі Міл = 135 гривень.
Реквізити банки Незамовленого Гепі Мілу:
🔗 https://send.monobank.ua/jar/9B34YovBRP
💳 5375411204247873
Доброго ранку, котики! Сьогодні п'ятниця, а отже прийшов час Незамовленого Гепі Мілу. Раніше у нас в сім'ї була традиція щоп'ятниці замовляти нашим дітям по Гепі Мілу, після чого ми сідали поряд та дивилися разом кіно чи мультик. І так відбувалося щотижня. До 24.02.22. Сьогодні ми уже знову маємо можливість замовляти Гепі Міли, проте понад 500 дітей, що загинули від рук російських загарбників, уже не матимуть такої можливости ніколи. Ми ж з вами можемо вшанувати їхню пам'ять, допомігши тим дітям, що потребують допомоги тут і зараз.
#НезамовленийГепіМіл — це один внесок від однієї людини. 135 гривень — це вартість одного Гепі Мілу. Не 200, не 500, не 10000. Рівно 135. Минулого разу ми разом з вами зібрали 7 830 гривень, згуртувавши таким чином 58 добродіїв! А від початку року ми разом з вами зібрали та передали уже 566 517 гривень!
Зібрані протягом тижня кошти я передаю до чернівецького дитячого центру "Мрія Марти" (Місто Добра).
Дякую вам, котики.
💖 Подарували Гепі Міл? Поставте серденько та поширте сей допис.
***
1 добродій = 1 Гепі Міл = 135 гривень.
Реквізити банки Незамовленого Гепі Мілу:
🔗 https://send.monobank.ua/jar/9B34YovBRP
💳 5375411204247873
❤10👍3
На оголошення премії ДОУ я мабуть уже не дочекаюся, тож пропоную зробити нам свою власну:
🥇Оголошується відбір на премію - найкорисніша бібліотека/фреймворк для вивчення у 24році.
🗓 Порядок такий:
До 27.12 пишіть ваш варіант у коментарі під цим постом який може включати до трьох технологій.
27.12 я викладу голосування для п'ятірки найбільш згадуваних технологій
29.12 оголосимо переможця, якого виберете ви.
І, можливо, зроблю на переможця відео огляд 😎
✉️Поширюйте щоб до нас доєдналося якомога більше людей)
Зробимо власну премію разом!
@reactbeginners
🥇Оголошується відбір на премію - найкорисніша бібліотека/фреймворк для вивчення у 24році.
🗓 Порядок такий:
До 27.12 пишіть ваш варіант у коментарі під цим постом який може включати до трьох технологій.
27.12 я викладу голосування для п'ятірки найбільш згадуваних технологій
29.12 оголосимо переможця, якого виберете ви.
І, можливо, зроблю на переможця відео огляд 😎
✉️Поширюйте щоб до нас доєдналося якомога більше людей)
Зробимо власну премію разом!
@reactbeginners
❤7
Результати першого дня Премії Найкорисніша Бібліотека/Фреймворк у 2024 році
👉Зібрав у список ваших номінантів на премію, додав посилання та коротенький опис для зручності.
htmx - "Динамічний" HTML (1)
react-query - хуки для роботи з асинхронними даними (але не тільки) (3)
webflow no-code білдер для веб сторінок (2)
JQuery Mother of all code (1)
Mootools Інша версія JQuery (1)
TensorFlow - Машинне навчання (1)
Django -Звільнений Фреймворк для веб розробки на Пітоні (1)
Next.JS - Фреймворк для веб розробки на React (1)
XState - Cтейт менеджер для фронтенд застосунків
SolidJs - Бібліотека для створення фроненду, схожа на React
sveltekit - UI фреймворк на Svelte
Пропонуйте свої варіанти або підтримуйте вже існуюч під постом за цим посиланнямі!
@reactbeginners
👉Зібрав у список ваших номінантів на премію, додав посилання та коротенький опис для зручності.
htmx - "Динамічний" HTML (1)
react-query - хуки для роботи з асинхронними даними (але не тільки) (3)
webflow no-code білдер для веб сторінок (2)
JQuery Mother of all code (1)
Mootools Інша версія JQuery (1)
TensorFlow - Машинне навчання (1)
Django -
Next.JS - Фреймворк для веб розробки на React (1)
XState - Cтейт менеджер для фронтенд застосунків
SolidJs - Бібліотека для створення фроненду, схожа на React
sveltekit - UI фреймворк на Svelte
Пропонуйте свої варіанти або підтримуйте вже існуюч під постом за цим посиланнямі!
@reactbeginners
❤13👍3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Angular насправді для джуніорів?! Vue кращий за React?! Можна нічого не вчити і все на світі знати?! Бабіч, схаменися!
А й не подумаю! І за три хвилини вже почнеться етер, на якому будемо разом з Олексієм Павленком та Павлом Зубенком розповідати про свій досвід й обговорювати це усе наживо.
І, звичайно ж, будемо збирати кошти для ЗСУ, цього разу на придбання мобільного будиночку (або ж трейлеру) для розрахунку ППО.
Заходьте вже!
https://youtube.com/live/cQKI6kwHPWg
А й не подумаю! І за три хвилини вже почнеться етер, на якому будемо разом з Олексієм Павленком та Павлом Зубенком розповідати про свій досвід й обговорювати це усе наживо.
І, звичайно ж, будемо збирати кошти для ЗСУ, цього разу на придбання мобільного будиночку (або ж трейлеру) для розрахунку ППО.
Заходьте вже!
https://youtube.com/live/cQKI6kwHPWg
YouTube
Дивовижний світ веброзробки // Сергій Бабіч, Олексій Павленко, Павло Зубенко
Дякую усім за перегляд та участь в коштозборі! Під час етеру та протягом вихідних було зібрано 6 969 гривень! Наразі банку, вказану під час трансляції, вже розбито.
Долучитися до подальшого збору ви можете в постійно діючій банці:
https://send.monobank.…
Долучитися до подальшого збору ви можете в постійно діючій банці:
https://send.monobank.…
👍14🔥5