Build a Website using ReactJs and Contentful (Headless CMS)
4.2 (43 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
229 students enrolled

Build a Website using ReactJs and Contentful (Headless CMS)

Create ReactJS app using Contentful as Backend
4.2 (43 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
229 students enrolled
Created by Sarfaraz Kasmani
Last updated 1/2019
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 8 articles
  • 20 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn the modern way of building web applications using ReactJS and Contentful(Headless CMS).
  • Use React Router to navigate through your application
  • Create Class Components
  • Use JSX to build your User Interface
  • Use Props to pass Data
  • Compartmentalize your web page into Components
  • Update Component State to ensure responsive and interactive applications.
  • Create your free Contentful account
  • Create a new space to store content
  • Generate a Content Management API access token
  • Generate a Content Delivery API access token
  • Adding data in Contentful
  • Fetching data from Contentful in React application
Course content
Expand all 55 lectures 05:50:08
+ ES6 Crash Course (Optional)
9 lectures 38:24
How to run your code for this section
00:12
ES6 - let vs const (Optional)
05:08
ES6 - Arrow Functions (Optional)
05:34
ES6 - Template Strings (Optional)
03:51
Prototype Methods (Optional)
04:50
ES6 - Classes (Optional)
03:07
Spread Operator (Optional)
06:06
+ React Intro
7 lectures 39:34
Overview
01:26
Create-react-app
07:11
Elements
10:52
JSX
07:18
Components
04:27
Props
03:53
Refactor
04:27
+ React - State Management
5 lectures 19:14
Component Architecture
01:15
State Management
03:31
Updating State
07:18
Lifecycle Methods
06:38
Lifecycle Methods List
00:32
+ React Router
5 lectures 33:28
Overview
00:50
UI Setup (Bootstrap 4)
02:17
Adding Header Navigation and Footer
12:50
Component State Navigation
07:16
Browser-Router(Routing all pages)
10:15
+ Creating HTML pages in Reactjs
10 lectures 01:29:50
Creating Home page Part 1
29:04
Creating Home page Part 2
12:21
Home page Source Code
04:44
Creating About us page
04:51
About us page source code
00:16
Creating Service page
19:29
Service page source code
00:54
Creating Blog page
11:30
Blog page source code
01:05
Creating Contact us page
05:36
+ Adding and Getting Data from Contentful
11 lectures 01:56:18
About us - Part 1
09:26
About us - Part 2
08:49
Service page - Part 1
04:19
Service page - Part 2
16:59
Blog page - Part 1
07:35
Blog page - Part 2
09:53
Blog page - Part 3
23:07
Home page - Part 1
11:51
Home page - Part 2
07:27
Home page - Part 3
08:56
Home page - Part 4
07:56
+ Wrapping up
1 lecture 00:01

Resources for this lecture

Final Source Code
00:01
Requirements
  • Basic knowledge of HTML and CSS.
  • Student should have atleast basic knowledge of JavaScript.
  • Basic knowledge of Bootstrap 4
Description

ReactJS is a very popular JavaScript library created by Facebook and used by many other industry leaders like Netflix, Airbnb, etc. 

Contentful is content infrastructure. It lets you create, manage and distribute content to any platform. Unlike a CMS, it gives you total freedom to create your own content model so you can decide which content you want to manage. It provide you RESTful APIs so you can deliver your content across multiple channels such as websites, mobile apps (iOS, Android and Windows Phone) or any other platform you can imagine.

Who this course is for:
  • Anyone who wants to learn Contentful with ReactJS