Free React For Beginners

Всім привіт, у нас гарні три новини😎

👨‍💻 Вчора ми провели воркшоп - Pet Projects for Fun and Profit. Воркшоп пройшов успішно, тож ми відкриваємо другий набір. Умови ті самі - реєстрація + мінімальний внесок від 40 гривень . Максимальна кількість учасників - 15 осіб. Якщо у когось є бажання залишити свій відгук про вчорашній воркшоп - я буду дуже вдячний.

😍 Завдяки вчорашньому воркшопу ми зібрали 2_830 гривень. Ця сума була подвоєна (не тільки ж вам донатити) і 5_766 гривень вже відправлена до Першої Окремої Бригади Спеціального Призначення ім. Івана Богуна, (кошти збирає @babich_ss), ось тут детальніше

❤️ Ще одна гарна новина - найближчим часом ми проведемо відкритий ефір на нашому каналі . Тема - Ask Me Anything с Сергієм Бабічем - Front-End розробником, досвідченим лектором та просто чудовою людиною . Під час ефіру ви зможете поставити будь-які запитання щодо розробки або кар'єри в IT.

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

😎 Всім привіт 😎

На воркшоп "Пет проект для душі та з користю", який відбудеться вже в цей четвер, є ще два вільні місця.
Деталі - https://t.me/reactbeginners/61

Залишилося лише два місця

👓 Всім привіт! 👓

Сьогодні у нас анонс не дуже звичайної події - воркшопу: "Пет проект для душі та з користю"

Серед моїх пет проектів є відносно успішні - такі як додаток для VisualStudio з 30к+ завантажень та npm проект з 2,5к завантажень на місяць, так і не дуже, якими майже не користуються або ті які взагалі не побачили світу. Тому, я думаю, що зможу поділитися цікавим досвідом та вберегти вас хоча б від деяких помилок під час розробки вже вашого власного пет проекту.

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

А от не звичайною цю подію роблять дві обставини:

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

По-друге, реєстрація буде платною. Ми збираємо кошти на допомогу армії і жодна гривня не буде зайвою. До того ж я хочу бачити людей, яким ця тема дійсно цікава. Тому невеличкий внесок дасть, в першу чергу вам самим, зрозуміти, чи потрібно витрачати на цю, доволі специфічну тему, свій час та гроші.

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

Подія відбудеться в 11.08.2022 року, з 19:00 по 20:00

Чекаю на вас та бережіть себе.

👻 Всім привіт 👻

Лекція про UI бібліотеки вже опублікована!

Ми обговорили вимого до бібліотек, нюанси їх використання і на що варто звертати увагу під час їх вибору.

Практична частина з бібліотекою MUI починається з 26:42. Якщо вас цікавить як на практиці може виглядати використання цієї бібліотеки - запрошую переглянути нашу апку зі списком втоплених російських кораблів.

Корисні посилання:

🚛 Презентація
🚗 Material UI
🚜 Ant Design
🛻 React Bootstrap
🏎 Bundlephobia

До наступних зустрічей і бережіть себе.

👓 Всім привіт! 👓

Нагадую, про наступну лекцію, яка відбудеться вже за годину, а саме о 19:00 на нашому каналі.

Ефір почнеться о 18:50, приходьте, поговоримо про UI бібліотеки. Ми також підготували невеличку сесію лайвкодінгу, для кращої демонстрації матеріалу.

Чекаємо вас.

👹 Всім привіт 👹

Запрошую вас відвідати ще одну лекцію з курсу React для початківців, яка відбудеться 05.07.22 о 19:00.

Ми обговоримо UI бібліотеки у світі React. Поговоримо навіщо вони потрібні, як їх вибирати. Обговоримо проблеми, з якими ви можете стикнутися під час використання сторонніх бібліотек. Подивимось на приклади коду з бібліотекою React Material.

Стрім почнеться о 18:50 на нашому каналі, лекція о 19:00. Запис лекції буде доступним наступного дня після його обробки.

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

🔆 Всім привіт 🔆

Про нас є на ДОУ - кому цікаво прочитати розширену версію про те як ми створювали наш курс - ось посилання.

А наступна лекція відбудеться 05.07.22 і буде присвячена огляду UI бібліотек для React. Поговоримо навіщо вони потрібні взагалі та як вибирати. Оглядово розглянемо React Material.

