Все про JavaScript | Wannabe School

Просто хочемо нагадати вам, що ми завжди відкриті до будь-якого фідбеку та ваших пропозицій 😉 Отримали відгук на лекцію Загальні основи React та побажання щодо наступної теми. Tailwind CSS? А дійсно, чому б і ні! Ідей для лекцій у нас багато, але ми завжди готові поставити у пріоритет те, що цікаво в першу чергу вам. Отже, Tailwind CSS від 0 до сучасної верстки вже на сайті 🚀 Про що розповідаємо? • робота Tailwind CSS під капотом, базові стилі, динамічні значення • конфіг та кастомні кольори, плагіни для конфігу • функція зміни тону кольору • псевдокласи та як працює group • що таке ring і до чого тут outline А також розбираємо: • роботу із станами елементів • вирішення конфліктів між класами • систему шрифтів та типографію • реалізацію темної теми • використання container • комбінування Tailwind із традиційним CSS • тощо Повний опис лекції на сайті, переходь та приєднуйся до перегляду 👀 @wannabe_javascript #frontend #tailwindcss

Друзі, на нашому сайті стартували Black Friday & Cyber Monday знижки на лекції. Знижка -30% діє на усі опубліковані лекції: • Загальні основи React та нововведення версії 19 • Загальні основи Vue 3 та його головних бібліотек • Tailwind CSS від 0 до сучасної верстки Знижки тривають до 02.12 включно. Поглиблюй свої знання із Wannabe School 🔥 @wannabe_javascript

Занадто багато епічності для написання багів 😄 @wannabe_javascript

Чим більше дивишся, тим більше не хочеш бачити 😄 @wannabe_javascript

"AI забере нашу роботу" Тим часом AI: @wannabe_javascript

Ще один цікавий підхід динамічних значень в TailwindCSS через дата-атрибути. @wannabe_javascript #tailwindcss

Prisma vs Drizzle ORM (діліться вашими pros & cons в коментарях)

Цікавий підхід реалізації динамічних значень в TailwindCSS. Що скажете? @wannabe_javascript #tailwindcss

Головні “болі” JavaScript В нашому останньому блог пості ми розглядали рейтинг фіч JavaScript, які є фаворитами розробників. А тепер час обговорити протилежне - що девелоперам не подобається найбільше. 🏆 Думаємо, трійка лідерів нікого не здивує, адже на статичну типізацію, ESM & CJS та дати скаржиться ледь не кожний розробник. Що ще увійшло в десятку “антифаворитів” та чому, детально розповідаємо у нашому новому блог пості. @wannabe_javascript #javascript

Який буде результат у консолі?

Друзі, перешкод до появи цієї лекції було безліч: відсутність світла, спроби записати на генераторі, несправності із технікою, невдалі дублі, проте попри все вона готова - наша нова Лекція “Загальні основи Vue 3 та його головних бібліотек” 🥳 Після перегляду лекції ви: • опануєте основний функціонал Vue 3 та його бібліотек • зможете самостійно створювати нескладні додатки • дізнаєтеся, як насправді виглядають компоненти після компіляції у звичайний JavaScript • ознайомитеся із різними варіантами написання компонентів у Vue: Composition API та Options API • опануєте головні директиви, функції та макроси • зможете використовувати Vue Router, Pinia, Vee Validate, VueUse, TailwindCSS • тощо Для кого підійде лекція, а також структуру ви можете переглянути на сторінці лекції. І це ще не все! Ми даруємо промокод на знижку 10% на купівлю цієї лекції - VUE10. Термін його дії обмежений, він працюватиме лише перші 24 години після анонсу (до 28 серпня 11:00 за Києвом). Долучайтеся до перегляду та обовʼязково залишайте свій фідбек 🤝 @wannabe_javascript

Що таке IIFE та для чого він потрібен?

Фічі JavaScript, про які ви могли не знати State of JS 2023, один з найочікуваніших щорічних звітів про розвиток JavaScript, опублікував оновлену інформацію про актуальні фічі. Тепер ми маємо свіжий рейтинг фіч, що використовуються найбільше, серед яких: фічі синтаксису, фічі string, фічі array, фічі асинхронності. Детальний опис та приклади використання читайте у нашому блозі. @wannabe_javascript #javascript

За результатами State of JS 2023 усі наведені фреймворки опинилися у зоні негативних відгуків від людей, які пройшли опитування. Окрім одного, який змістився у сторону позитивного ставлення. Як гадаєте, хто саме?

Починаючи проєкт на React або Vue, кожного разу виникає питання, куди складати файли, бо у нас може бути багато компонентів, утилітарних функцій, стилів тощо. Із варіантів архітектури проєкту частіше за все ми обираємо серед: 🔥Пласкої архітектури 🔥Модульної архітектури 🔥Feature Sliced Design 🔥Мікрофронтендів Давайте розберемо плюси та мінуси кожної з них, та визначимося, для яких проєктів їх краще обирати. @wannabe_javascript #frontend

Який із наведених фреймворків працює напряму із браузерним API, оминаючи Virtual DOM?

Повертати власний проміс тепер зручніше з Promise.withResolvers() Доволі частий випадок, коли треба повертати проміс та виповнювати resolve або reject власноруч. Наприклад, коли у нас є синхронна функція на колбеках, але ми хочемо перетворити її на проміс. return new Promise((resolve, reject) => { someSyncFunc((result) => { if (result === 'success') resolve(); else reject(); }); }); Такий вид запису є не дуже зручним, тому для спрощення подібного коду в JavaScript з'явився метод Promise.withResolvers(). А про використання та підтримку цього нового методу розповідаємо у нашому блозі. @wannabe_javascript #javascript

Як перевірити чи може девайс працювати з :hover?

Друзі, разом із сайтом ми анонсуємо наш перший навчальний продукт - бібліотеку лекцій 🥳 Цей формат має свої переваги: • миттєвий доступ до матеріалу: лекція стає доступною до перегляду одразу після покупки • економія часу: кожна лекція - це концентрат інформації, яка викладається протягом 60-90 хвилин • різноманіття тем: бібліотека буде містити лекції з різних тем, що дає можливість обирати та купляти тільки релевантні відеоматеріали А щоб ви самостійно у цьому переконалися, на сайті вже доступна до перегляду перша лекція - Загальні основи React та нововведення версії 19 🚀 Що ми розглянемо у лекції: • основний функціонал React • нововведення версії 19 • хуки React, як-от useState і useEffect, та функції, як, наприклад, forwardRef і createContext • використання React Router, TailwindCSS, TanStack Query тощо А більше деталей по наповненню лекції - на нашому сайті. Поглиблюйте свої знання разом із Wannabe School 😎 @wannabe_javascript #бібліотеки