MERN Stack News Application with Tailwind CSS

所在平台: Udemy

课程主页: https://www.udemy.com/course/mern-stack-news-application-with-tailwind-css-2022/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:MERN Stack新闻应用与Tailwind CSS 概述:欢迎参加MERN Stack新闻应用课程。本课程将应用多种技术,构建一款完整的新闻应用。使用的技术包括:React用于前端,Tailwind CSS用于UI/样式,Node.js作为后端运行环境,Express.js作为后端框架,以及MongoDB作为数据库。 课程内容: - 完整的用户认证与保护路由概念 - 新闻项的全部CRUD操作(创建、读取、更新、删除) - 在没有状态管理工具(如Redux)的情况下处理复杂数据 - 创建MongoDB模型和模式 - 最流行的文本编辑器,用于撰写草稿 - 将全栈应用部署到实时服务器,无需任何费用 - React中的状态、属性、路由和HTTP请求 - 整个应用仅使用功能组件和无状态组件 在本课程中,我们将仅使用Tailwind CSS作为UI框架,拒绝使用任何外部CSS框架或库(如Bootstrap或Material UI)。我们会从头开始使用Tailwind CSS构建每一个组件,学习如何实现复杂的响应式布局。 先决条件: - 了解React:React是一个用于构建用户界面的开源前端JavaScript库,由Meta及多个开发者和公司维护。 - 了解Tailwind CSS:Tailwind CSS是一个实用优先的CSS框架,快速构建定制用户界面,提供高度可定制的基础构件。 - 了解Node.js:Node.js是一个运行在V8引擎上的开源跨平台后端JavaScript运行环境,可以在网页浏览器外执行JavaScript代码。 通过本课程,学员将获得构建现代全栈应用的实战经验,掌握MERN技术栈的应用与Tailwind CSS的使用技巧。

课程评论(0条)

课程详情

Hello, Welcome TO The Course MERN Stack News Application.The Different Technologies we will use in this application areReact - For Front End Tailwind CSS - For UI / StylingNode JS - For Backend Run-Time EnvironmentExpress JS - For Backend FrameworkMongo DB - For DatabaseThe topics that we will cover in this course areComplete USER authentication with Protected Routes conceptALL CRUD operations for the news items like create, read, update, deleteHandling Complex data without state management tools like reduxCreating Mongo DB Models, SchemasThe most popular text editor for creating content like draftsDeploying a full-stack application to a live server without any costStates, Props, Routing, HTTP Calls In ReactIn the complete application, we will use only functional/stateless components in React.For Styling and UI we will the latest and tending utility CSS framework Tailwind CSS.We will not use any external CSS frameworks or libraries like bootstrap/material UI etc.We will build every piece of the component in the application from scratch with Tailwind CSSWe will learn to implement complex responsive layouts with tailwind CSSPre Requisites----------------------------------------ReactReact 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. React can be used as a base in the development of single-page or mobile applicationsTailwind CSSTailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.Node Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

课程标签

0人关注该课程

主题相关的课程