Bite-Sized React Foundations

Course

Online

Price on request

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Create dynamic, data-rich web apps by exploring React – a popular JavaScript library for frontend web development!

Using a component-based system, React allows you to render webpage elements and complex UIs by passing data around between them. You’ll learn how to take advantage of these unique features to manage rapidly changing data, and also apply these skills in a practical way by setting up a shopping cart app. With these techniques in hand, you’ll master a whole new way to create cohesive frontend experiences for your users and expand your web projects in novel ways.

You will learn how to:

Prepare web projects for React
Create page elements with JavaScript XML (JSX)
Set up dynamic UIs using React components
Render components based on states and Hooks
Utilize “props” to pass around data
Build a shopping cart app using React features

Frameworks and tools covered: Node.js 14.15.0, npm 6.14, React Developer Tools, React 17.0

Your Courses, Your Way

All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.

You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.

Learn from World-Class Instructors

Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.

That way, you can be confident that you’re learning the most up-to-date content from industry experts.

Interactive Lessons with Codemurai

Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!

Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.

Achieve Real Results

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

b
Why should I learn programming?
b
What will I achieve by taking these courses?
b
Technology changes quickly. What happens if the content becomes outdated?
b
I’m an absolute beginner who’s never coded before. Can I still do these courses?
b
What time commitment is needed?
b
Will these courses help me to change my career?
b
Can I watch the videos offline?

Good understanding of HTML, CSS, and Javascript.

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 2 years

Subjects

  • Access
  • Javascript training
  • Javascript
  • Magic
  • Web

Course programme

Intro to Bite-Sized Courses


Intro to Bite-Sized Courses



Introduction 0:33


Introduction 0:33



0:33

What is React 2:58


What is React 2:58



2:58

Getting Started 2:23


Getting Started 2:23



2:23

Hello World 2:48


Hello World 2:48



2:48

Diving Into JSX 1:51


Diving Into JSX 1:51



1:51

Thinking in Components 2:24


Thinking in Components 2:24



2:24

Building App Components 2:58


Building App Components 2:58



2:58

Styling App Components 2:55


Styling App Components 2:55



2:55

The Magic of Hooks - Part 1 2:38


The Magic of Hooks - Part 1 2:38



2:38

The Magic of Hooks - Part 2 2:57


The Magic of Hooks - Part 2 2:57



2:57

Props and Prototypes - Part 1 2:52


Props and Prototypes - Part 1 2:52



2:52

Props and Prototypes - Part 2 2:23


Props and Prototypes - Part 2 2:23



2:23

Create Item Component 2:15


Create Item Component 2:15



2:15

Displaying and Styling Item 2:33


Displaying and Styling Item 2:33



2:33

Create CartPage 2:56


Create CartPage 2:56



2:56

Adding Events to CartPage 2:44


Adding Events to CartPage 2:44



2:44

Styling CartPage 1:46


Styling CartPage 1:46



1:46

Conclusion 1:41


Conclusion 1:41



1:41

Additional information

On-demand, 24/7 access 0.7 hours of video Certificate of completion Source code and PDF notes Closed captions

Bite-Sized React Foundations

Price on request