Час трансляції визначимо після наступного опитування, але почнемо як завжди за 10 хвилин до часу. Канал - той самий

Бережіть себе, донатьте на ЗСУ і до зустрічі у наступний вівторок (опитування наступним постом).

👓 Всім привіт 👓

Кого цікавить тема TypeScript, але дивитися довге відео не хочеться - я підготував коротку статтю про прогресивний TypeScript де розглядаю як можна поступово і з мінімальними зусиллями перевести JavaScript на TypeScript, а також деякі нюанси 👻

Апдейти про наступну лекцію будуть вже до кінця цього тижня.

Бережіть себе, не ігноруйте тривоги.

Всім привіт.

Поки ми готуємо для вас нові лекції, FWDays запрошують на безкоштовну конференцію - JS+React fwdays’22, яка відбудеться 09.07.22 онлайн.

Буде:

🚜 Дві доповіді про стейт менеджмент (Recoil також, то ж ми в тренді),
🚗 Трохи про автоматизацію розробки,
🚛 Тестування та інші цікаві речі.

Загалом заплановано 12 доповідей, час проведення з 10:30 до 17:00

Приходьте, навчайтеся і бережіть себе.

Postmortem, та наші плани на майбутнє.

Наш курс закінчився вже два тижні назад і прийшов час підводити підсумки. Зараз буде трохи тексту, тож раджу взяти горнятко кави та прилаштуватися зручніше.

Я почну з того що було добре, бо саме так радить мудра книжка - почни з хорошого, а потім переходь до критики. Отже, що було добре?

Подача матеріалу. Дякую за відгуки щодо лекторів, ми старалися донести матеріал якомога простіше. І судячи з усього це нам більш менш вдалося. Загалом подача складних речей своїми словами "зайшла". Особливо було приємно було читати відгук про Generics в TypeScript

Структура. Ми покрили не все (наприклад пройшли мимо UI бібліотек, Redux, аутентифікації), але головні елементи для початківців ми закрили. Більш глибоке розуміння React потребувало би набагато більше лекційного матеріалу та практичних занять.

Мова. Я все життя говорив російською мовою і прочитав загалом більше 1_000 книжок саме російською. До 24.02 це була моя основна мова на якій я писав і спілкувався. Після початку війни - я перейшов на Українську. Це не було просто (і мені досі складно) але я радий, що ви не закидали мене помідорами і ми разом додали трохи до україномовного контенту. Зараз це дуже і дуже важливо.

Після хвали, перейдемо до конструктивної критики, а саме що треба було робити краще.

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

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

І, нарешті, прорахунок з графіком, який в тому числі і став причиною проблем з ДЗ. Річ у тім, що я планував проводити 2 лекції в день, двічі на тиждень. Лекція теорії та практичне заняття (не весь час, але план був такий). Але виявилося, що для нашої маленької команди це майже не можливо, дві лекції підряд - дійсно складно. Тому ми змінили графік на ходу і це також вплинуло на якість курсу.

Були і інші нюанси. І суто технічні (якість стріму, розмір шрифтів) так і не очікувані - блискавка під час прямого ефіру, бан від YouTube та інші. Але це вже не принципово.

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

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

Перша лекція - огляд UI бібліотек для React. Навіщо вони потрібні, які є популярні та трохи прикладів. Так, вона також буде більше теоретична, але її не вистачає для повноти картини.

Друга лекція - що потрібно знати Front-End розробнику. Я хочу поговорити і про React, і про інструменти розробника і про більш фундаментальні речі. Має бути корисним саме для початківців.

Після цього ми візьмемо паузу до осені і в осени будемо думати надо оновленням курсу, якщо це буде мати сенс.

Тепер щодо серії практичних лекцій з побудови своєї апки. Запит на це є і наразі ідея "зріє", але поки що конкретних дат чи обіцянок немає. Повноцінний додаток за 3 години не напишеш, а знову показувати щось просте - я не впевнений чи є в цьому сенс. Тому ми думаємо і це займе деякий час.

За цим у мене все. Анонси нових лекцій будуть в цьому самому каналі, не відключайтеся. І бережіть себе, тому що світ IT тісний і нам з вами ще працювати.

Побачимося,
Віталій, React курс для початківців.

Всім привіт, я повернувся.

