Free React For Beginners
3.46K subscribers
231 photos
5 videos
1 file
385 links
💻 Про #React та #frontend та #веб розробку
🧑‍🎓 Для початківців і не тільки

👉 https://www.youtube.com/@reactdev
Download Telegram
Всім привіт. Для того щоб курс приніс вам якнайбільше користі, нам потрібно приблизно розуміти ваш рівень знань.
Будь-ласка - оцініть свій рівень в цьому опитуванні.
👍4🔥1
До початку курсів залишилося зовсім трохи, а ми з вами ще не знайомі. 🙂

Мене звуть Віталій Рубан — я працюю керівником фронт-енд департаменту в компанії Ітера. До цього працював як фул-стек техлід: MSSQL, C#/Angular, React. В IT я більше восьми років, з них більше сіми в ентерпрайзі. Маю досвід і в підтримці старих проектів, і в переписуванні, і в старті з нуля. Час від часу пишу технічні статті на різні теми. Колись багато моїх статей було на Хабрі, але з початком війни я видалив свій акаунт. Тож зараз маю свій маленький блог та твіттер, хоча веду їх не дуже активно — на все не вистачає часу. Іноді відписую на StackOverflow.

Якби не війна — це був би мій четвертий рік викладання для студентів НАУ.

Люблю смачно поїсти та почитати гарну книжку.

А ще я світчер, тому чудово розумію наскільки важко починати.

На цьому у мене все — питайте, діліться своїм. Нам всім час від часу потрібно відпочивати.
🔥30👍17
📣Отже це дійсно сталося 📣

Ми відкриваємо реєстрацію на курс Free React Course For Beginners!

Шлях був довгий, він ще не закінчений але дорога в тисячу миль починається з першого кроку. І перші дві лекції будуть проведені 28.04.2022 з 19:00 по 21:00.

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

Від вас потрібно наступне:

📄 Зареєструватися. Це важливо аби ми знали скільки людей буде на курсі. Також туди будуть дублюватися апдейти.

📟 Створити акаунт на GitHub та створити там свій репозиторій - react-for-beginners-itera - це місце для наших експериментів.
💻 Встановити на свій комп’ютер Node.JS та VsCode

А ще є окреме прохання - поширюйте цей допис в LinkedIn, аби більше людей змогли долучитися.
🔥36👍10
🎉 Сьогодні на нашому каналі з'явився перший запис 🎉

На нашому новоствореному ютуб каналі з'явився перший запис. Це відео знайомство зі мною та з програмою курсу. Відео дуже коротеньке і дещо незграбне, але професійної студії у нас поки що не має 😀. Сподіваюся на ваше розуміння.

Також у нас є чат де ви можете задавати питання та спілкуватися один з одним.

А перші дві лекції відбудуться вже 28.04.2022 з 19:00 по 21:00.
Чекаю на вас!
👍59🔥1
🙌 Реєстрація на курс завершена - нас більше 1300 осіб! 🙌

Перші дві лекції відбудуться на нашому YouTube вже 28.04 з 19:00 по 21:00, а матеріали вже опубліковані для всіх бажаючих:

Що таке React
Створюємо перший React проект

Не забудьте встановити VSCode, Node.Js та git та створити акаунт на GitHub.

Також нагадую що у нас є чат, де ви можете спілкуватися один з одним та задавати питання.

❗️Якщо ви не отримали лист запрошення - будь-ласка, перевірте спам.❗️

І ще один момент - якщо ми зберемо більше 1000 підписників на YouTube каналі - то, по-перше зможемо керувати рекламою та вимкнути її, а по-друге зробимо ще одну додаткову лекцію, тему якої оберете саме ви.

Чекаю всіх на першій лекції!
🔥46👍20
❗️Нагадування ❗️
Перші дві лекції починаються вже за дві години - о 19:00 за Києвом.

Трансляція буде відкритою - долучайтеся.
🔥46👍7
Перші дві лекції вже відбулися!

Вчора ми провели перші дві лекції з курсу React для початківців і вони вже доступні для перегляду на YouTube:

🚗 Вступ до React
🚕 Проект з нуля з Create-React-App

Також були дуже цікаві, та навіть не очікувані питання - давайте ще 🚜!

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

Тепер щодо наступних планів.
Третя лекція на якій ми розглянемо що таке компоненти та їх види відбудеться у вівторок 03.05 о 19:00.

В подальшому лекції будуть проводитись з вівторка по четвер о 19:00. Тривалість кожної лекції до години. Такий формат забезпечує і безперервність навчання і не надто перевантажує слухачів. А п'ятниця - понеділок це час для експериментів та відпочинку.

Все буде Україна.
👍85🔥6
🔆 Вчора сталася одна цікава подія 🔆

Один з учнів передав нам 750грн. для оплати покращеної підписки нашої трансляції. Що це означає?

👍 По-перше, тепер наша трансляція буде в 1080p тож ви зможете роздивитися все ще краще. І так, розмір шрифта ми також збільшимо 😀
👊 По-друге, завдяки цій пожертві, ми вирішили не чекати тисячу підписників на YouTube та провести лекцію, тему якої будете обирати саме ви. Вибір теми буде вже наступного тижня, тож не пропустіть!
По-третє, оскільки на учнях наживатися гріх, то точно така сума вже вирушила у фонд Повернись Живим, і я впевнений зайва вона там не буде.

Ну а найголовніше, те, що тепер ми розуміємо, що наші курси дійсно корисні для вас і це надає нам сил та натхнення робити їх ще кращими 🚀

Усім дякую та чекаю вас о 19:00 у вівторок 03.05 на лекції про Реакт компоненти. Будемо розглядати навіщо вони потрібні, їх види а також життєвий цикл компонентів у React.

