😔 Зміна теми лекції на 13.09.22 😔

😭 Нажаль, Сергій захворів і не зможе сьогодні провести свою лекцію, тому ми її перенесемо на суботу 17.09, або на наступний вівторок в залежності від стану здоров'я Сергія.

👀 Але ми лекцію обіцяли - ми її зробимо. Тому замість лекції про браузер у нас буде більш загальна лекція про те : - "Як писати хороший? код". Сподіваюся після цієї лекції мої колеги ще будуть зі мною спілкуватися 😅. Місце і час - ті самі, 19:00, наш YouTube канал.

Сергію бажаю швидкого одужання, а вам не хворіти. Бережіть себе і скоро побачимося.

😭Ви не повірите😭

Я також захворів і рухаюся до дому, до теплого чаю і термометру... Сьогодні у нас відбій, вибачте :(

А щоб вам не було так сумно, спробуйте вгадати яке відношення має добродій із сокирою на фотографії до написання гарного коду?

Бережіть себе і не хворійте!

Як викласти React застосунок в інтернет за допомогою GitHub Pages та GitHub Actions за 6 хвилин?

Дехто з вас вже побачив наше нове відео-інструкцію як викласти React застосунок в інтернет. І тепер у нас до вас дві пропозиції:

👉Оцініть формат. Якщо вам подобається - ставимо ❤️. Якщо не подобається - ставимо 🤯.

👉Запропонуйте свою тему. Напишіть свою тему в коментарях, а ми винесемо її на голосування і автор теми переможця отримає від мене фірмову футболку! Але пам'ятайте, що тема має стосуватися веб розробки та починатися так: "Як за 10 хвилин ..."

Чекаємо на ваші коментарі!

Оновлений розклад

👉 "Як браузер рендерить веб сторінку" by Сергій Бабіч - субота, 17.09, 19:00, наш Ютуб канал.

👉 "Як писати гарний? код" by Віталій Рубан - вівторок, 20.09 19:00, наш Ютуб канал

👉 "Світ без русні" - дата ще не вирішена але вже скоро, чекаємо разом з вами.

А поки ви чекаєте, ми розбираємося що робити з темами які ви накидали вчора. І дуже дякую всім за супер підтримку нового формату, будемо продовжувати :)

Бережіть себе та наближайте світ без русні.

❓Запитання - відповіді❓

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

❓Як за 10 хвилин інтегрувати React в існуючий проект без React
👉Питання дуже цікаве, оскільки "без React-у" означає і vanilla JS, і Angular/Vue/Svelte. Вони ж також без React, правильно? Тому відповідь буде дуже відрізнятися від вихідних умов. Відповіддю може бути як "встановити Parcel", так і "налаштувати мікрофронтенди за допомогою module federation".

❓Як за 10 хв, прийшовши на новий проект, який ти ніколи не бачив і не чув, і який не працює і має якісь помилки (к-сть яких невідома) змусити його запрацювати?
👉 Нажаль, магії не існує (пробач Роулінг). Навіть звичайне розгортання проекту який працює може займати дні, а знайти помилку в новому проекті який не працює набагато складніше. І найпростіший варіант тут - знайти того хто давно працює з проектом. Все інше - копання у логах, дебаг та страждання.

❓Як за 10 хвилин максимально точно оцінити новий проект?
👉Ніяк. На мою особисту думку оцінювати проект можна лише після того як помацав його руками хоча б кілька тижнів. Навіть очевидні костилі можуть мати раціональне пояснення. І поки ви все не спробуєте власними пальцями - ваша оцінка може не мати нічого спільного з реальністю.

❓Як за десять хвилин правильно встановити Node.JS і не розбити нічого.
👉Поставити Node.JS, зазвичай не проблема, тому що якщо щось пішло не так - можна викачати попередню версію і встановити її заново. А от якщо вам потрібно постійно перемикатися на різні версії (наприклад у вас два проекти і їм потрібні різні версії) тоді раджу подивитися в сторону nvm

❓ Як за 10 хвилин стати сеньйором
👉 Знову таки - нажаль, ніяк. Ні за 10 хвилин, ні за 10 місяців, якщо починати з початкової позиції. Тому що сеньйор це не лише вміння писати код - це прогнозування халеп, оцінка завдання, вміння зрізати кути де можна, і вміння доводити, що на аутентифікації кути зрізати не можна. Для цього потрібно багато досвіду і певний час на становлення вас як професіонала.

