Create a Blog Website in ReactJS, TailwindCSS and Strapi CMS

所在平台: Udemy

课程主页: https://www.udemy.com/course/how-to-create-a-blog-in-reactjs-tailwindcss-and-strapi-cms/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:使用 ReactJS、TailwindCSS 和 Strapi CMS 创建博客网站 课程概述: 该课程旨在教授学员如何利用前端 JavaScript 库 ReactJS 和 CSS 框架 TailwindCSS 创建一个完整的博客网站,并结合内容管理系统 (CMS) 的实施。React 是一个开源的 JavaScript 库,专注于构建基于 UI 组件的用户界面,而 TailwindCSS 则通过其实用型框架,使得编写和维护代码变得更加高效。 适合人群: 如果您希望学习如何创建带有内容管理功能的博客网站,并掌握 ReactJS 的特定功能,那么本课程非常适合您。完成课程后,您将具备启动项目所需的自信和技能。 课程内容: 学员将从零开始构建一个博客网站,学习使用 JavaScript 代码编写功能并实现静态类型检查。课程重心在于编码,而非撰写 HTML 内容。课程开始时,学员会准备应用程序的基本布局,设计、图像和内容将由讲师提供。 一旦布局准备完成,学员将学习如何访问和提取存储在 Markdown 文件中的本地数据,并学习使用文件系统 fs 包。在此过程中,文件内容以字符串形式被提取,学员还将学习如何解析文件中的 "frontmatter" 元数据和 Markdown 内容。提取到的内容随后会被提供给页面并显示在应用程序中。 课程结束时,学员将实现搜索功能,通过导航栏提供的输入组件,网站上的所有内容均可被搜索。 此课程提供了一个系统化的方法,帮助您掌握博客网站开发的核心技能,并激发您的创造力。

课程评论(0条)

课程详情

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.

课程标签

0人关注该课程

主题相关的课程