Про курс
React - це фреймворк, який використовується для розробки вебдодатків. Його використовували для розробки: Facebook, Instagram, Netflix, Dropbox, GitHub, Discord, Uber, і це лише декілька прикладів з численних проєктів. Разом із розповсюдженням даної бібліотеки зростає і попит на React-розробників різного рівня.
Цей курс надає базові знання та практичні навички, а проєкти для портфоліо дозволять застосовувати їх на практиці. На курсі розглядаються найактуальніші практики використання інструментів React та супутніх бібліотек, таких як react-router, react-redux, axios. Також ви дізнаєтеся про основні концепції React, включаючи компоненти, стан, властивості, події та життєвий цикл компонентів.
Курс складається з 10 уроків, пройшовши які студент навчиться розробляти функціональні компоненти, користуватись хуками, налаштовувати маршрутизацію та керувати сховищем застосунку. Окрім базового функціонала React, розглядаються супутні технології, які можуть знадобитись Front-End розробнику.
Під час проходження курсу студент ознайомиться з особливостями побудови React-застосунків, навчиться використовувати актуальні технології бібліотеки та на базовому рівні володітиме сторонніми технологіями, які необхідні веброзробнику (сховище Redux, робота з API, маршрутизація застосунків React-Router).
Курс спроєктований таким чином, щоб по його закінченню студент володів необхідною базою для розробки власних React-застосунків та знав тонкощі бібліотеки, які можуть знадобитися при проходженні тестових завдань на співбесідах та технічних інтерв'ю. На сьогодні знання даної бібліотеки є обовʼязковою умовою при працевлаштуванні в IT-компанію на посаду Front-end розробника.
По закінченню курсу студент має два проєкти, які можна використовувати у власному портфоліо.
Цей курс входить до спеціальності:
Попередні Вимоги
- Знання мови розмітки HTML.
- Базове володіння каскадною таблицею стилів CSS.
- Базові знання мови програмування JavaScript
Курс розрахований для веброзробників початкового рівня та може бути корисним досвідченим девелоперам, які не мають досвіду роботи з JavaScript бібліотекою React.
Ви навчитеся
- Розуміти призначення та філософію бібліотеки React.
- Працювати з пакетом npm.
- Будувати власні React-застосунки.
- Користуватися перевагами бібліотеки у власній розробці.
- Володіти синтаксисом JSX повною мірою.
- Вміти стилізувати компоненти як за допомогою inline-стилів, так і з використанням ізольованих css файлів.
- Вміти працювати з чистими реакт-елементами без JSX.
- Володіти актуальними технологіями у використанні станів та пропсів у функціональних компонентах.
- Керувати компонентами за допомогою хуку useEffect.
- Синхронізувати React-застосунки з localstorage.
- Обробляти мережеві API запити методом пакета axios.
- Налаштовувати маршрутизацію вебдодатку за допомогою бібліотеки react-router останньої версії.
- Створювати власний застосунок для списку нотатків (task list).
- Створювати власний застосунок для визначення погоди з використанням реального API.
- Створювати модальні вікна користуючись виключно інструментами React.
- Вміти розробляти компоненти, які можна використовувати у різних проєктах.
- Підтримувати фронтент-частину існуючих вебдодатків, написаних на React.
- 7 год 29 хв
- 10
- українська
Що входить до курсу
×
Ви дійсно бажаєте відкрити доступ до тестування за курсом React Базовий на 40 днів?
Мета уроку - знайомство з бібліотекою React та її можливостями. На уроці студенти встановлять необхідні програмні застосунки та пакет-менеджери для розробки React-додатків, а також створять свій перший React-застосунок.
Мета уроку - ознайомитися з найбільш поширеними файловими структурами для проєктів на реакті. Визначити особливості роботи синтаксису JSX в розробці React-додатків. Навчитися створювати React-елементи без використання JSX, визначити відмінності JSX від HTML.
Мета уроку - ознайомитися з компонентами та їх типами в реакті. Навчитися розробляти компоненти багаторазового використання. Ознайомитися з методами передачі даних між компонентами. Попрактикуватися в проєктуванні та розробці вебзастосунків з використанням компонентів для футеру, навігації, контенту та хедеру.
Мета уроку - ознайомитися з хуками в реакті, їх призначенням та функціоналом. Навчитися використовувати хук стану useState на практиці. Розібрати способи зміни стану хуку useState при роботі з масивами в якості значень.
Мета уроку - визначити, що таке DOM-елементи в React. Ознайомитися з хуком прямого доступу до DOM-елементів useRef. Визначити, що таке рендер в реакті та як він працює. Ознайомитися з хуком обробки сторонніх ефектів useEffect.
Ціль уроку - на практичному прикладі застосувати всі знання, отримані з п'яти попередніх уроків. Навчитися працювати з локальним сховищем localstorage, синхронізувати стейт зі сховищем за допомогою хуку useEffect та працювати з універсальним методом індексації uuidv4().
Мета уроку - навчитися встановлювати роутинг в реакт-застосунках. Ознайомитися з бібліотекою React Router актуальної версії. Опанувати технологіюю роботи з методами бібліотеки React Router.
Мета уроку - ознайомитися з базовим функціоналом менеджеру станів Redux. Навчитися користуватись інструментами redux toolkit. Набути практичних навичок в розробці власного Redux сховища, його налаштуванні та розробки екшенів для нього.
Мета уроку - ознайомитися з мережевими запитами вебінтерфейсу API. Розробити React-застосунок для визначення погоди у вказаному місті за допомогою відкритого API openweathermap.
Мета уроку - ознайомитися з варіантами використання та призначенням модальних вікон. Навчитися розробляти модальні вікна в React-застосунках.
Доступ до повного курсу з навчальними матеріалами та тестуванням на 30 днів за 14,99 USD
Придбати
Запитання і відповіді
Онлайн курси мають низку переваг перед офлайн форматом:
- Незалежність від локації. Онлайн дозволяє навчатися де завгодно.
- Збереження часу та грошей на дорогу. Ви економите час та гроші з поїздок на курси та назад.
- Онлайн курси дешевші. Немає потреби в приміщенні та ноутбуках для студентів, тому вартість нижча
- Комфортний темп навчання, постійний доступ до інформації. Навчання у вашому темпі будь-коли і будь-де 24/7. Також є доступ до записаних уроків, чого немає в офлайн форматі.
На ITVDN є 2 формати навчання: Live Online та відео курси. Ціна навчання залежить від обраного вами способу навчання.
Якщо ви хочете навчатися самостійно у форматі відео курсів, вартість навчання складе в середньому 10-15 USD на місяць в залежності від обраного вами пакету підписки.
Live Online – це онлайн навчання з тренером у групах разом із іншими студентами. Навчання у даному форматі коштує в середньому 6-7 USD за одну годину.
Залежить від того, скільки уваги програмуванню ви виділятимете щоденно, яка саме це мова і який у вас досвід кодингу. Середній час на опанування однієї мови за умови регулярних занять хоча б 2 год/день:
- новачки – від 3 до 6 місяців;
- ті, хто мають базові знання з іншої мови – від 1 до 3 місяців;
- професійні програмісти – до 1 місяця.
Найкращий варіант інвестиції часу – 8 годин щоденно (20% теорії + 80% практики). Більше практики – швидше опанування програмування.
Для опанування ІТ-спеціальності треба виділити не менше 500 годин, з яких близько 100 годин – на перегляд відео уроків або відвідування онлайн занять із ментором, а 400 – на виконання практичних завдань за пройденими темами.
В залежності від того, скільки часу ви готові виділяти на навчання в день, ви зможете пройти програму за 3-8 місяців. Якщо у вас є певна база знань з ІТ, кількість необхідного часу буде меншою.
Також тривалість навчання залежить від обраної вами спеціальності, оскільки набір технологій, які ви маєте вивчити, буде різним.
Починати варто з тих, які містять в назві слово “Стартовий”. Такі курси мають вступний матеріал для знайомства з мовою або технологією.
Якщо ж ви плануєте навчатися за конкретною спеціальністю у форматі відео курсів, перейдіть на сторінку спеціальності і прокрутіть до заголовку “Відео курси за спеціальністю …”. Нижче буде список відео курсів, котрі відсортовано в порядку необхідності вивчення.
Ще нижче ви знайдете Roadmap зі спеціальності – путівник, на якому зображені відео курси у вигляді дерева, що також вас легко зорієнтує у послідовності проходження курсів.
Якщо ви обираєте Live Online навчання з тренером, все дуже просто:
- відвідуйте всі заняття, вчасно виконуйте д/з;
- додатково дивіться відео уроки на ITVDN;
- після кожного уроку проходьте коротке тестування;
- практикуйтеся в Інтерактивному практикумі;
- спілкуйтеся з одногрупниками в ході вирішення д/з, задавайте питання ментору на уроках та поза ними;
- в кінці кожного курсу складайте екзамен на TestProvider (та отримуйте Сертифікати);
- в кінці всього навчання проходьте екзамен зі спеціальності і отримайте Диплом.
Ми маємо спеціальний розділ – “Вакансії”, котрий допомагає нашим студентам шукати першу роботу в ІТ. Детальніше про можливості та призначення розділу за посиланням.
А для тих, хто навчається онлайн з ментором, у нас додатково передбачена індивідуальна допомога HR-фахівця щодо підготовки до працевлаштування з першого дня навчання і до отримання першого job-оферу. Вона включає в себе допомогу в оформленні соцмереж, підготовці резюме, проведення пробної співбесіди, надання порад щодо пошуку роботи та самопрезентації тощо.
На жаль, дана послуга на ITVDN не передбачена, однак ви можете замовити індивідуальну консультацію з нашим ментором. Деталі ви знайдете за посиланням.
На ITVDN відсутні курси для дітей, тому комфортний вік для початку навчання за нашими матеріалами – від 14 років.
Ніяких вимог до вашого рівня англійської ми не висуваємо, оскільки всі навчальні матеріали йдуть російською або українською мовами. При цьому базові знання англійської будуть корисні для комфортного пошуку інформації в гуглі, читання документацій в інтернеті тощо.
На ITVDN можна пройти повне навчання з нуля до спеціаліста рівня Trainee/Junior. Якщо ви вже практикуючий розробник, наші відео курси допоможуть поглибити ваші знання до рівня Middle.
Після закінчення дії вашої підписки доступ до відео курсів, на жаль, буде закрито. Однак ви зможете користуватися тими навчальними матеріалами, які ви завантажили на свій девайс під час навчання.
Ні, знижки не додаються.
Відгуки наших студентів
Відгуки в DOU
4,9/5 - 200 відгуків
Відгуки в Facebook
5,0/5 - 707 відгуків
Відгуки в Google
4,9/5 - 836 відгуків