❓Як за 10хв освоїти react native, якщо є досвід зі звичайним React
👉І знову таки - ніяк. Так, знання React суттєво допоможе в засвоєнні React Native. Але React Native це платформа під мобільні застосунки, яка має свої особливості та обмеження (наприклад подивіться як верстається сторінка) Тому 10 хвилин на React Native це дуже мало.

Бережіть себе і побачимося в цю суботу на лекції як браузер рендерить веб сторінку.

Як браузер рендерить веб-сторінку — розповідає Сергій Бабіч

Ми поговорили про таке як будується HTML DOM, CSSOM, Render Tree. Розібрали що таке reflow та repaint, і навіть трохи зачепили оптимізацію веб сторінок. Тож, як маєте час та натхнення — раджу взяти горнятко кави або чаю та подивитися запис (важливо - в лекції є неточність, перегляньте будь-ласка опис).

А ще, окрім проведення цікавих лекцій, Сергій також активно підтримує ЗСУ і саме зараз допомагає військовим з Першої Окремої Бригади Спеціального Призначення ім. Івана Богуна готуватися до зими. Зими, що буде складною для кожного з нас, а особливо — для тих, хто захищає нас із вами на передовій, на першій та другій лініях оборони, аби ми могли вчитися або навіть просто жити. Тож, якщо у вас є бажання долучитись до коштозбору «Зима близько» — запрошую вас доєднатися донатом! І я, і Сергій, а особливо наші військові будемо вам усім надзвичайно вдячні!

Бережіть себе та допомагайте ЗСУ.

Окремо хочу подякувати пані Ірині (нажаль не знаю ніку в телеграм) яка помітила цю неточність і написала нам. Дякую!

Як писати хороший код?

👉 Сьогодні, о 19:00, на нашому YouTube, нас чекає загальна лекція про те, як писати хороший код. Ми поговоримо про те, що можна назвати хорошим кодом, очевидні і не дуже очевидні вимоги, а також буде кільки практичних порад як покращити ваш код.

😎Приклади будуть на звичайному JavaScript без прив'язки до фреймворку, тож сподіваюся будуть корисні всім.

❓До речі, як ви думаєте, яка найочевидніша ознака що почали писати кращий код?

Бережіть себе і скоро побачимося!

Ніхто не знає як писати гарний код...

😅 В теорії писати гарний код - просто, а от на практиці все трохи складніше. Своє бачення гарного коду, я спробував викласти у вчорашній лекції і запрошую вас до обговорення.

❓Або напишіть будь-ласка, чи було в цій лекції щось корисне. Тому що одна справа писати про об'єктивні речі, і зовсім інша про суб'єктивні та ще й принципові.

😊 Наші наступні плани - відео 10 хвилин про Git, і лекція про те, як написати свій React.

Бережіть себе, скоро побачимося!

Десять хвилин про Git, або Git для початківців?

👉 А у нас нове відео-коротун. На цей раз про основні команди для роботи з git - init, clone, checkout, add, commit, push, pull та merge.

❓Дехто може запитати навіщо в 22 році використовувати консоль. Відповідь проста - уміння працювати з консоллю відкриває вам чудовий світ автоматизації вашої рутини. Робите пуш, і далі вже сервер виконує ті консольні команди, що ви вказали - білд, lint, test та таке інше. А ви в цей час - насолоджуєтеся кавою.

Буду вдячний за відгуки та поширення, бережіть себе, скоро побачимося!

Про технічні інтерв'ю.

👉 Лайв стрім із Сергієм Бабічем прямо зараз

https://t.me/frontiarnia_news/68

Ми забули про Chrome Dev Tools!

👂Колись, давно давно, на одному проекті нас намагалися позбавити Chrome. Мовляв не сек'юрно, його треба окремо ставити, коротше сидіть як усі на Edge (на тому що ще не був на Chromium). І ми тоді дуже дуже впиралися і бодалися, щоб нас залишили на Chrome.

✍️А причина нашої впертості була саме в Chrome Dev Tools. Це настільки крутий інструмент для веб розробника, що переоцінити його майже не можливо. Саме тому ми анонсуємо нову лекцію про Chrome Dev Tools.

👉Ми пройдемося по табах, запустимо і поговоримо про лайтхаус, подивимося на експериментальні фічі, які трошечки заховані.

