Tech & IT
Business
Coding & Developer
Finance & Accounting
Academics
Office Applications
Art & Design
Marketing
Health & Wellness
Sounds & Music
Lifestyle
Photography
.jpg)
Free
3 days left at this price!
This plan includes
- Limited free courses access
- Play & Pause Course Videos
- Video Recorded Lectures
- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Email & Chat Support
Get Unlimited Learning Access
$29
3 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Access to 11,000+ Courses
- Ads free experience Courses
- Play & Pause Course Videos
HD Video Recorded Lectures- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Direct Support
- Email & Chat Support
- Cancel Anytime
$29
$29
What you'll learn?
- Get an understanding of how to create a blog website in practical way
- Create a complete blog website with a Content Management System
- Establish yourself in the field of the exciting React web development environment
- Present yourself with your content platform
Course Overview
What is React JS?
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.
What is Tailwind CSS?
Tailwind CSS is an open source CSS framework. Tailwind CSS makes it quicker to write and maintain the code of your application. By using this utility-first framework, you don't have to write custom CSS to style your application. Instead, you can use utility classes to control the padding, margin, color, font, shadow, and more of your application.
Is this course right for you?
This course covers creating a blog website with a content management system (CMS).
The course does explains React Js specific functions.
This course will give you the confidence and skills required to start your project.
What are you going to work on?
You will build a blog website from scratch. You will learn how to write code in JavaScript language providing additional features and a static type checker.
The focus of this course is coding and not writing HTML content. The course starts with the preparation of the base layout of the application. All design - images, and content are provided by the instructor.
After the layout is prepared, the students will work on the functionality to access and fetch the local data stored in markdown files.
Students will learn to work with a file system - fs package in this part. The content of the files is retrieved as a string of data.
To get the formatted data, students will learn how to parse "frontmatter" metadata and the markdown content from the file.
The fetched content is then provided to the pages and displayed in the application.
After the content part is finished, students will start working on the search functionality. All content presented on the website can be searched via the input component provided in the navigation bar.
Pre-requisites
- Basic React JS knowledge is required.
Target Audience
- Anybody interested how to create a blog website with a CMS.
Curriculum 13 Lectures 02:32:41
-
Section 1 : Introduction
-
Section 2 : Setup
- Lecture 1 :
- Setup ReactJS _ Tailwind
- Lecture 2 :
- Setup Strapi CMS
-
Section 3 : Components
- Lecture 1 :
- Navbar
- Lecture 2 :
- Blogs Section
- Lecture 3 :
- Footer
- Lecture 4 :
- BlogContent
- Lecture 5 :
- BlogContent
- Lecture 6 :
- Routing Between Pages
-
Section 4 : Data
- Lecture 1 :
- Fetch data via API
- Lecture 2 :
- Map through API
- Lecture 3 :
- Routing Between Pages With Dynamic Content
- Lecture 4 :
- Last Few Steps To Enhance Your Blog
Our learners work at
Frequently Asked Questions
-
How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time. -
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic. -
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on. -
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want. -
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly. -
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
-
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions. -
Is there any free trial?
Currently, we do not offer any free trial. -
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
Instructor
8898 Course Views
10 Courses
I am a designer who would like to share my knowledge to many people as possible for free. I hope my knowledge will become beneficial to those who are keenly looking for resources over the internet.
I am also offering paid course to those need an in-depth video tutorial in a particular course that covers either design in Figma or Bubble Web Development.
View More...
.jpg?crop=smart&width=600&height=400)
.jpg?crop=smart&width=600&height=400)