Усе буде Україна.
👍9332🔥20👏2🥰1
🌖 Плани на цей тиждень 🌔

🚚 03.05.22 19:00 - Компоненти в React - навіщо, їх види та життєвий цикл

🚛 04.05.22 19:00 - Хуки для функціональних компонентів - що це таке, найпопулярніші, та власні

🚜 05.05.22 19:00 - Воркшоп - Пишемо свої власні компоненти, прості та не дуже.

Підписуйтесь на наш YouTube щоб нічого не пропустити!

Післямова - будь-ласка, не публікуйте справжні контакти (імейлі та телефони) на GitHub. Якщо ви це вже зробили - змініть що небудь не дійсне.
👍426🔥6
😱Сьогодні у нас була перша лекція про React компоненти 😱

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

Для тих хто пропустив - ось наша трансляція.

Завдання для перевірки ви можете знайти на нашому GitHub, а корисні посилання до лекції ось тут:

Компоненти в React - документація
Dumb VS Smart
Як зрозуміти життєвий цикл компонентів

Чекаю на вас завтра, з 19:00 по 20:00 Будемо розбиратися з тим що таке хуки, які вони бувають і як написати свій власний.

Якщо тема здалася вам складною та залишилися питання - пишіть в наш чат
👍328🔥3
Шановні майбутні коллеги, сподіваюся всі живі і в безпеці.

Бережіть себе, не ігноруєте повітряні тривоги і ми з вами ще посидимо за келихом пива.
82👍30🔥5
😜Лекція про хуки - вже закінчена!😜

Ми розглянули що таке хуки, та як їх використовувати. Попрактикувалися наживо, та написали свій власний хук.

Не обійшлось без технічних труднощів, але ми їх виправимо наступного разу, бо наступний раз уже завтра, з 19:00 по 20:00 і ми будемо писати свою першу гру на React.

Для тих хто пропустив - наша трансляція.

Завдання для перевірки сьогодні не буде, а от корисні посилання - обов'язково:

Дуже класна стаття - Useful React Hooks
Hooks FAQ
Репозиторій з уроку

Якщо тема здалася вам складною та залишилися питання - пишіть в наш чат
👍335🔥2
🚀Ми зробили гру всього за одну годину🚀

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

Для тих хто пропустив - наша трансляція та код який вийшов

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

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

А якщо тема здалася вам складною та залишилися питання - пишіть в наш чат
25🔥9👍4
❤️Наближаються вихідні❤️

До вихідних залишилось зовсім трішки, а ми ще не обрали яку саме додаткову тему ви бажаєте послухати. Виправляємося (кількість зірок - складність):
Anonymous Poll
18%
Лекція: поради початківцям про те, як писати "гарний" код*
56%
Воркшоп: TypeScript для початківців* *
15%
Лекція: Веб для початківці - від git init до go live*
11%
Лекція: Безпечний та не безпечний код* * *
🚜Розклад на тиждень 🚜

Новий тиждень вже почався, ось наш розклад:

🤩 Вівторок, 10.05, 19:00 - 20:00, - Стилі в Реакт. Дуже легенька лекція про те, як ми можемо стилізувати нашу веб сторінку. Поговоримо про CSS, SCSS та одним оком глянемо на CSS in JS

😜 Середа, 11.05, 19:00 - 20:15, - Інструменти для керування станом в React. Не легенька, але дуже потрібна лекція про те, як організовувати керування даними. Поговоримо про контекст, Redux і MobX

☺️ Четвер, 12.05, 19:00 - 20:00 - Recoil - новий стейт менеджер від Facebook. Ми запросили гостя, Сергія Бабіча, організатора LvivCss, який на прикладах покаже що таке Recoil і чому він зараз набирає популярність.

Як завжди, чекаємо на вас на нашому YouTube.
Бережіть себе.
👍40🔥101
🥸React + CSS = ?🥸

Лекція про стилізацію в React вже завершена! Якщо ви її пропустили - ось посилання для перегляду.

Завдання для перевірки ви можете знайти на нашому GitHub, а корисні посилання до лекції ось тут:

Css Modules
Sass - CSS with superpowers
How to add SASS to React
Styled Components
Styled Components extension

Чекаю на вас завтра, з 19:00 по 20:15 Будемо розбиратися зі StateManagement - Context, Redux, MobX. Тема трохи складна, тож беріть з собою каву!

Як завжди, чекаємо на вас на нашому YouTube і бережіть себе.
🔥34👍3
😎 Context ? Redux ? MobX ? 😎

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

Завдання для перевірки ви можете знайти на нашому GitHub, а корисні посилання до лекції ось тут:

Context
Redux
You might not need Redux
Redux Toolkit
MobX

А завтра у нас особливий гість - той самий Бабіч, який буде розповідати про нову бібліотеку для стейт менеджменту від Facebook - Recoil

Чекаємо на вас на нашому YouTube, підписуйтесь і бережіть себе.
🔥23👍43
👊React, Recoil.JS, Сергій Бабіч - лекція завершена 👊

Додаткова лекція про Recoil.JS - новий інструмент з керування стану в React від Facebook - завершена. Дякуємо Сергію за практичну та трошечки грозову доповідь та сподіваємося що вона стане вам у нагоді.

Завдання для самоперевірки сьогодні відсутнє - продовжуйте минуле з таймерами.

Зустрінемося з вами у наступний вівторок о 19:00 на нашому YouTube каналі. Тема майбутньої доповіді - Якого Хто перемалював мій компонент!?
15🔥6👍1
😏Попереду вихидні, а нам потрібна ваша допомога😏

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

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

Бережіть себе, скоро побачимося в Києві.
🔥16👍5