|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/social-network-app-with-react-redux-firebase-tailwind-css/
课程评论：没有评论
**课程名称：** 使用 React, Redux, Firebase, Tailwind CSS 构建社交网络应用 **课程概述：** 本课程将带你从零开始构建一个功能齐全的社交网络应用程序。你将深入学习前端开发框架 React，状态管理库 Redux，以及高效的 CSS 框架 Tailwind CSS，并结合 Firebase 平台实现用户认证、数据存储和交互功能。 **课程亮点：** * **全部原生组件：** 课程强调不使用任何第三方 UI 组件库，所有界面元素，如表单、按钮、布局、模态框等，将完全使用 Tailwind CSS 从头构建，帮助你掌握其强大的工具类和响应式设计能力。 * **技术栈全面：** * **React：** 用于构建用户界面，学习组件化开发。 * **Redux：** 用于集中管理应用程序状态，实现复杂数据流的同步。 * **Tailwind CSS：** 用于快速构建定制化、响应式的用户界面，学习 Flexbox、Grid、定位、颜色、尺寸等核心概念。 * **Firebase：** 用于实现用户登录认证（如 Gmail、Google 账号）、图片上传（Firebase Storage）、数据库管理（实时数据同步）等后端功能。 * **核心功能实现：** * 用户认证（Gmail, Google 登录） * 发布帖子 * 帖子互动（点赞、评论、分享）及分析 * 公共布局与受保护布局 * 无限滚动加载 * 图片上传至 Firebase Storage * 应用部署至 Heroku **学习目标：** 通过本课程，你将能够： * 熟练运用 React 构建动态、交互式的用户界面。 * 掌握 Redux 的状态管理模式，有效地处理应用程序数据。 * 深入理解 Tailwind CSS 的原子化 CSS 思想，实现高效的 UI 开发。 * 利用 Firebase 快速搭建后端架构，处理用户认证和数据存储。 * 从零开始构建一个完整的社交网络应用，并将其部署上线。
Hi Guys ,In this course we will build a simple social network application with React , Redux , Firebase , Tailwind CSSReact - For Front EndRedux - For State managementTailwind CSS - For Styling and Reusable ComponentsFirebase - For Authentication / Storage / DatabaseBasically a social network is a place / platform where different people in the world connect together for different purposes like chatting , sharing information , posting their daily activities , promotions etc. So we will also build a similar kind of application. -----------------------------------The topics / concepts covered in this course are One of the best thing about this course/project is , We Will Not Use Any External Libraries for Components.Our complete components like forms , buttons , layouts , modals will be built using one and only Tailwind CSS.So you will build a complete application from scratch.Tailwind CSS concepts like flex , grid , positions , responsiveness , colours , sizes etcUser Authentication with Gmail , GoogleUploading postsPost Interactions and analyticsPublic layouts and Protected LayoutsState Management with ReduxLikesComments SharesInfinite scrollUploading images to Firebase storageDeployment to HerokuReactReact 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 companiesReduxRedux is an open-source JavaScript library for managing and centralizing the application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook's Flux architecture, it was created by Dan Abramov and Andrew ClarkTailwind 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.FirebaseFirebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development