Зараз ми опрацьовуємо ваш фідбек, результати та апдейти будуть згодом, десь на цьому тижні.

Дуже дякую за ваші оцінки, побажання та відгуки - це те що дійсно мотивує.

Free React For Beginners pinned a photo

Вчора ми завершили нашу останню лекцію, і все що очікуємо на ваш фідбек.

А ось список теми які ми пройшли та посилання для самостійного опрацювання

👩‍🍳 TypeScript для початківців

👩‍🎓 Що таке React і навіщо він потрібен

🧑‍💻 Починаємо новий проект з нуля

👩‍🔬 React та його будівельні блоки - компоненти

💂‍♀️ React та хуки

👩‍🔧 Пишемо свою гру на React

🧑‍🎨 Робимо React гарним - стилізація

🕵️‍♂️ Інструменти керування даними - Context, MobX

🤶 Recoil - альтернативний інструмент керування станом

👨‍🏭 React та форми - працюємо з користувачем

👮Навігація в React - додаємо нові сторінки

🧛‍♂️ Викликаємо бекенд - fetch або axios

🧞‍♀️ Автоматичні тести для React

🧝‍♀️ Інтерв'ю з HR та ваші запитання

Всі презентації та приклади коду доступні за цим посиланням

Бережіть себе та навчайтеся.

❤️ От і добігли наші курси до кінця ❤️

Ми розпочали з того що таке React, а закінчили тестуванням. Поговорили про network та TypeScript. Втопили кілька кораблів...

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

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

На цьому у нас все. Завтра я опублікую ще один пост з переліком усіх лекцій, а потім піду у відпустку.

З вами був курс Реакт для початківців від компанії Ітера та Віталія Рубана.

Сподіваюся, до скорих зустрічей на каналі.

Коротеньке нагадування - сьогодні, о 19:00 у нас остання лекція. Будемо відповідати на ваші питання та казати слова подяки. Приходьте, хай нас буде багато! 🙌

Трансляція вже створена - https://youtu.be/IHHav882T3k

👻 І кому ті тести потрібні? 👻

Ніхто не любить тести, але у складному проекті без них ніяк. Якщо вам цікаво навіщо потрібні тести, які вони бувають та що таке TDD - лекція вже доступна для перегляду (скіпайте перші 10 хвилин).

Корисні посилання:

Testing Recipes
Create-React-App - testing
Jest
React Testing Library

А я нагадую, що завтра, 26.05 у нас остання лекція, яка буде присвячена саме вам та вашим питанням. Приходьте, запитуйте, діліться відгуками. Окрім цього ми запросили декілька гостей, але нехай це буде секретом.

Тож до завтра, 19:00, на нашому YouTube каналі.

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

👓 Бекенд викликали? 👓

Як отримати дані з бекенду, як відмінити запит та що робити з отриманими даними - саме ці питання ми тільки що розглянули в рамках лекції React та мережеві виклики. Запис трансляції поки що доступний, а корисні посилання як завжди вже тут:

Fetch
Axios
Public API

Наступна лекція у нас завтра о 18:50, будемо говорити за тестування, його цілі, види та інструменти. E2E тести писати не будемо 😏

Чекаємо на вас, допомагайте ЗСУ і бережіть себе.

🥶 Остання лекція близько 🥶

Отже, залишився останній тиждень нашого курсу. Попереду нас чекає ще три невеликі, але корисні лекції:

🚚 24.05, 18:50 - React та backend - розглянемо як зробити запит на бекенд за допомогою fetch або axios, що з цим робити далі та типові помилки.

🚛 25.05, 18:50 - React та тестування. Поговоримо про те навіщо та як тестувати за допомогою jest. Спробуємо просто тести та снепшот тести.

🚜 26.05, 18:50 - Ask me anything. Це фінальна лекція яка буде присвячена виключно вашим питанням. Якщо вам щось не зрозуміло або просто цікаво - приходьте, ставте запитання в прямому ефірі, будемо відповідати.

А ще в нас чудові новини, навіть дві. Ми набрали 1000 підписників на YouTube та нам остаточно розблокували відео про роутер. Схоже що react-router-dom все ж таки не шахрайство. Треба буде написати в репу його авторам, хай також порадіють.

На цьому у мене все, чекаю вас о 18:50, у вівторок, на нашому каналі.