Анонс вже скоро! Бережіть себе і не забувайте про ЗСУ, їх теж треба берегти.

А пам'ятаєте ми збирали кошти на машину для WASP?

Вони про нас теж пам'ятають і прислали нам подарунки, дві росіянські кєпочки (наче офіцерські).

❤️Подумайте - хлопці воюють, але незважаючи на це знаходять час та можливість ще й про нас подумати. Тому я просто не можу залишити це просто так.

👉Саме тому я відкриваю банку на 20_000 грн на авто для WASP до якої ви можете долучитися на наступних умовах:

✍️ Найбільший донат отримує кєпку автоматично
✍️ Серед усіх інших ми розіграємо другу кєпку за принципом 50 грн - 1 шанс.
✍️ Якщо ви хочете прийняти участь у розіграші - обов'язково вкажіть контактні дані.

Розіграш відбудеться на наступному тижні під час ефіру про Chrome Developer Tools, а щоб усе було справедливо, я також приймаю участь (але без шансу виграти).

Ще раз посилання на баночку
ПБ: 4731 1856 2929 6887

Бережіть себе.

Давно хотів поговорити про швидкий веб, але все ніяк та ніяк.

☺️ Але і тут все сталося як найкраще - 30.09, о 19:00, Сергій Бабіч, Роман Савицький і я зробимо легенький, можна сказати п'ятничний, ефір про веб перформанс.

😉 Одразу хочу сказати - чогось супер складного там не буде - це просто розмова на тему. Як воно піде - сам не знаю, бо сценарію в нас немає :)

👉 Отже, кому цікаво - запрошую на трансляцію у цю п'ятницю, 30.09, о 19:00 (лінка вже веде на трансляцію, можете натиснути на нагадування, щоб не пропустити)

А ще ми збираємо кошти на колеса для WASP і вже зібрали 3930 з 20000, у кого є змога - долучайтеся!

Бережіть себе і близьких, скоро зустрінемося!

Про кєпочки...

Як ви знаєте, на ефірі про Chrome Developer Tools, ми розігруємо дві росіянські кєпочки здобуті на фронті хлопцями, для яких ми зараз проводимо збір на колеса.

Ціль достатньо амбітна, зібрати 20_000 гривень до вівторка і я розумію що нашим маленьким ком'юніті зібрати її буде важко. Саме тому маю до вас прохання: поширте/поставте лайк цьому посту в Лінкедин.

Чим більше людей побачить наш збір - тим більше шансів зібрати необхідну суму вчасно

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

Бережіть себе!

Трохи про безпеку

https://t.me/toisamyibabich/455

Давно хотів зробити це відео - аутентифікація за 10! хвилин.

🥸 Аутентифікація річ не проста, але за допомогою сучасних інструментів її базову версію можна імплементувати всього за 10 хвилин!

👉 Як - дивіться наше нове десяти хвилинне відео - Аутентифікація для React застосунку за 10 хвилин за допомогою Firebase - основи

❤️ А тим часом ми продовжуємо збирати на WASP і будемо вдячні з кожну гривню!

Бережіть себе і скоро зустрінемося.

Є речі на які ми не здатні впливати. Але, як кажуть, роби що повинен і здійсниться, чому судилося. Тому - запрошую сьогодні на п'ятничний #ефір про #веб #перформанс який ми проведемо разом з Serhii Babich та Roman Savitskyi

❓ Що - п'ятничні балачки про веб-перформанс
👉Де - https://youtu.be/BnBaWd9t7Wc

🥰 Не очікуйте нічого серйозного або складного - це ж п'ятниця!

❤️ А тим часом ми продовжуємо збирати на WASP і будемо вдячні з кожну гривню!

Бережіть себе і свої нерви

🥰Проміжні результати збору🥰

До кінця збору залишилося три дні - час підвести проміжні результати:

👉 Кількість благодійників - 18 осіб (супер!)
👉 Найбільша пожертва - 500 грн (4 людини)
👉 Загальна зібрана сума - 5580

Дякую за кожен внесок і нагадую, що найбільша пожертва автоматично отримає росіянську кєпочку, а другу ми розіграємо серед інших учасників.

А ще ми вчора провели п'ятничний, легенький підкаст про веб перформанс. Він настільки легенький що його можна навіть на фон поставити 😊

Бережіть себе і до зустрічі у вівторок!