Обложка канала

Wise.js | Frontend tips

2982 @frontend_tips
Открыть

Авторский канал по Frontend разработке, здесь вы найдёте: полезные туториалы 📖; советы из личного опыта 📌; задачи с собеседований 📝; новости в мире web 📅; разбор сложных моментов 🔬 и многое другое.

  • Wise.js | Frontend tips

    Вітаю спільното, запрошую всіх в чат React українською! Чекаю всіх бажаючих тут: https://t.me/reactjsukraine

  • Wise.js | Frontend tips

    Київ. Харків. Запоріжжя. Львів. Житомир. Дніпро. Вся Україна. Під обстрілами. Потужні Вибухи. Прямо Зараз. Вже 4 години. Наймасовіший обстріл України за всю війну. Українці! Давайте направимо нашу злість у правильне русло🙏. Мій земляк, Олександрієць, наразі збирає кошти на авто для херсонського напрямку. Ми будемо дуже вдячні Кожному незалежно від суми. Неважливо чи 5 гривень, чи 100 - все це величезна підтримка наших захисників. Все буде Україна 🇺🇦 Банка для донату: https://send.monobank.ua/jar/6p8iiDpzz5

  • Wise.js | Frontend tips

    Привіт, Друзі 👋 Знаю, ми всі стомилися від війни, але ворог не відпочиває, і ми все ще дуже потрібні нашим захисникам. Прошу доєднатися в зборі грошей на авто для інтернаціонального добровольчого батальйону ЗСУ 🇺🇦, в якому служить чоловік моєї гарної знайомої. Авто на передовій - це предмет першої необхідності, їх обстрілюють, вони ламаються. Якщо у вас є бажання долучитися - буду вдячний, будь яка сума наблизить нас до перемоги. Кошти з останніх благодійних консультацій йдуть сюди. Реквізити: Приват Банк: 5169 3600 0866 2086 Романенко Катерина Володимирівна Банка в Монобанк: https://send.monobank.ua/jar/4uyGiAz3SC Звіт буде тут: https://www.instagram.com/p/CfCAu89t042/

  • Реклама

  • Wise.js | Frontend tips

    Благодійні консультації по Frontend повертаються 🚀 Коли? Субота, 18.06.22 За донат на потреби ЗСУ, тобто це може бути будь-яка комфортна для вас сума. Той, хто скине найбільший донат – потрапить безкоштовно на мій воркшоп. Минулого разу нам вдалося зібрати 5 000 гривень. Кошти були перераховані на придбання амуніції для наших воїнів. Консультації доступні для всі бажаючих українців🇺🇦. Залишаю посилання на реєстрацію: https://forms.gle/mPena8sNfXVeJvbDA ❗Після заповнення реєстрації вам на пошту надійде посилання для бронювання часу. Донатити: https://send.monobank.ua/jar/5FCUED6Udi (Куди і на що пішли кошти обовʼязково доповім в телеграм https://t.me/frontend_tips)

  • Wise.js | Frontend tips

    Привіт, Друзі 👋 У суботу (4.06.22) о 10:30 відбудеться мій перший лайв-воркшоп для Патронів. Деталі та реєстрація доступна за посиланням: https://www.patreon.com/wisejs Всі кошти з Patreon йдуть на допомогу ЗСУ та діткам з окупованих територій. Підтримуй українське🇺🇦

  • Wise.js | Frontend tips

    Привіт, Друзі 👋 Даю невеличкий звіт по консультаціям: ☑️ З усіх, хто записався, прийшло ~35% людей. Ті, хто забронював слот, але не прийшов - просто згаяли мій час і не дали можливість отримати консультацію іншим. ✅ Багато з тих, хто прийшов, отримали вдвічі більше часу на свої питання. ☑️ Майже всі питання повторювались. У програмістів з досвідом: Куди розвиватись. Як підвищити свою ЗП та кваліфікацію. Де шукати мотивацію. У програмістів без досвіду: Ситуація на ринку. Перша робота. Розбір резюме та проходження співбесід. ✅ Планую провести стрім на Youtube, де широко розкрию ці питання. 🎯 З донатів на консультаціях вдалось зібрати 4750 гривень! Дякую всім, хто ви вирішив підтримати мою ініціативу. Зібрані кошти відправив на Frontline.Care. Звіти можна дивитись на сторінці в Facebook та Instagram

  • Wise.js | Frontend tips

    UPD: Всі слоти заброньовано. Друзі, я вирішив надати безкоштовні консультації по Frontend. Кожен, хто навчається, перебуває в пошуку робити або просто потребує консультацію від мене, зараз має можливість її отримати. Час можна зарезервувати за '_blank' rel='noreferrer nofollow' href='https://zeeg.me/maks/free-frontend-ua?calendar_type=gregorian&month=2022-5'>посиланням: https://zeeg.me/maks/free-frontend-ua?calendar_type=gregorian&month=2022-5 Консультаціі виключно для українців 🇺🇦 Безкоштовно / донат на потреби ЗСУ за бажанням. Донатити: https://send.monobank.ua/jar/5FCUED6Udi (Куди і на що пішли кошти обовʼязково доповім в телеграм)

  • Wise.js | Frontend tips

    Привіт, Друзі 👋 Повертаюсь до своїх соцмереж. Віднині цей канал, всі мої публікації і відео будуть українською. Так як більшість спільнот в телеграм не є україномовними, тож я вирішив трохи це виправити. Будь-які запитання по React / JavaScript тепер можна поставити в чаті: https://t.me/reactjsukraine Долучайтесь до спільноти 🚀 Все буде Україна 🇺🇦

  • Wise.js | Frontend tips

    call-to-russian-it.md

    GitHub Gist: instantly share code, notes, and snippets.

    Gist

  • Wise.js | Frontend tips

    Этот пост для русской аудитории, её у меня большое количество и многие не понимают, что происходит. Украинцы и так в курсе всего, поэтому лишние комментарии для вас тут не нужны. Города Украины находятся под постоянными обстрелами, особенно Киев. Никто не звал эти войска сюда, это никакая не миротворческая миссия и это касается абсолютно всех людей, проживающих здесь. Умирают невинные люди, которые просто находятся у себя дома. Этому не может быть никакого оправдания. Если вы будете молчать, находясь в России и Беларуси думая, что это не коснется лично вас - это заблуждение. Мир никогда не будет прежним! #RussiaUkraineConflict #StandWithUkraine #PrayForUkraine

  • Wise.js | Frontend tips

    Ищу Strong Junior / Middle Frontend Developer (возможен Part-time) 💻 Основные требования: • React + Redux; • Bootstap + SCSS; • Material UI; • Git; • Внимание к деталям; • Английский не критичен; Условия работы: 🚀 Карьерный и профессиональный рост; 🚀 Возможность работать Full-time/Part-time; 🚀 Гибкий график; 🚀 100% удаленка; 🚀 Конкурентоспособная заработная плата; 🎯 Основная задача - переписать большое React приложение с Bootstrap 4 + кастомный scss на Material UI. За деталями пишите в ЛС (@maks1mp) или на почту: [email protected]

  • Wise.js | Frontend tips

    Что такое keyof typeof в TypeScript.

    Разбираемся с операторами запроса ключей - keyof и запроса типа - typeof в TypeScript на реальных примерах. А так же, какую пользу можно извлечь из использования этих двух операторов вместе. В основе keyof лежат литеральные типы, с них мы и начнем. 00:00 - Литеральные типы как основа keyof 01:09 - Запрос ключей keyof 02:08 - keyof при работе с классами 02:55 - typeof в JavaScript и в TypeScript 04:04 - keyof typeof вместе 04:41 - Используем с enum 05:50 - Пример использования с валидацией формы Больше примеров можно найти в видео о дженериках: https://youtu.be/L1ONtRnIxcY Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка! 👉 Менторство и поддержка: https://www.patreon.com/wisejs ✔️ Если хочешь изучать программирование со мной, не забудь подписаться :) https://www.youtube.com/channel/UCOxq... ✔️ Мой телеграм канал: https://t.me/joinchat/RVq-cmt6n1SJRS7Z #typescript #тайпскрипт #keyoftypeof #keyof #typeof #enum

    YouTube

  • Wise.js | Frontend tips

    🎬 Новое видео на канале: Утверждение типов в TypeScript. Type Assertion + as const. Разбираемся, что такое утверждение типов (type assertion) и чем оно отличается от их приведение типов (type casting). Смотреть по ссылке: https://youtu.be/sQaSoKZOQjM
    Утверждение типов в TypeScript. Type Assertion + as const.

    Иногда вы, как программист, можете знать о типе переменной больше, чем TypeScript может определить. Как раз для таких ситуаций и нужно использовать утверждение типов. Утверждения типа аналогичны приведению типов в других языках программирования Однако, утверждения типа в TypeScript просто позволяют компилятору знать тип переменной. Термин type casting не применим к тайпскрипт так, как система типов, включая утверждения типа и утверждения const, полностью стирается из компилируемого JavaScript. 00:00 - Что такое утверждение типов. 00:50 - Синтаксис утверждения. 01:40 - Пример использования type assertion. 03:00 - Type assertion + Object.keys(). 04:00 - Type assertion + HTML elements. 04:53 - Type assertion + Union. 05:53 - as const assertion. Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка! 👉 Менторство и поддержка: https://www.patreon.com/wisejs ✔️ Если хочешь изучать программирование со мной, не забудь подписаться :) https://www.youtube.com/channel/UCOxq... ✔️ Мой телеграм…

    YouTube

  • Wise.js | Frontend tips

    🎬 Новое видео на канале: Generic в TypeScript Постарался максимально подробно и просто объяснить как они работают. Комментарии под видео приветствуются 🙂 Смотреть по ссылке: https://lnkd.in/gSsA8v_E
    Дженерики в TypeScript с нуля: Generic, Extends, Дефолтные Параметры + Примеры Использования.

    Разбираем с одной из сложнейших тем в TypeScript - дженериками. Generic - это мощный инструмент, позволяющий описывать типа, способные работать с различными типами и структурами данных. Таймкоды: 00:00 - Зачем нужны generic типы. 01:47 - Что такое generic в TypeScript. Синтаксис дженерик типов. 02:45 - Как работают generic типы. 05:38 - Создаем простой generic для загрузки данных по API. 07:18 - Пример функции generic для работы с массивами. 09:11 - Пример функции generic для работы с объектами. 10:20 - Встроенные типы generic на примере Promise, Array, Record. 12:04 - Generic + extends. Простой пример. 13:05 - Generic + class + extends. Пример с классом. 16:28 - Generic + object. Получаем значение по ключу. 18:18 - Generic + object. Получаем ключ по значению. 21:38 - Типизация функций с множеством дженериков. 23:49 - Значения по умолчанию для generic. 24:35 - Создание собственного дженерика, аналога React.FC. Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка! 👉 Менторство и поддержка:…

    YouTube

  • Wise.js | Frontend tips

    ☑️ ПОИСК ЭЛЕМЕНТОВ С КОНЦА С помощью новых методов findLast и findLastIndex эту задачу решить очень просто. Они ведут себя точно так же, как их аналоги find и findIndex, за исключением того, что они начинают поиск с конца массива. #wise_news

  • Реклама

  • Wise.js | Frontend tips

    Разница между Интерфейсом и Типом в Тайпскрипт 2021. TypeScript Interface vs Type.

    Интерфейс и тип очень похожи между собой. С развитием Тайпскрипта разница между ними почти стерлась. И Интерфейс и Тип могут использоваться взаимозаменяемо почти во всех случаях. В этом видео мы разбираем основные отличия Interface и Type в TypeScript на практических примерах, а так же разберем некоторые моменты, которые уже не актуальны в новых версиях, а так же когда что использовать. Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка! 👉 Менторство и поддержка: https://www.patreon.com/wisejs ✔️ Если хочешь изучать программирование со мной, не забудь подписаться :) https://www.youtube.com/channel/UCOxq... ✔️ Мой телеграм канал: https://t.me/joinchat/RVq-cmt6n1SJRS7Z #typescript #тайпскрипт #interfacevstype

    YouTube

  • Wise.js | Frontend tips

    ☑️ TIPS AND TRICKS #26 Создаем разметку ссылки с помощью метода link в JavaScript. #wise_tips

  • Wise.js | Frontend tips

    ☑️ Паттерн кеширования свойств в JavaScript Обычно, для избежания тяжелых вычислений, мы используем первый вариант. Однако, в таком решении мы используем свойство и getter (2 поля). В решении №2 мы используем 1 поле getter, заменяя его на статическое свойство сразу после вычисления. #wise_tips